Toʻliq kurs dasturi

Veb sahifaning skeleti. 3 ta darsda semantik HTML, forma va media elementlarini toʻliq oʻzlashtiramiz. Dizayn va mantiq keyingi modullarda.

• 1-hafta1.1. HTML nima? Hujjat tuzilishi va matn teglariBrauzer HTML ni qanday oʻqishini tushunish va birinchi sahifani noldan yozish.
• 1-hafta1.2. Semantik teglar, havolalar, rasm va jadvallarSahifani boʻlimlarga toʻgʻri ajratish va media/jadval bilan ishlash.
• 1-hafta1.3. Formalar, validatsiya, SEO va accessibilityFoydalanuvchidan maʼlumot oladigan toʻliq forma qurish va sahifani qidiruv tizimiga tayyorlash.

2 oy (8 hafta, 24 dars). Kaskaddan tortib Flexbox, Grid, animatsiya, CSS oʻzgaruvchilari, BEM, Sass va Tailwind gacha. Har bir dars amaliy komponent bilan tugaydi.

• 2-hafta2.1. CSS ni ulash, selektorlar va kaskadCSS qoidasi qanday yoziladi va brauzer qaysi qoidani tanlashini tushunish.
• 2-hafta2.2. Spetsifiklik, meros, ranglar va oʻlchov birliklariRang va oʻlchovlarni ongli tanlash, !important dan qochish.
• 2-hafta2.3. Box model: margin, padding, border, box-sizingHar bir element qutisi qanday hisoblanishini toʻliq tushunish.
• 3-hafta2.4. display, float va oqim (normal flow)Elementlar sahifada qanday joylashishini boshqarish.
• 3-hafta2.5. Tipografika: shriftlar va matn xossalariMatnni oʻqishga qulay va professional koʻrinishga keltirish.
• 3-hafta2.6. Fon, gradient, soya va burchaklarElementga zamonaviy vizual koʻrinish berish.
• 4-hafta2.7. position va z-indexElementni oqimdan chiqarib, aniq joyga qoʻyishni oʻrganish.
• 4-hafta2.8. Flexbox 1 — konteyner xossalariBir oʻlchovli layoutlarni Flexbox bilan qurish.
• 4-hafta2.9. Flexbox 2 — item xossalari va amaliy shablonlarFlex itemlarni moslashuvchan boshqarish.
• 5-hafta2.10. CSS Grid 1 — ikki oʻlchovli layoutSahifa karkasini Grid bilan qurish.
• 5-hafta2.11. CSS Grid 2 — moslashuvchan gridlarMedia query siz ham moslashadigan gridlar yozish.
• 5-hafta2.12. Oraliq amaliyot: Landing page (1-qism) + 1-oy nazoratiOʻrganilganlarni bitta real maketda birlashtirish.
• 6-hafta2.13. Responsive dizayn: media query va mobile-firstBitta kod bilan telefon, planshet va kompyuterda ishlaydigan sahifa yozish.
• 6-hafta2.14. Responsive media, container query va zamonaviy funksiyalarRasm va komponentlarni kontekstga qarab moslashtirish.
• 6-hafta2.15. transition va transformInterfeysga silliq harakat qoʻshish.
• 7-hafta2.16. Animatsiya: @keyframesMustaqil, takrorlanuvchi animatsiyalar yaratish.
• 7-hafta2.17. Pseudo-class va pseudo-elementQoʻshimcha HTML yozmasdan murakkab effektlar yaratish.
• 7-hafta2.18. Forma va UI komponentlarini stillashDizayn tizimiga mos, qayta ishlatiladigan komponentlar yozish.
• 8-hafta2.19. CSS oʻzgaruvchilari va dark modeButun saytning temasini bir joydan boshqarish.
• 8-hafta2.20. CSS arxitekturasi: BEM, reset va fayl tuzilishiKatta loyihada CSS ni tartibda saqlash.
• 8-hafta2.21. Sass/SCSS asoslariPreprotsessor bilan CSS yozishni tezlashtirish.
• 9-hafta2.22. Tailwind CSS bilan tanishuvUtility-first yondashuvni tushunish va tezlik farqini his qilish.
• 9-hafta2.23. Amaliy komponentlar: navbar, dropdown, modal, hamburgerHar qanday saytda uchraydigan murakkab UI qismlarini qurish.
• 9-hafta2.24. Modul yakuni: toʻliq responsive sayt + kod reviewModul loyihasini topshirish va professional review olish.

1.5 oy (6 hafta, 18 dars). Tildan tortib DOM, hodisalar, async va REST API gacha. Modul yakunida real API bilan ishlaydigan ilova va interview savollari sessiyasi.

