Энд дарж 5ш үнэгүй хичээлийг үзэх

12935 харсан 123 видео 20 цаг 43 мин

    26,900199,000

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

Яагаад Javascript хэл ийм гайхалтай амжилттанд хүрсэн бэ?

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

Javascript хэл гайхалтай хялбар энгийн синтакстай. Яг адилхан үйлдэл хийдэг кодыг өөр хэл жишээ нь Java дээр бичихэд олон дахин урт болж ирдэг. Хэлний цаад дизайн нь супер уян хатан, хөрвөн өөрчлөгдөх боломжтой тул та энэ хэлийг ашиглан өөрийг нь ч өөрчлөх боломжтой байдаг тул толгойд орж ирсэн юм болгоныг хийх боломжийг Javascript хэлэнд өгдөг. Та Javascript хэлний стандарт library-ийг ч дуртай газраа өөрчилдөг тул заримдаа энэ Javascript үү эсвэл таны код уу гэдгийг мэдэхэд хэцүү. Цаашилбал IIFE, closure, callback, scope chain, this, prototype удамшил, функц зээлэлт зэрэг ойлголтуудыг ашиглан та бусад хэлний програмистуудын нүдэнд бол илбэ шиг зүйлийг програмчилж чадна.

Дэлхийн #1 аварга том үнэгүй кодын сан! Javascript програмистууд өөрсдийн кодыг дундаа хуваалцдаг газартай (https://www.npmjs.com) бөгөөд аль 2017 онд бусад хэлний сангуудыг хол орхиж сард 18 тэрбум кодын санг хүмүүс татаж ашигласнаар рекорд тогтоон тэргүүлсэн бол 2018 онд сард 32 тэрбум болсон байна. Жишээ болгож хэлэхэд PHP-ийн ийм дундын сан нь https://packagist.org/ бөгөөд 2019 оны байдлаар эндээс сард 600 сая удаа татаж суулгасан байна.

Та React, VueJS, AngularJS, EmberJS, NodeJS, ExpressJS... алдартай фрэймворкүүдийн тухай алхам бүртээ сонсож байгаа байх. Эдгээр бүх фрэймворкүүд Javascript хэлээр бичигдсэн байдаг тул та бараг ямар ч компанид ажилд орж, ямар ч програм бичсэн зайлшгүй Javascript-ийг мэддэг байх ёстой болно. Өө, мэдээж дээр нь та GULP, GRUNT, Webpack, Babel .... түүлинг хэрэгслүүдийг зайлшгүй ашиглах ба эдгээр нь мөн л Javascript ашигладаг.

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

Энэ сургалтыг та үзэхийн тулд HTML, CSS-ийн хялбар мэдлэгтэй байхад л хангалттай. Учир нь бид бүгдийг эхнээс нь дуустал нь үзэх болно! Хэрэв та HTML, CSS гэж юу болох талаар гайхаж байвал яг одоо 1234.mn дээр байгаа "HTML5, CSS3 эхнээс нь дуустал!” гэсэн гайхалтай сургалтыг үзээрэй. Дашрамд хэлэхэд энэ сургалтыг би мэргэжлийнхэнд ч зөвлөж байгаа. Учир нь html, css бидний мэддэгээс их өөр, гайхалтай хүчирхэг болсон байхыг үзээд та гайхах нь лавтай!

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

Сургалтынхаа явцад бид СОНИРХОЛТОЙ ТОГЛООМ, ХУВИЙН САНХҮҮ, ОНЛАЙН ХООЛНЫ ЖОР гэсэн гурван ч гайхалтай вэб апп-ыг цэвэр Javascript хэл ашиглан MVC зарчмаар эхнээс нь дуустал хийх болно. Гайхалтай нь бид Javascript хэлийг сурах явцдаа програмын хэрхэн бүтээдэг зарчмыг бас сурах юм!

Сургалтын явцад бидний сурах зүйлс :

