«it step» kompyuter akademiyasi

«IT STEP» KOMPYUTER AKADEMIYASI


Uy vazifasi:


Kurs: JavaScript-da interfeysishlab chiqish
Fan: HTMLvaCSSasoslari


1-uyvazifasi: Veb-dasturlashga kirish

1. Visual Studio Code-ni o’rnatish.

2. VSCode yordamida html fayl yasash.
3. HTML faylda o’z ism va familyangizni yozish.
4. Brauzerda dasturchi vositalarini ochish.
5. Skrinshot qilish. Skrinshot va HTML faylni yuborish.

Skrinshotlarni o'rnatilgan “Snipping” ilovasi yoki bepul “LightShot” dasturi yordamida olish mumkin.

Bajarish jarayoni:

1. 
   Visual Studio Code-ni o’rnatish.
   

1-rasm.
1-rasmda ko’rsatilganidek biz visual studio codeni kompyuterimizga o’rnatish uchun Google Chrome qidiruv brouzeridan foydalangan holda VS Code dasturini izlab topib saytga kirib olamiz.


2-rasm
2-rasmda ko’rib turganimizdek biz vs code ning asosiy saytiga kirib oldik,va bu yerdan biz DOWNLOAD tugmasini bosamiz va kompyuterimizga yuklab olamiz.

3-rasm.
3-rasmda ko’rib turganimizdek yuklamalar jildidan biz vs codeni kompyuterimizga ustanovka qilib olamiz.


4-rasm.
4-rasm:VS CODE to’liqligicha kompyuterimizga o’rnatilgandan keyin dasturni ishga tushirib olamiz,va bizga shunday ishchi maydon hosil bo’ladi ya’ni VS CODE ning ishchi oynasi.

2. VSCode yordamida html fayl yasash.

5-rasm
5-rasm:Vs codeda fayl yaratish uchun vs code ishchi stolidan open folder buyrug’ini tanlaymiz.


6-rasm
6-rasm:keying bosqichda kompyuterimizga papka yaratib uni ochib olamiz.

7-rasm
7-rasm:biz html faylini yaratib oldik endi uni ishga tushiramiz.

8-rasm
8-rasm: yaratib olgan faylimizda endi vs codeda ishlash uchun html fayli yaratib uni ishga tushiramiz,ko’rib turganingizdek u ishga tushdi index.html bu html fayli

3.HTML faylda o’z ism va familyangizni yozish.

9-rasm

10-rasm



11-rasm

4. Brauzerda dasturchi vositalarini ochish.

12-rasm

13-rasm

Bajardi:Otabek Akhatov