Монгол Коосэн
KCS2071

Веб зохиомж 1

Компьютерын ухаан · 2-р курс · I улирал

Кредит

2

Нийт цаг

32

Улирал

I

Хичээлийн мэдээлэл

Сургууль

Монгол Коосэн Технологийн Коллеж

Хичээлийн жил

2026

Хичээлийн ангилал

Мэргэжлийн / Заавал

Хичээллэх хэлбэр

Лекц / Дадлага

Мэргэжил

Компьютерын ухаан

Курс, улирал

2-р курс · I улирал

Долоо хоногийн цаг

2 цаг

Багш

Х.Хишигт

Ном, материал

Сургалтын материал

Хичээлийн зорилго

HTML программчлалын хэлний тухай үндсэн ойлголттой болж, веб хуудас хийхэд ашиглаж сурах CSS программчлалын хэлний тухай үндсэн ойлголттой болж, веб хуудасны загварыг өөрчилж сурах

Үнэлгээний рубрик

Хангалттай түвшин

Суурь ойлголтыг зөв тайлбарлаж, практикт хэрэглэж чадна.

Стандарт түвшин

Үндсэн ойлголтыг тайлбарлаж, жишээ бодлогод хэрэглэнэ.

Сайжруулах шаардлагатай

Нэмэлт дэмжлэгтэйгээр ойлголтоо хэрэглэнэ.

Тэнхимийн сургалтын зорилготой уялдах байдал

Энэ хичээлээр дараах сургалтын зорилгуудыг хөгжүүлнэ.

BАсуудал шийдвэрлэх чадварCМэргэжлийн ур чадварDБагаар ажиллах чадвар

Сургалтын арга зүй

Агуулга: HTML программчлалын хэлний тухай үндсэн ойлголттой болж, веб хуудас хийхэд ашиглаж сурах CSS программчлалын хэлний тухай үндсэн ойлголттой болж, веб хуудасны загварыг өөрчилж сурах

Арга: Сургалтын орчин: Оюутан бүр компьютер ашиглана • Проектор, дэлгэц • Самбар, шохой Хичээлийн товч агуулга: • Visual Studio Code суулгаж хөгжүүлэлтийн орчин бэлдэнэ. HTML-ийн суурь ойлголттой болж header, p, ul, ol, li, em, img tag-ууд ашиглаж сурна Заах арга зүй: Сургалт идэвхитэй сургалтын аргад (дүрд хувирах, тонгоруу сургалтын арга) тулгуурлан явагдана. • Багшийн үйл ажиллагаа: - Сэдэлжүүлэх - 5' - Хичээлийн сэдэв, зорилго, зорилт ач холбогдлыг танилцуулах - 5' Хичээлийн агуулгыг тайлбарлан ярих - 35' Оюутны сурах - 30' Дүгнэлт, үнэлгээ хийх -5.0' • Оюутны үйл ажиллагаа: - Бие даан гүйцэтгэсэн даалгавраа танилцуулах - 5’ - Шинэ мэдлэгт суралцах - 65’ Мэдлэгээ бататган дүтнэж, бусаддаа үнэлэлт өгөх - 10' Үнэлэх хэлбэр: • Дасгалын гүйцэтгэл • Хичээлийн идэвхи • Оюутны үнэлгээ • Ирц Даалгавар: • Өнөөдрийн үзсэн сэдвийн хүрээнд бие даан гүнзгийрүүлэн судална. Дараагийн хичээлд ‘‘HTML tag 2" Үндсэн сурах бичиг: [1] Codely сургалтын төвийн сургалтын хөтөлбөр Нэмэлт унших материалууд: https://developer.mozilla.org/

Анхаарах зүйл: Оюутан хичээл бүрийн өмнө бэлтгэл хангаж, даалгаврыг хугацаанд нь гүйцэтгэнэ.

Хичээлийн онцлог

Идэвхтэй сургалтICT ашигланаЗайн сургалтад тохиромжтойМэргэжлийн туршлагатай багш

Сургалтын төлөвлөгөө

1-р семестр1-р улирал1-р долоо хоног

Хөгжүүлэлтийн орчин бэлдэх, HTML tag 1

Visual Studio Code суулгаж хөгжүүлэлтийн орчин бэлдэнэ. HTML-ийн суурь ойлголттой болж header, p, ul, ol, li, em, img tag-ууд ашиглаж сурна

1-р семестр1-р улирал2-р долоо хоног

HTML tag 2

Form, label, input, button, lorem, span, table, select tag-ууд ашиглаж сурна

1-р семестр1-р улирал3-р долоо хоног

CSS

CSS бичих inline, internal, external аргыг сурна. CSS attribute, property-ийн талаар үндсэн ойлголттой болно. а tag ашиглаж сурна

1-р семестр1-р улирал4-р долоо хоног

CSS selector

CSS id, group, class, universal, attribute, element selector-ийн талаар мэдлэгтэй болж ашиглаж сурна.

1-р семестр1-р улирал5-р долоо хоног

CSS compoun selector

CSS compound selector-ийн талаар мэдлэгтэй болж ашиглаж сурна.

1-р семестр1-р улирал6-р долоо хоног

CSS units

CSS absolute, relative-ийн талаар мэдлэгтэй болж ашиглаж сурна.

1-р семестр1-р улирал7-р долоо хоног

CSS property

border, background, gradient, filter, position property-ийн талаар мэдлэгтэй болж ашиглаж сурна

1-р семестр1-р улирал8-р долоо хоног

CSS transiton, flex box layout, nested container

transition, flex box-ийн талаар мэдлэгтэй болж ашиглаж сурна

1-р семестр2-р улирал9-р долоо хоног

Responsive website & design, Grid layout

Responsive design, Grid layout-ийн талаар мэдлэгтэй болж ашиглаж сурна

1-р семестр2-р улирал10-р долоо хоног

CSS animation, pseudo element

CSS animation, pseudo element-ийн талаар мэдлэгтэй болж ашиглаж сурна

1-р семестр2-р улирал11-р долоо хоног

CSS variables

CSS variables-ийн талаар мэдлэгтэй болж ашиглаж сурна

1-р семестр2-р улирал12-р долоо хоног

JavaScript

JavaScript программчлалын хэлний хувьсагч зарлах, хувьсагчийн төрлийн талаар үндсэн ойлголттой болж , оператор, console, alert, prompt ашиглаж сурна

1-р семестр2-р улирал13-р долоо хоног

JavaScript давталт, array

for, while давталт болон array-тай ажилдаг push, find, splice, pop, slice, spread оператор болон method-ийн талаар мэдлэгтэй болж ашиглаж сурна

1-р семестр2-р улирал14-р долоо хоног

JavaScript функц

Хэрэглэгчийн функц зарлаж сурна

1-р семестр2-р улирал15-р долоо хоног

JavaScript array

Array дээр хэрэглэх map, fill, filter, findIndex, flat, forEach, include, keys, shift, with method-ийн талаар мэдлэгтэй болж ашиглаж сурна

1-р семестр2-р улирал16-р долоо хоног

JavaScript объект

Объектын талаар үндсэн мэдлэгтэй болж, түүн хийх үйлдэл болон ашиглах аргыг сурна

Үнэлгээний арга ба жин

Явцын үнэлгээ

30%

Бие даалт / төсөл

30%

Шалгалт

40%

Нийт

100%