Texno Karvon

Amaliy dars

Responsive sayt —
0 dan, qo‘l tegizmasdan

Modul 4 · Dars 4.4

Dars tugagach

Shu darsdan nima olasiz

Plan Mode'dan boshlab, noldan to‘liq sayt qurasiz
Aniq feedback berishni o‘rganasiz — "chiroyliroq qil" degani ish bermaydi
375 / 768 / 1280px da responsive'ni tekshirib tuzatasiz

Vazifa

Kitob ko‘rgazmasi sayti

Sof HTML/CSS/JS — framework yo‘q, build yo‘q
Qidiruv + kategoriya filtri + modal oyna + responsive
Shart: siz bitta qator ham kod yozmaysiz
Siz — rejissyor, agent — ijrochi

1-bosqich

Topshiriqda nimalar bo‘lishi kerak

Texnologiya + bloklar + ma’lumot formati + responsive talabi
Rejani review qiling: fayl strukturasi mantiqiymi? (index.html, style.css, script.js, data.js)
Tasdiqlaysiz — fayllar birma-bir paydo bo‘ladi

2-bosqich

Aniq feedback — ishning yarmi

"Chiroyliroq qil"
"Kartochkalarga hover: yengil ko‘tarilish va soya"
Har safar bitta aniq narsa so‘rang
Iteratsiya tartibi: vizual → funksional → bo‘sh holat → animatsiya

3-bosqich

Telefonda ham chiroyli bo‘lsin

DevTools: 375px (telefon) / 768px (planshet) / 1280px+ (desktop)
Muammoni aniq gapirib tuzattiring: "375px da kartochkalar bitta ustun bo‘lsin"
Har tuzatishdan keyin brauzerda qayta ko‘ring

Kod yozish arzonlashdi —
fikrlash qimmatlashdi.

Xulosa

Esda qoling

Bitta so‘rovda bitta aniq o‘zgarish — shunda natija ham aniq bo‘ladi
Natijani brauzerda ko‘rmasdan keyingi so‘rovni bermang
Kodni AI yozgan bo‘lsa ham javobgar siz: o‘qing, tushuning, review qiling

Uy vazifasi

O‘zingizga portfolio sayt yasang

Xuddi shu yo‘l: Plan Mode → iteratsiyalar → responsive tekshiruv
Bosh sahifa + loyihalar galereyasi + aloqa formasi
Kamida 5 ta aniq iteratsiya feedback’ini yozib boring

Keyingi dars

Bitta agentdan —
AI jamoaga

Sub-agentlar, Hooks, parallel ishlash · Dars 4.5