- VS Code editor суулгах, тохируулах
- Javascript хэлний хувьсагч, өгөгдлийн төрөл, давталт, функц, обьект, массив зэрэг үндсэн элементүүд
- Програмын алдаатай ажиллах, try catch, debugging, chrome Dev Tool ашиглаж сурах
- Javascript хөшигний цаан хэрхэн ажилладаг тухай. Үүнд : execution context, scope chain, this, hoisting болон бусад чухал ойлголтууд
- DOM гэж юу болох, түүнтэй ажиллах
- Javascript нарийн ойлголтууд. Үүнд байгуулагч функц, prototype удамшил, метод зээлэх, closure, callback, call, bind, apply зэрэг функцүүд.
- Кодыг модул ашиглан хэрхэн зохион байгуулах, өгөгдлийн хамгаалалт, кодын дахин ашиглалтыг хэрхэн хэрэгжүүлэх
- Ecmascript стандарт буюу Javascript-ийн хувилбаруудын тухай. Үүнд ES5, ES6, ESNEXT хувилбарууд тэдний боломж
- Асинхрон програмчлал. Үүнд promise, async/await, Event loop, Event queuee
- Javascript 2019 онд хэрхэн програмчилж байна вэ гэдгийг судлана. Үүнд бид npm, webpack, babel болон ES6 кодыг эзэмших болно
- Сурсан зүйлээ баталгаажуулахын тулд гайхалтай өнгө үзэмжтэй гурван вэб аппыг эхнээс нь дуустал нь хийнэ.
- Git, github, gitpage, netlify ашиглан вэбээ хувилбараар хөгжүүлэх, онлайнд кодоо байрлуулах, вэбээ интернэтэд байрлуулах

За ингээд Javascript хэлийг зүгээр нэг сурах биш, харин түүний нууцыг бүрэн тайлж, эзэмших гайхалтай аялалд тавтай морил!

