9 бүлэг
48 хичээл
Хугацаагүй
Бүх хичээлийг харах
Бүлгүүдийг хураах
Вебийн үндэс ба HTML танилцуулга
HTML-ийн үндсэн ойлголт, бүтэц болон энгийн элементүүдтэй танилцаж, өөрийн анхны вэб хуудсыг бүтээх чадвар эзэмшинэ.
8
1.1
Вэб хэрхэн ажилладаг вэ?
1.2
Code Editor
1.3
HTML гэж юу вэ?
1.4
HTML баримтын бүтэц
1.5
Үндсэн HTML элементүүд
1.6
Дасгал 1: Гарчиг, догол мөр, холбоос
1.7
Дасгал 2: Зураг болон жагсаалт нэмэх
1.8
Дасгал 3: Анхны HTML хуудас бүтээх
HTML Элементүүд
HTML-ийн түгээмэл хэрэглэгддэг формууд, хүснэгтүүд, семантик элементүүд-тэй танилцаж, хэрэглээний бодит жишээн дээр ажиллах.
6
2.1
Формууд (Forms)
2.2
Хүснэгтүүд (Tables)
2.3
Семантик элементүүд
2.4
Дасгал 1: Анкет форм үүсгэх
2.5
Дасгал 2: Оюутны жагсаалт хүснэгтээр гаргах
2.6
Дасгал 3: Семантик хуудас бүтээх
CSS-ийн үндэс
Суралцагчид HTML хуудасны дизайныг сайжруулахын тулд CSS-ийн үндсэн ойлголт, бичиглэлийн бүтэц, стил оруулах арга замуудыг суралцана.
9
3.1
CSS гэж юу вэ?
3.2
Inline CSS
3.3
Internal CSS
3.4
External CSS
3.5
CSS-ийн үндсэн бүтэц
3.6
CSS гол шинж чанарууд
3.7
Дасгал 1: Гарчиг, догол мөр форматжуулах
3.8
Дасгал 2: Зурагт хүрээ оруулах
3.9
Дасгал 3: Арын өнгө болон фонт тохируулах
CSS байрлал ба зохион байгуулалт
Энэ бүлэгт CSS-ийн Box Model, Display, Position, болон Flexbox зэрэг чухал ойлголтыг суралцана.
7
4.1
Box Model ойлголт
4.2
Display шинж чанар
4.3
Position шинж чанар
4.4
Flexbox – Уян хатан зохион байгуулалт
4.5
Дасгал 1: Box Model ашиглан хайрцагны дизайн хийх
4.6
Дасгал 2: 3 хайрцгийг Flexbox ашиглан жигд байрлуулах
4.7
Дасгал 3: Sticky header үүсгэх
JavaScript-ийн үндэс
JavaScript хэлний суурь ойлголтыг эзэмшиж, HTML хуудсанд скрипт нэмж энгийн интерактив ажиллагаа хийх чадвартай болно.
9
5.1
JavaScript гэж юу вэ?
5.2
JS-г HTML дотор ашиглах
5.3
Хувьсагч ба өгөгдлийн төрөл
5.4
Нөхцөл шалгах
5.5
Давталт (Loop)
5.6
Функц
5.7
Дасгал 1: Товч дарахад мэндчилгээ харуулах
5.8
Дасгал 2: Товч дарахад текст өөрчлөх
5.9
Дасгал 3: Loop ашиглан тоо хэвлэх
JavaScript DOM ба Event
Суралцагч веб хуудсан дахь HTML элементүүдийг JavaScript ашиглан удирдах, хэрэглэгчийн үйлдэлд хариу үйлдэл үзүүлэх (event handling) чадварыг эзэмшинэ.
5
6.1
DOM (Document Object Model) тухай
6.2
JavaScript Event, түүнийг ашиглах
6.3
Дасгал 1: Click event ашиглан өнгө өөрчлөх
6.4
Дасгал 2: Формын submit дарах үед анхааруулга өгөх
6.5
Дасгал 3: Mouseover дээр текст өөрчлөх
Практик төслүүд
Сурсан мэдлэгээ ашиглан жижиг веб апп хөгжүүлцгээе.
2
7.1
Тоо таадаг тоглоом
7.2
Quiz App
Сорил
Үзсэн мэдлэгээ бататган доорх сорилыг бөглөнө үү
1
8.1
Сорил
10 Minutes
10 Questions
Сургалтын үнэлгээ ба дараагийн алхам
Сургалтын үнэлгээ болон дараагийн түвшинд сурах зүйлс
2
9.1
Дараагийн алхам
9.2
Сургалтын үнэлгээ
HTML, CSS, JavaScript хэлний үндэс (Цахим ном)
Search
Сургалтанд бүртгүүлсний дараа контентийг үзэх боломжтой.
error:
Нэвтрэх
Google
Эсвэл
Нууц үг мартсан?
Намайг сануулах
Бүртгэлгүй хэрэглэгч?
Шинээр бүртгүүлэх
Шинээр бүртгүүлэх
Google
Эсвэл
Бүртгэлтэй хэрэглэгч?
Нэвтрэх