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

7191 харсан 127 видео 20 цаг 48 мин

    26,900149,000

Энэхүү сургалт нь Flexbox, CSS Grid, Sass зэрэг орчин үеийн HTML5 ба CSS3+ технологиудыг ашиглан Responsive (мэдрэмтгий) вэбсайт, хэрэглэгчийн интерфэйсийг хэрхэн хийх тухай эхлэн суралцагчид болон туршлагатай вэб хөгжүүлэгчдэд зориулагдсан цогц сургалт юм. Уг сургалт нь олон цагийн турш үргэлжлэх бодит төсөл дээр тулгуурласан хичээлүүдийг агуулсан. Bootstrap мэтийн framework-уудад хэт их найдахаа больж, өөрийн гэсэн бүтэц, хэрэгслүүдийг зохиож цоо шинэ хэв маягтай вэб сайт, UI-ийг бүтээцгээе.
Сургалтын эхний хэдэн бүлэг нь эхлэн суралцагчдад зориулагдсан бөгөөд хэрэв та урд нь вэб бүтээхтэй холбоотой юу ч хийж байгаагүй бол яг л энэ хэдэн бүлгээс та бүх үндсэн ойлголтуудыг авах болно. Харин та HTML болон CSS-ийн талаар тодорхой мэдлэгтэй бол шууд 3 болон 4 дүгээр бүлгийн хичээлүүдийг үзэж эхлээрэй.

Бидний судлах зүйлс:

Вэб сайт хэрхэн ажилладаг вэ?
Visual Studio Code-ын тохиргоо, Live Server болон Emmet
HTML5 Semantic бүтэц
CSS-ийн үндсэн ойлголтууд
Media Query бүхий Responsive дизайн
CSS-ийн хэмжих нэгжүүд - rem, em, vh, vw гэх зэрэг
Flexbox
CSS Grid
Keyframe, Transition ашиглан Animation хийх
CSS хувьсагчууд
Sass
Бүрэн болон мини төслүүд
Shared Host дээр вэбийг байршуулах