Сургалт маань анх удаа нээгдэж байгаа тул өдөрт нэг видео хичээл нэмэгдэх байдлаар явах болно. Магадгүй зарим өдрүүдэд илүү олон сургалтууд нэмэгдэх боломжтой. Хэрэв танд өдөрт нэг видео хангалттай гэж үзэж байвал яг одоо сургалтандаа бүртгүүлээрэй.

   Хичээлүүд :   

  1. 11:18
    Энэ сургалтаар бид юу сурч эзэмших вэ!
  2. 32:08
    Javascript хэл үүссэн түүх, хөгжлийн явц, броузерийн дайн, Ecmascript стандарт
  3. 32:12
    Javascript хэл юугаараа бусдаас өөр вэ? Яагаад ийм алдартай байна?
  4. 30:18
    VS Code editor суулгах, тохируулах
  5. 15:13
    VS Code Extension суулгах
  6. 38:37
    Өгөгдлийн төрөл, хувьсагч, консолтой танилцах
  7. 33:27
    Үндсэн операторууд, утга олголт арифметик үйлдэл, typeof
  8. 30:48
    Coercion буюу автомат төрөл хувиргалт, операторуудын ажиллах дараалал
  9. 34:47
    Нөхцөл шалгалт, prompt ашиглан хэрэглэгчээс утга авах
  10. 29:09
    Бүүлийн логик, AND, OR
  11. 13:43
    Гурвалсан оператор, ? :
  12. 16:49
    switch оператор ашиглах
  13. 18:09
    Програмыг debug хийх буюу алхам алхмаар ажиллуулж шалгах
  14. 28:04
    Функцтэй танилцацгаая
  15. 29:21
    Функцийн Statement болон Expression бичиглэл
  16. 21:00
    Обьект гэж юу вэ, түүний өгөгдөлд хандах тухай
  17. 32:55
    Обьектийн функцтэй ажиллах
  18. 21:32
    Массивтай танилц, pop, push, shift, unshift, length функцүүд
  19. 32:58
    Массивийн slice, splice функц, график гаргах жишээ
  20. 29:37
    For давталт, давхар давталт ашиглах
  21. 24:03
    while, do while давталт
  22. 15:35
    Давталтыг break, continue операторуудаар удирдах
  23. 25:37
    Утган хандалт болон заагч хандалтын тухай - value VS reference
  24. 10:35
    Хувьсагчийн төрлийг шалгах, typeof
  25. 19:23
    Алдааг боловсруулах буюу try catch ашиглах
  26. 31:32
    Javascript хэл дээр жишээ алгоритмын бодлогууд бодоцгооё
  27. 39:05
    Javascript дээр массивт санамсаргүй утга дүүргэж хоёр элементийн байрыг солих
  28. 24:37
    Javascript хөшигний цаана - Javascript engine, Глобаль объектийн тухай
  29. 23:27
    Функц доторх функц, хувьсагч функцийн үзэгдэх орчин буюу scope
  30. 18:40
    Кодын ажиллах Execution context болон Execution Stack-ийг ойлгох
  31. 18:13
    хувьсагчийн undefined утга ямар учиртай вэ?
  32. Ажиллах орчны үүсгэлтийн болон ажиллах шатууд, creation, execution, hoisting
  33. Hoisting бодит байдал дээр
  34. Өгөгдлийн хандагдах хязгаар буюу scope chaining
  35. this түлхүүр үг ямар учиртай вэ?
  36. HTML, CSS 5 минутанд
  37. git ашиглах, git bash суулгах
  38. git үндсэн командууд, status, add, commit, checkout
  39. Вэб апп #1 - Сонирхолтой тоглоом апп
  40. DOM руу хандаж үзэцгээе!
  41. Евенттэй ажиллах, шоогоо шидэх
  42. Оноог өөрчилж, тоглогчийн ээлжийг солих
  43. DRY зарчим буюу нэг кодоо дахин дахин бичихээс зайлсхийх нь
  44. Тоглоомыг шинээр эхлүүлэх функцийг бичих
  45. Тоглоомын төлөвийг хэрхэн програмчлах вэ?
  46. git ашиглан github дээр кодоо байрлуулах
  47. Github дээрээс кодоо өөрийн компьютер дээр татаж ажиллуулах
  48. Хийсэн вэбээ интернэт сэрвэрт байрлуулах - Gitpage, Netlify
  49. git branch үүсгэх, төслийн хувилбарыг үүсгэн ажиллах нь
  50. git branch хооронд шилжих, өмнөх хувилбараар кодыг сэргээх, үндсэн хувилбартай кодыг нийлүүлэх
  51. Javascript-д бүх зүйл обьект байдаг! Удамшил болон гинжин prototype-ийн тухай
  52. Байгуулагч функцээр обьект үүсгэх нь
  53. Гинжин прототайпыг консол дээр харцгаая
  54. Object.create ашиглан обьект үүсгэх нь
  55. Примитив өгөгдөл болон обьектийн ялгаа
  56. Функцийг функцийн аргументээр дамжуулах нь
  57. Функцээс функцийн КОДЫГ буцаах нь
  58. IIFE буюу нэн даруй ажиллагч функцүүд гэж юу вэ? Тэдний гайхамшигт давуу тал
  59. За одоо Closure -ийг үзэх цаг ирлээ!
  60. bind, call, apply илбийг бүтээх функцүүд
  61. Вэб апп #2 - Хувийн санхүүгийн бүртгэлийн апп бэлтгэл ажил
  62. Модулар паттерн гэж юу вэ? Хэрхэн хэрэгжүүлэх вэ?
  63. Евент листенерээ тохируулъя
  64. Хэрэглэгчийн оруулсан утгыг авах
  65. Бүх үйл ажиллагааг шинээр эхлүүлэх функцийг бэлтгэх
  66. Байгуулагчид орлого болон зардлын функцийг нэмэх
  67. Budget контроллерийг хийх
  68. UI руу шинэ орлогыг нэмэх
  69. Утга оруулах талбаруудыг цэвэрлэх
  70. Budget-ийг өөрчлөх
  71. Евентийг дамжуулах буюу Event delegation
  72. Устгах евентийг тохируулах
  73. Контроллероос устгалт хийх
  74. UI-с устгагдсан элементийг зайлуулах
  75. Зарлагын хувийг тооцоолох
  76. Мөнгийг мянгатын оронгоор форматлах
  77. ES6 буюу ES2015 хувилбарын онцлог
  78. let, const ашиглан хувьсагч зарлах
  79. Блок хандалт болон IIFE кодын хамгаалалт
  80. ES6 тэмдэгт мөртэй ажиллах
  81. Суман функц буюу Arrow function
  82. Суман функц ба this түлхүүрийн тухай
  83. Обьектийг задлах арга
  84. ES6 хувилбарын массивтай ажиллах нэмэлт функцүүд
  85. Spread оператор, буюу тодорхойгүй тооны параметртэй ажиллах
  86. Параметрийн анхны утгыг зааж өгөх
  87. Map өгөгдлийн бүтэц ашиглах
  88. Класстай танилцана уу
  89. Класс болон дэд класс, удамшил
  90. Асинхрон код гэж юу вэ?
  91. Event Loop ойлголттой танилц
  92. Өмнө нь бид Callback ашиглан асинхрон кодыг бичдэг байсан тухай
  93. Callback-ийн оронд гарч ирсэн Promise -тэй танилц!
  94. Promise дээр Async/Await ашиглан хялбарчлах нь
  95. Fetch болон Promise ашиглан Ajax хүсэлт явуулах
  96. Fetch болон async/await ашиглан Ajax хүсэлт илгээх
  97. Орчин үеийн Javascript хөгжүүлэлтийн технологитой танилц!
  98. Command line ашиглах шалтгаан
  99. NodeJS, npm суулгах бэлтгэх
  100. Гайхалтай Webpack-тай танилц!
  101. Webpack dev сэрвэр суулгаж ашиглах нь
  102. Гайхалтай Babel-тэй танилцана уу
  103. MVC буюу Model, View, Controller архитектуртай танилц
  104. ES6 Модултай танилц!
  105. Вэб апп #3 Хоолны жор хайх, орцыг нь захиалах вэб сайт
  106. Хайлтын моделийг бичих
  107. Хайлтын контроллерийг бичих
  108. Хайлтын үр дүнг вэб дээр гаргах
  109. Хайлт хийх зуур түр хүлээнэ үү гэсэн эргэлдэх сумыг хийх
  110. Хайлтын үр дүнг хуудаслан үзүүлэх, хуудас хооронд шилжих
  111. Хоолны жорын моделийг бичих
  112. Хоолны жорын View хэсгийг бичих
  113. Жорын найрлагын хэмжээг өөрчлөх хэсгийг хийх
  114. Сагсны моделийг бичих
  115. Сагсны View хэсгийг бичих
  116. Сагсны контроллерийг бичих
  117. Лайкын моделийг бичих
  118. Лайкийн контроллерийг бичих
  119. Лайкийн view бичих
  120. Өгөгдлийн browser-ийн storage рүү хадгалах
  121. Хийсэн вэбүүдээ интернэтэд байрлуулах - Gitpage, Netlify
  122. Алдартай Javascript Фрэймворкууд, алийг нь сурах вэ!
  123. Цаашаа үргэлжлүүлэн юу судлах вэ, зөвөлгөө
