Бүх сургалт ХУГАЦААГҮЙ буюу НАСАН ТУРШИЙН!

Ямар ч хүчирхэг зүйлийн гол танигдах шинж чанар нь түүний хялбар байдал билээ. Тун залуухан боловч хамгийн хүчирхэг Javascript фрэймворкуудын нэг болж чадсан VUEJS-ийг ашиглан та ойлгомжтой хялбар кодоор, найдвартай, хурдтай бас хүчирхэг хамгаалалттай вэб сайтыг хурдан хугацаанд бүтээж чадна.

Мэдээж та манай Javascript хэлийг эхнээс нь дуустал! сургалтын танилцуулга дээр байгаа дараах хэсгийг уншсан байх:
Яг одоо дэлхийн #1 эрэлттэй, өргөн ашиглагддаг програмчлалын хэлээр Javascript тодроод байна. Хэрэв та Javascript мэддэг бол АНУ-д танд сарын $9121 буюу ойролцоогоор сарын 24.4 сая төгрөгийн цалин өгөх ажээ. 2019 оны судалгаагаар Javascript нь Stackoverflow болон Github дээрх хамгийн их яригдаж буй сэдвээр тодорсонд гайхах зүйл үгүй.

Тэгвэл энэхүү хүчирхэг хэлний бүхийл гайхамшгийг өөртөө агуулсан, нэмж өргөтгөсөн 2019 оны шилдэг Javascript Фрэймворкоор тодорсон VUEJS-ийг ашиглан та маш богино хугацаанд, монгол хэл дээр видео бичлэг үзэн сурахыг хүсч байна уу?

Энэ сургалтыг үзсэнээр та дээрх аргуудад суралцахаас гадна Vuejs-ийг бие даан ашиглан мэргэжлийн вэб сайтыг хурдан хугацаанд хийх чадварыг эзэмшинэ. Та Javascript дээр эхлэн суралцагч байсан ч энэ сургалтыг бүрэн ойлгож суралцах боломжтой. Хамгийн гол нь сургалтын туршид бид хамтдаа Vuejs фрэймворкийн суурь ойлголтуудыг эхнээс нь дуустал нь демо прожектууд дээр туршиж, ажиллуулж үзэх болно.

Бид дараах прожектуудыг хийж vuejs-ийг эзэмших болно:
1. Мангасын алуурчин (Жижиг тоглоом)
2. Гайхамшигтай ишлэл хийх(Дунд түвшний апп)

Сургалтын явцад эзэмшсэн ур чадвараа ашиглан маш богино хугацаанд өндөр хамгаалалттай, хүчирхэг, уян хатан интерактив вэб программыг та бүтээж сурна.

Эцэст нь нэг асуулт асууя. VueJS гэж яг юу вэ?

Энэхүү гайхалтай фрэймворкийг фэйсбүүкийн ReactJS, гүүглийн Angular фрэймворкуудтай өрсөлдүүлэн ердөө ганц залуу бүтээсэн гэвэл та итгэх үү? Энэ залуу өөрөө Гүүглд ажиллаж байсан ба өөрийн хоббигоор бүтээсэн энэхүү фрэймворк нь гарсан даруйдаа дэлхий нийтийн хөгжүүлэгчдийг шууруулж чадсан билээ. Дэлхий нийт ердөө ганц хүн хөгжүүлж байгаа гэдгийг нь ч тоосонгүй, шууд л талархан хүлээн авчээ.

Яагаад ийм их амжилттай байсан юм бол? Юуны өмнө Ларавел фрэймворкийн бүтээгч Тейлор Отвел хэлэхдээ VueJS бол React сурахаас хамаагүй амар бас супер эд байна гэж анх твиттерээр зарлажээ. Өөрөөр хэлбэл дэлхийн шилдэг вэб фрэймворкийг бүтээсэн хүний амнаас ийм үг сонсоход хүн бүрийн анхааралд оролгүй яахав.