Суралцагчдын ур чадварын түвшин: Бүх түвшний
Сургалтыг үзэхэд шаардагдах зүйлс бий юу? Уг сургалт нь эхлэн суралцагчаас мэргэжлийн хөгжүүлэгчид хүртэл бүх хүмүүст зориулагдсан. Ямар нэг урьдчилсан нөхцөл шаардагдахгүй.
Сургалт маань анх удаа нээгдэж байгаа тул өдөрт нэг видео хичээл нэмэгдэх байдлаар явах болно. Магадгүй зарим өдрүүдэд илүү олон сургалтууд нэмэгдэх боломжтой. Хэрэв танд өдөрт нэг видео хангалттай гэж үзэж байвал яг одоо сургалтандаа бүртгүүлээрэй.
Сургалтын явцад та орчин үеийн шаардлагад нийцсэн гоёмсог дизайн бүхий вэб сайтыг өөрөө бүтээж сурах бөгөөд таны вэб сайт тэс өөр түвшинд хүрч хөгжинө гэдэгт итгэлтэй байна.
Сургалт маань нээлтээ тохиолдуулан хямдарсан байгаа бөгөөд та хямдралын хугацаанд амжиж сургалтаа аваарай!

   Хичээлүүд :   

  1. 3:51
    Нэгдүгээр бүлэг. Сургалтанд тавтай морил.
  2. 9:41
    Вэб хэрхэн ажилладаг вэ?
  3. 7:14
    Вэб хөгжүүлэлтэд HTML болон CSS-ийн гүйцэтгэх үүргүүд
  4. 13:21
    Visual Studio Code-ыг суулгах, тохируулах
  5. 3:16
    Хоёрдугаар бүлэг. HTML-ийн үндэс. Бүлгийн танилцуулга.
  6. 10:35
    HTML хуудсыг үүсгэх, нээх
  7. 13:32
    Doctype болон үндсэн layout
  8. 9:20
    Live Server-ийг тохируулах (Visual Studio Code-ын нэмэлт)
  9. 12:12
    Meta Tag болон Хайлтын системүүд
  10. 16:27
    Heading, Paragraph болон текстийн харагдах байдал
  11. 23:32
    Вэб холбоос (link), зураг, attribute-ийн тухай
  12. 19:04
    Жагсаалт болон хүснэгт
  13. 30:26
    Form болон Input
  14. 9:22
    Block level болон Inline level элементүүд
  15. 17:02
    Div, Span, ID болон классууд
  16. 11:27
    Html Entities, Symbols
  17. 7:24
    Html5 Semantic Таg-ууд
  18. 6:05
    Html5 Semantics үргэлжлэл
  19. 2:24
    Гуравдугаар бүлэг. CSS-ийн үндэс. Бүлгийн танилцуулга.
  20. 15:47
    CSS-ийг implement хийх
  21. 17:24
    CSS-ийн үндсэн selector-ууд
  22. 9:38
    Developer Tools-ийн тухай
  23. 17:01
    CSS дэх фонтууд
  24. 11:01
    Өнгөний төрлүүд
  25. 24:47
    Хүрээ болон дэвсгэр өнгө
  26. 26:45
    Box модель, Margin болон Padding
  27. 22:37
    Float болон зэрэгцүүлэлт
  28. 16:45
    Вэб холбоосын төлөв болон товчлуурын загварыг өөрчлөх нь
  29. 20:16
    Цэстэй ажиллах
  30. 13:12
    Inline, Block болон Inline-Block
  31. 19:41
    Positioning буюу байрлуулах
  32. 3:25
    Form-ийн загварын даалгавар
  33. 17:48
    Form-ийн загварын шийдлүүд
  34. 9:27
    Visibility, Order болон хасах Margin
  35. 5:10
    Дөрөвдүгээр бүлэг. Зочид буудлын вэб сайт. Төслийн танилцуулга.
  36. 5:39
    Дизайны санаа
  37. 36:47
    Файлын бүтэц, Navbar
  38. 35:50
    Showcase болон Hotel Info
  39. 20:29
    Feature-ууд болон Footer
  40. 30:07
    Бидний тухай хуудас
  41. 18:55
    Холбоо барих хуудас
  42. 5:10
    Тавдугаар бүлэг. Responsive Layout. Responsive дизайн гэж юу вэ?
  43. 24:44
    Media Query-г ашиглах нь
  44. 20:30
    Em болон Rem хэмжих нэгжүүд
  45. 19:25
    Vh болон Vw хэмжих нэгжүүд
  46. 28:29
    Зочид буудлын сайтаа бүрэн Responsive болгох
  47. 5:38
    Зургаадугаар бүлэг. Flexbox-ын тухай. Flexbox гэж юу вэ?
  48. 15:38
    Flex-ийн үндсэн ойлголтууд
  49. 21:18
    Flex зэрэгцүүлэлт болон эрэмбэ
  50. 5:00
    Долдугаар бүлэг. Platinum Financial вэб сайт (Flexbox). Төслийн танилцуулга.
  51. 23:22
    Файлын бүтэц, Flex NavBar
  52. 18:02
    Showcase Header
  53. 15:47
    Бид юу хийдэг вэ? хэсэг
  54. 18:34
    Бид хэн бэ? болон үйлчлүүлэгчдийн хэсэг
  55. 23:34
    Холбоо барих форм, газрын зураг, footer
  56. 10:56
    Widescreen болон таблетад үзүүлэх
  57. 13:02
    Ухаалаг утсанд үзүүлэх
  58. 7:45
    Бяцхан даалгавар
  59. Наймдугаар бүлэг. Вэб сайтыг байршуулах, Shared Host. Вэб хостингийн төрлүүд
  60. Shared Host-ын тохиргоо
  61. Хостингийн компаниудын талаар
  62. И-мэйлийн тохиргоо
  63. FTP ашиглан вэб сайтаа сэрвэр рүү хуулах
  64. Бонус: Холбоо барих форм. PHP script.
  65. Есдүгээр бүлэг. CSS-ийн бусад ойлголтууд. Targeted Selector-ууд.
  66. nth-child Pseudo selector-ууд
  67. before, after Pseudo selector-ууд
  68. Box Shadows
  69. Text Shadows
  70. CSS-ийн хувьсагчууд
  71. Keyframe анимаци 1
  72. Keyframe анимаци 2
  73. CSS Transition-ууд
  74. Transform Property
  75. Аравдугаар бүлэг. Keyframe, Transition бүхий мини төслүүд. Пресентэйшн вэб сайт 1 - HTML
  76. Пресентэйшн вэб сайт 2 - CSS хуудас
  77. Пресентэйшн вэб сайт 3 - Text Animation
  78. Hamburger Menu Overlay 1 - HTML болон үндсэн СSS
  79. Hamburger Menu Overlay 2 - Гамбургер хийх
  80. Hamburger Menu Overlay 3 - Гамбургер шугамуудад анимаци хийх
  81. Hamburger Menu Overlay 4 - Menu Overlay
  82. Он цагийн товчоо 1 - HTML болон үндсэн CSS
  83. Он цагийн товчоо 2 - Box болон Arrow
  84. Он цагийн товчоо 3 - Responsive Media Query
  85. Он цагийн товчоо 4 - Scroll In анимаци
  86. Drop Down Menu
  87. Арваннэгдүгээр бүлэг. CSS grid. CSS grid гэж юу вэ?
  88. Grid-ийн тухай үндсэн ойлголтууд, багана
  89. Grid мөрнүүд
  90. Grid-ийн мөр болон баганыг сунгах
  91. Autofit болон Minmax
  92. Grid Template-ийн талбарууд
  93. Media Query болон Grid
  94. Арванхоёрдугаар бүлэг. NewsGrid вэбсайт. Төслийн танилцуулга.
  95. Тохиргоо болон Favicon
  96. Үндсэн style-ууд, хувьсагчид, Navbar
  97. Overlay бүхий Showcase, товчлуурын загварууд
  98. Эхлэлийн Article Grid
  99. Grid Footer
  100. Бидний тухай хуудас, Page container
  101. Article хуудас
  102. Responsive Media Query
  103. Бонус: Photoshop дээр лого хийх.
  104. Арвангуравдугаар бүлэг. Вэб сайтыг байршуулах (Netlify). Энэ хэрхэн ажилладаг вэ?
  105. Git-ийн тухай. GitHub руу илгээх.
  106. Git коммандууд болон линк
  107. Netlify байршуулалт
  108. Домэйн нэр
  109. Арвандөрөвдүгээр бүлэг. Sass-ыг сурцгаая. Sass гэж юу вэ?
  110. Node-Sass аар ажиллах орчноо бэлтгэх
  111. Koala Sass Compiler
  112. Хувьсагчид болон partial
  113. Nesting, Structuring
  114. Удамшил болон контраст
  115. Функцүүд
  116. Арвантавдугаар бүлэг. Sass ашиглан Portfolio вэб сайт хийх. Төслийн танилцуулга.
  117. Төслийн тохиргоо
  118. Header болон Main Nav
  119. Specialize, Stats хэсэг
  120. Процесс хэсэг, Footer
  121. About Page Info хэсэг
  122. About хуудасны лого
  123. Transition бүхий Галерей
  124. Холбоо барих хуудас
  125. Responsive Media Query
  126. Spam filter бүхий холбоо барих, байршуулах форм
  127. Арванзургаадугаар бүлэг. Үүнээс цааш яах вэ?
149,000    26,900

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

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

dajgvee
Tsedendorj, 2019-10-06 16:28:36
хш
Батсайхан, 2019-11-11 02:06:50
Багш : Ганзориг
Мэргэжил : Програмист
Заах чиглэл : Мэдээллийн технологи, Хувь хүний хөгжил
Элссэн огноо : 2018-06-02

Боловсрол :
1996-2001 ШУТИС, Компьютерийн техник менежментийн сургууль
1986-1996 Д.Сүхбаатарын нэрэмжит 10 жилийн 2-р дунд сургууль

Танилцуулга :
2019- : Primitive Mind LLC, Маркетингийн албаны захирал
2016- : 4life Research LLC, USA. Бие даасан дистрибьютер. Хувиараа бизнес эрхлэгч.
2012-2017: "Арвайн Үндэс" хүнсний манлай үйлдвэр. Мэдээллийн технологийн инженер.
2006-2008: "ЗМН" кино продессерийн компани. Line продессер.
2002-2005: "Старсофт" ХХК. Програм зохиогч. Төслийн удирдагч.
2001-2002: "Сторм" студи. Редактор, эвлүүлэгч.
1997-2001: ШУТИС, КТМС. Лаборант

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