• 10-hafta3.1. JS bilan tanishuv: oʻzgaruvchilar va maʼlumot turlariSkriptni ulash, konsolda ishlash va qiymatlarni saqlashni oʻrganish.
• 10-hafta3.2. Operatorlar, tur oʻzgarishi va shartlarMantiqiy qarorlar qabul qiladigan kod yozish.
• 10-hafta3.3. SikllarTakrorlanuvchi amallarni avtomatlashtirish.
• 11-hafta3.4. Funksiyalar, scope va arrow funksiyalarKodni qayta ishlatiladigan bloklarga ajratish.
• 11-hafta3.5. Massivlar va asosiy metodlarMaʼlumotlar toʻplami bilan ishlash.
• 11-hafta3.6. Yuqori tartibli massiv metodlari: map, filter, reduceDeklarativ uslubda maʼlumot qayta ishlash.
• 12-hafta3.7. Obyektlar, destructuring va spreadMurakkab maʼlumot tuzilmalarini modellashtirish.
• 12-hafta3.8. DOM 1 — elementlarni topish va oʻzgartirishJS orqali sahifa mazmunini boshqarish.
• 12-hafta3.9. DOM 2 — element yaratish, qoʻshish va oʻchirishMaʼlumotdan interfeys generatsiya qilish.
• 13-hafta3.10. Hodisalar (events) 1Foydalanuvchi harakatlariga javob berish.
• 13-hafta3.11. Hodisalar 2 — bubbling, delegation va forma hodisalariDinamik elementlarni samarali boshqarish.
• 13-hafta3.12. localStorage va Loyiha: Vazifalar ilovasi (Todo)Maʼlumotni brauzerda saqlab, toʻliq CRUD ilova qurish.
• 14-hafta3.13. 3-oy nazorati va xatolar ustida ishlashOʻzlashtirishni tekshirish va zaif joylarni yopish.
• 14-hafta3.14. Asinxron JS 1: callback, setTimeout, PromiseVaqtga bogʻliq amallarni boshqarish.
• 14-hafta3.15. Asinxron JS 2: async/await va fetchServerdan maʼlumot olish.
• 15-hafta3.16. REST API bilan toʻliq ishlashReal ilovadagi maʼlumot oqimini qurish.
• 15-hafta3.17. Modullar, npm, Vite va xatolar bilan ishlashLoyihani professional tuzilmaga keltirish.
• 15-hafta3.18. Modul yakuni: loyiha himoyasi va interview sessiyasiJS bilimini suhbat formatida mustahkamlash.

4 hafta, 12 dars. Git/GitHub jamoaviy ish, React, React Router, Tailwind, Next.js va Supabase. Modul yakunida haqiqiy backendga ulangan toʻliq ilova.

• 16-hafta4.1. Git va GitHub: jamoaviy ishKodni versiyalash va jamoada konfliktsiz ishlash.
• 16-hafta4.2. React bilan tanishuv: komponent, JSX, propsInterfeysni qayta ishlatiladigan qismlarga ajratish.
• 16-hafta4.3. State va hodisalar: useStateKomponentni interaktiv qilish.
• 17-hafta4.4. Shartli render, roʻyxatlar va formalarReact da real interfeys shablonlarini qurish.
• 17-hafta4.5. useEffect va API bilan ishlashTashqi maʼlumot bilan komponentni bogʻlash.
• 17-hafta4.6. useRef, useContext va custom hookKodni qayta ishlatiladigan mantiqqa ajratish.
• 18-hafta4.7. React Router: koʻp sahifali SPASahifalar orasida navigatsiya qurish.
• 18-hafta4.8. Tailwind va tayyor UI kutubxonalariInterfeysni tez va bir xil uslubda yigʻish.
• 18-hafta4.9. Next.js: App Router asoslariProduksiyaga tayyor React freymvorkini oʻrganish.
• 19-hafta4.10. Supabase: baza, auth va fayl saqlashFrontendga haqiqiy backend ulash.
• 19-hafta4.11. Foydali kutubxonalar toʻplamiKundalik vazifalarni tez yechadigan vositalarni bilish.
• 19-hafta4.12. Modul loyihasi: toʻliq stack ilova + 4-oy nazoratiBarcha bilimni bitta real mahsulotda birlashtirish.

1 hafta, 3 dars. AI ni kundalik dasturlash oqimiga qoʻshish, AI API sini ilovaga ulash va bitiruv loyihasi himoyasi.

• 20-hafta5.1. AI dasturchi ish oqimida: prompting va vositalarAI ni yordamchi sifatida toʻgʻri ishlatish, unga koʻr-koʻrona ishonmaslik.
• 20-hafta5.2. AI API ni ilovaga ulashOʻz ilovangizga sunʼiy intellekt funksiyasini qoʻshish.
• 20-hafta5.3. Bitiruv: loyiha himoyasi, portfolio va karyeraKursni yakunlab, ish topishga tayyor holatga kelish.