Дастурлаш тилларининг “Web дастурчи” соҳасига кириш

Дастурлаш тилларининг “Web дастурчи” соҳасига кириш

• Ўқитувчи: Умар Эркинович

Режа:

• 1. Кириш
• 2. Front End ва Back End ҳақида тушунча
• 3. Front End га қайси дастурлаш тиллари киради?
• 4. Back End га қайси дастулаш тиллари киради?
• 5. HTML тили ҳақида тушунча
• 6. HTML ҳужжатлар тузилиши

Рақамли технологияларнинг асосий пойдевори бўлган дастурлаш тили бу “Web дастурлаш” бўлиб, ушбу соҳа 3 ой давомида ўргатилади.

• Рақамли технологияларнинг асосий пойдевори бўлган дастурлаш тили бу “Web дастурлаш” бўлиб, ушбу соҳа 3 ой давомида ўргатилади.
• Ҳозирда бошланаётган ушбу курсдан асосий мақсад – қисқа вақт давомида меҳнат бозори талабларига мос келадиган малакали кадрлар тайёрлаш ва “Web дастурлаш”ни ўрганиб юрганларнинг фаолиятини давом эттириш учун уларнинг малакасини оширишга кўмаклашиш.
• Сўнгги пайтда интернет жуда тез ривожланмоқда ва фойдаланувчилари ҳам ошиб бормоқда.

Front End ва Back End

Full Stack

• Web сайт яратиш учун Full Stack ни билиш керак.
• Full Stack - бу инглизча - тўлиқ тўплам деган маънони билдиради.
• Full Stack 2 га бўлинади:
• Front End
• Back End

Front End

• Front End - бу (инглизча - фойдаланувчи интерфейси) веб-сайт ёки дастурнинг мижоз томонида ишлайдиган фойдаланувчи интерфейси ва функцияларини ишлаб чиқиш. Бу веб-саҳифани очишда фойдаланувчи кўрадиган ва у билан алоқада бўлган ҳамма нарса. Яъни сайт фойдаланувчисига кўринадиган қисми. Бунда дизайнни мисол қилиб олсак бўлади.

Front End дастурлаш учун зарур бўлган дастурлаш тиллари

Back End

• Back End - (инглизча - орқа учи) бу серверда ишлайдиган ҳар қандай нарса, яъни "браузерда эмас". Ёки "бошқа компютерларнинг хабарларига жавоб берадиган тармоққа (одатда Интернетга) уланган компютерда". Аппарат ва дастурий таъминот тўплами бўлиб, унинг ёрдамида сайт ишлаши мантиғи амалга оширилади. Яъни бу фойдалувчига кўринмас қисми.

Back End дастурлаш учун зарур бўлган дастурлаш тиллари

Т.р	Мижозлар учун дастурий таъминот	Сервер дастури
1.	HTML	PHP
2.	CSS	ASP
3.	Bootstrap	C++
4.	JavaScript	C#
5.	jQuery	Python
6.	React	SQL
7.	Angular	Node.js
8.	XML	Ruby

HTML

• HTML – бу дастурлаш тили эмас, балки wеб-саҳифада матн, тасвир ва бошқа маълумотларни қандай кўринишда жойлаштирилишини белгиловчи восита.

HTML - ҳужжатни белгилаш тили. HTML - ҳужжатни тадқиқ қилишда матнли ҳужжатлар теглар билан белгиланади. Улар махсус бурчакли ишоралар билан ўралган бўлади, (< ва >). Теглар матнларни форматлашда ва матнга ҳар хил номатн элементларни масалан, графиклар, қўшимча объектлар ва шу кабиларни ўрнатишда ишлатилади.

• HTML - ҳужжатни белгилаш тили. HTML - ҳужжатни тадқиқ қилишда матнли ҳужжатлар теглар билан белгиланади. Улар махсус бурчакли ишоралар билан ўралган бўлади, (< ва >). Теглар матнларни форматлашда ва матнга ҳар хил номатн элементларни масалан, графиклар, қўшимча объектлар ва шу кабиларни ўрнатишда ишлатилади.

Дастлабки содда HTML ҳужжатни яратамиз.

• Унинг учун матн муҳаррири (Блокнот)ни очамиз ва уни ўзимиз хохлаган жойга «index.html» номи билан сақлаймиз. Сақлашда «тип файлы» деган жойига «все файлы»ни кўрсатамиз. Бу билан сиз дастлабки html ҳужжатни яратдингиз, лекин унинг ичи бўш. Келинг ичига қуйидаги кодларни киритамиз.

Матн муҳаррири (Блокнот)га қуйидаги кодни киритинг:

• Dastlabki sahifa
• …
• Dastlabki sahifa
•