Өөр гоё юм юу байна вэ? Яагаад та энэ сургалтыг судлаад олж мэдэж болохгүй гэж?
Доорхи видеог тоглуулж эхний видео хичээлийг үзнэ үү

   Хичээлүүд :   

  1. 02:16
    VueJs 2. Мастерын сэлэм - Танилцуулга
  2. 07:01
    Эхний Vuejs апп-аа хийж үзэх
  3. 03:34
    input таг ашиглан эхний апп бага зэрэг өргөтгөж үзэцгээе.
  4. 03:34
    Ерөнхий хичээлийн бүтцийн талаар
  5. 04:36
    Эхний үүсгэсэн апп-аа локал машин дээр суулгаж ажиллуулах
  6. 06:26
    Vuejs templates and data access syntax
  7. 04:22
    Html тагын attribute-руу Vue instance-ээс өгөгдөл дамжуулах.
  8. 02:21
    V-ONCE directive
  9. 03:19
    Raw html data
  10. 03:46
    Event
  11. 02:17
    Event-ээс өгөгдөл авах
  12. 02:43
    Өөрийн хүссэн өгөгдлийг Event-тэй дамжуулах
  13. 03:30
    Modifying an event
  14. 03:09
    Keyboard event
  15. 04:04
    Vuejs template дотор Javascript код бичих
  16. 02:17
    V-model binding
  17. 04:50
    v-on ба v-bind товч бичиглэл
  18. 03:25
    v-if нөхцөлт рендер
  19. 02:26
    v-show нөхцөлт рендер
  20. 03:08
    v-for
  21. 02:12
    v-for index
  22. 01:16
    v-for alternative template syntax
  23. 03:24
    v-for looping object 1
  24. 01:58
    v-for looping object 2
  25. 01:51
    v-for number
  26. 04:12
    v-for push method. :key unique тохиргоо
  27. 07:13
    Мангасын дуудлага 1
  28. 11:39
    Мангасын дуудлага 2
  29. 06:13
    Мангасын дуудлага 3
  30. 06:13
    Мангасын дуудлага 4
  31. 06:28
    Мангасын дуудлага 5
  32. 09:59
    Мангасын дуудлага 6
  33. 06:24
    Мангасын дуудлага 7
  34. 04:47
    Мангасын дуудлага 8
  35. 19:29
    Мангасын дуудлага 9
  36. 10:46
    Олон Vue Instance-тэ ажиллах
  37. 05:55
    Vue instance-ын гадна талаас холбогдох
  38. 07:29
    Vue instance дата ба шинж чанаруудыг зохицуулалт хийх
  39. 08:29
    Vue instance дата ба шинж чанаруудыг зохицуулалт хийх, мөн илүү ихийг API-аас
  40. 23:26
    Vue instance mount template and component
  41. 13:52
    VUEJS CLI суулгах
  42. 09:05
    VUEJS CLI .vue файлыг ойлгох нь. Production and Developement mode
  43. 14:01
    Vuejs component-ын тухай, Component-д өгөгдөл хадгалах
  44. 06:51
    Локал болон Глобалаар компонентыг бүртгэх
  45. 25:35
    Vuejs CLI-ын root component, компонент үүсгэх, хэрэглэх
  46. 07:09
    Фолдерын бүтэц ба компонент бүртгэх нэршлийн дүрэм
  47. 06:22
    Scoping style - Компонетыг локал болон глобалаар хэлбэржүүлэх
  48. 15:03
    Компонентуудыг холбох болон props-оор өгөгдөл(data, array, object) дамжуулах
  49. 05:40
    Компонентыг нэрлэх болон хүү компонент дээр props-ыг ашиглах
  50. 07:21
    Props-ыг шалгах
  51. 08:59
    Зарим сонирхолтой Event-ийг ашиглах эцэг ба хүү компонентыг холбох
  52. 04:20
    Callback function-аар компонентуудыг холбох
  53. 09:18
    Хүү компонентуудыг холбох
  54. 07:36
    EventBus ашиглах компонентуудыг ашиглах
  55. 05:15
    EventBus ашиглан кодыг төвлөрүүлэх, цэгцлэх
  56. 11:18
    Компонент талаар илүү ихийг
  57. 05:35
    Эцэг компонентоос хүү компонентруу контент дамжуулах
  58. 05:39
    Slot-оор ирсэн контентыг хэлбэржүүлэх
  59. 04:14
    Slot-ыг нэрлэх
  60. 03:37
    Default slot and slot default
  61. 12:07
    Олон компонент хооронд шилжих. Динамик компонент.
  62. 06:45
    Динамик компонентын шинж чанар(Destroyed hook)
  63. 03:39
    Динамик компонентын шинж чанар(keep-alive)
  64. 05:28
    Динамик компонентын шинж чанар(Activated and deactivated)
  65. 03:10
    VUEJS-ын талаар үзсэн мэдлэгээ ашиглан хялбар "Эшлэл" хэмээх жижиг веб апп хийж үзэх-хичээл-1
  66. 22:53
    VUEJS-ын талаар үзсэн мэдлэгээ ашиглан хялбар "Эшлэл" хэмээх жижиг веб апп хийж үзэх-хичээл-2
  67. 10:01
    VUEJS-ын талаар үзсэн мэдлэгээ ашиглан хялбар "Эшлэл" хэмээх жижиг веб апп хийж үзэх-хичээл-3
  68. 07:15
    VUEJS-ын талаар үзсэн мэдлэгээ ашиглан хялбар "Эшлэл" хэмээх жижиг веб апп хийж үзэх-хичээл-4
  69. 16:07
    VUEJS-ын талаар үзсэн мэдлэгээ ашиглан хялбар "Эшлэл" хэмээх жижиг веб апп хийж үзэх-хичээл-5