199,000    26,900

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

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

Мэргэжлээрээ expert болсон хүнээр хичээл заалгаж байгаадаа баяртай байна. Цаашаа илүү олон хичээлүүдийг оруулаарай гэж хүсье!.
William, 2019-11-03 17:28:33
Монгол хэл дээрээ ийм контент авж байгаадаа баяртай байна.
Anhbayr Anhbayr, 2019-11-05 17:33:32
thanks
Баянбаатар, 2019-11-07 20:00:46
nice ???? uneheer ih ym medej avlaa
Tserenjigmed, 2019-11-08 18:16:19
Одоо л судалж үзэх гэж байна даа Чанартай байгаа байх гэж найдаж байна Мөн үнийн дүнгийн хувьд үнэхээр боломжын санагдлаа
Шаравжамц, 2019-11-12 18:19:09
Үнэхээр гоё сургалт байна. Нэг санал байнаа PHP хичээл нэмээд өгөөч баярлалаа
Хишигбадрах Энхтөр, 2019-11-15 21:56:26
Goy shineleg eh hel deerh surgalt
Jamba Ganzorig, 2019-11-17 18:18:23
Багш : Амарбат
Мэргэжил : Програмчлал
Заах чиглэл : Програмчлал, Стартап бизнес, Digital Маркетинг
Элссэн огноо : 2016-01-14

Танилцуулга :
Програмчлал бол маш хялбархан бөгөөд бас зугаатай ажил шүү!
Бүгдээрээ туршлагаа хуваалцая.

Боловсрол :
2000 – 2001 : Компьютерийн ухааны магистер, Компьютер Техник Менежментийн Сургууль (KTMC)
1996 – 2000 : Компьютерийн ухааны бакалавр, Компьютер Техник Менежментийн Сургууль (KTMC)
1986 – 1996 : Арван жилийн нэгдүгээр дунд сургууль

Танилцуулга :
2018 – Одоо : 1234.mn, Photobank үүсгэн байгуулагч
2014 – Одоо : Primitive Mind LLC, захирал
2010 – 2012 : Япон монгол хамтарсан INI LLC, програмист
2008 – 2010 : Modern Classics LLC (USA), програмист
2006 – 2010 : Сод Хийморь дээд сургууль, багш, програм хангамжийн тэнхмийн эрхлэгч
2000 – 2006 : Компьютер Техник Менежментийн Сургууль (КТМС), програм хангамжийн тэнхим, багш

Амарбат багштай холбогдох
Амарбат -ийн бусад сургалтууд