Modul 2 — CSS va responsive dizayn

Dars rejasi

Dars mazmuni, video materiallar, testlar va vazifalar kurs panelida ochiladi.

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