KCS2071

Веб зохиомж 1

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

Кредит

Нийт цаг

Улирал

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

Сургууль

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

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

2026

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

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

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

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

Мэргэжил

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

Курс, улирал

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

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

2 цаг

Багш

Х.Хишигт

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

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

Сургууль	Монгол Коосэн Технологийн Коллеж	Хичээлийн жил	2026
Хичээлийн нэр	Веб зохиомж 1	Хичээлийн ангилал	Мэргэжлийн / Заавал
Хичээлийн код	KCS2071	Кредит	2 кредит
Хичээллэх хэлбэр	Лекц / Дадлага	Мэргэжил	Компьютерын ухаан
Курс	2-р курс	Улирал	I улирал
Долоо хоногийн цаг	2 цаг	Багш	Х.Хишигт
Ном, сургалтын материал	Сургалтын материал	Нийт цаг	32 цаг

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

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

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

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

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

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

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

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

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

Үзүүлэлт	Хангалттай түвшин	Стандарт түвшин	Сайжруулах шаардлагатай
Үнэлгээ 1	Суурь ойлголтыг зөв тайлбарлаж, практикт хэрэглэж чадна.	Үндсэн ойлголтыг тайлбарлаж, жишээ бодлогод хэрэглэнэ.	Нэмэлт дэмжлэгтэйгээр ойлголтоо хэрэглэнэ.

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

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

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 объект

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

			Сэдэв	Суралцах үр дүн
1-р семестр	1-р улирал	1-р долоо хоног	Хөгжүүлэлтийн орчин бэлдэх, HTML tag 1	Visual Studio Code суулгаж хөгжүүлэлтийн орчин бэлдэнэ. HTML-ийн суурь ойлголттой болж header, p, ul, ol, li, em, img tag-ууд ашиглаж сурна
		2-р долоо хоног	HTML tag 2	Form, label, input, button, lorem, span, table, select tag-ууд ашиглаж сурна
		3-р долоо хоног	CSS	CSS бичих inline, internal, external аргыг сурна. CSS attribute, property-ийн талаар үндсэн ойлголттой болно. а tag ашиглаж сурна
		4-р долоо хоног	CSS selector	CSS id, group, class, universal, attribute, element selector-ийн талаар мэдлэгтэй болж ашиглаж сурна.
		5-р долоо хоног	CSS compoun selector	CSS compound selector-ийн талаар мэдлэгтэй болж ашиглаж сурна.
		6-р долоо хоног	CSS units	CSS absolute, relative-ийн талаар мэдлэгтэй болж ашиглаж сурна.
		7-р долоо хоног	CSS property	border, background, gradient, filter, position property-ийн талаар мэдлэгтэй болж ашиглаж сурна
		8-р долоо хоног	CSS transiton, flex box layout, nested container	transition, flex box-ийн талаар мэдлэгтэй болж ашиглаж сурна
	2-р улирал	9-р долоо хоног	Responsive website & design, Grid layout	Responsive design, Grid layout-ийн талаар мэдлэгтэй болж ашиглаж сурна
		10-р долоо хоног	CSS animation, pseudo element	CSS animation, pseudo element-ийн талаар мэдлэгтэй болж ашиглаж сурна
		11-р долоо хоног	CSS variables	CSS variables-ийн талаар мэдлэгтэй болж ашиглаж сурна
		12-р долоо хоног	JavaScript	JavaScript программчлалын хэлний хувьсагч зарлах, хувьсагчийн төрлийн талаар үндсэн ойлголттой болж , оператор, console, alert, prompt ашиглаж сурна
		13-р долоо хоног	JavaScript давталт, array	for, while давталт болон array-тай ажилдаг push, find, splice, pop, slice, spread оператор болон method-ийн талаар мэдлэгтэй болж ашиглаж сурна
		14-р долоо хоног	JavaScript функц	Хэрэглэгчийн функц зарлаж сурна
		15-р долоо хоног	JavaScript array	Array дээр хэрэглэх map, fill, filter, findIndex, flat, forEach, include, keys, shift, with method-ийн талаар мэдлэгтэй болж ашиглаж сурна
		16-р долоо хоног	JavaScript объект	Объектын талаар үндсэн мэдлэгтэй болж, түүн хийх үйлдэл болон ашиглах аргыг сурна

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

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

30%

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

30%

Шалгалт

40%

Нийт

100%

	Явцын үнэлгээ	Бие даалт / төсөл	Шалгалт	Нийт
Жин	30	30	40	100