189,000    49,000

Худалдаж авах

== Сурагчдын сэтгэгдлүүд ==

Duunii chanar muu baina.
Тэргэлтэнгис, 2021-02-21 17:21:13
Дажгүй гоё сургалт болжээ. Одоо 2-ын үзэх гээд худалдаж авсан. Багшийн дуу их сул санагдлаа.
Хуягаа, 2021-02-15 23:06:17
mash sain surgalt ywuuldag amilt husey
Puujee PJ, 2021-01-17 19:48:47
Гайхалтай, хараахан дуусаагүй байна. Зүгээр л хамгийн сүүлд ямархуу юм хийх гээд байгаагаа үзэх гэж байна. Багш хоолойгоо засахгүй байна уу, баярлалаа.
Uurtsaikh, 2020-10-27 21:19:47
Ерөнхийдөө таалагдсан гэхдээ дуу нь аймар бүдэг сонсогдож байна нэг стандарт барьмаар юм. Бас ихэнх хичээлүүдийг бэлдээгүйгээс болж цаг нь сунжраад байна.
Мөнхбат, 2020-10-25 21:56:19
Ойгомжтой, эмх цэгцтэй сургалт болжээ.
Адъяатогтох, 2020-05-08 21:17:39
Сайн байна уу? Маш хэрэгтэй сургалт байна.2 дахь цувралын хичээлүүдийг хурдан оруулаарай.Бүтэн оруулчвал худалдаж авахад бэлэн байна.Амжилт хүсье.
Tserendorj, 2020-02-24 13:27:00
арай хурдан зааж бн бага зэрэг удаан ойлгомжтой болгомоор бн
Отгонбаяр, 2020-02-11 13:54:51
Хэрэгтэй гоё сургалт байна.
М.Хүрэлхүү, 2020-02-01 13:31:05
goy surgalt beltegsen tand bayrlalaa tsaashdiin ajil hudulmurt n undruus undur amjilt husey
jadamba, 2020-01-22 17:30:34
Ийм гоё ойлгомжтой зааж байгаа багш нартаа баярллаа та бүхний минь ажил үйлс үргэлж бүтэж байх бол тугай
Bayraa Ql, 2020-01-12 09:13:45
Ene surgaltiig haij2 olood shud avsan. Uneheer heregtei bas oilgomjtoi saihan zaadagt mash ih bayrlaj bgaa. Ih hereg bolj bna. Tsaashdaa ch gsn heregtei2 hicheeluudiig oruulj suragchdaa bayrluulna gj bodjin. Tanai hamt olond amjilt husye!
William, 2020-01-07 00:01:49
баярлалаа
Баянбаатар, 2019-11-17 21:55:42
Хайж байсан сургалтаа олж авсандаа их баяртай байна.
Ганзориг, 2019-10-26 22:18:26
Bayarlalaa
Батзаяа, 2019-10-08 12:36:55
sain bnaa
Үүрцайх, 2019-10-03 16:29:02