HTML Darslar
HTML strukturasi, semantik elementlar va zamonaviy veb-markup asoslarini o'rganing.
HTML Basics
Internet Qanday Ishlaydi?
Internet qanday ishlashini o'rganing: mijoz-server modeli, IP manzillar, DNS, HTTP/HTTPS va ma'lumotlar uzatish.
Brauzer Qanday Ishlaydi? Koddan Vizual Ko'rinishgacha bo'lgan Yo'l
Brauzerlar kodni vizual ko'rinishga qanday aylantirishini o'rganing: parsing, DOM/CSSOM qurilishi, render tree, layout va painting jarayonlari.
HTML nima? Tarix va Asoslar
HTML haqida bilib oling: uning tarixi, maqsadi, CSS va JavaScriptdan farqi, va brauzerlar HTML kodni qanday o'qishi.
HTML — Web Platformaning Asosi
HTML'ni Web Platformaning asosi sifatida o'rganing: semantika, brauzer parsing, DOM qurilishi va HTML nima uchun error bermasligi.
Document Architecture — Har Bir HTML Sahifaning Poydevori
HTML hujjatlarni brauzer, search engine, screen reader va boshqa agentlar uchun to'g'ri strukturalashni o'rganing. DOCTYPE, html/head/body struktura, document outline, heading strategiya va til atributlari.
Semantics — div bilan ishlaydigan emas, ma'no bilan fikrlaydigan frontend
HTML semantikasini o'rganing: nega faqat bitta main, section va article orasidagi haqiqiy farq, nav ichida nima bo'lishi mumkin yoki mumkin emas, qachon div to'g'ri tanlov, va semantika SEO va screen reader'da qanday ishlaydi.
Interactive HTML — Brauzer Bilan Ishlash, Unga Qarshi Emas
Brauzerning default xatti-harakatlaridan qanday foydalanishni o'rganing. button vs anchor, details/summary accordion, native form validation, dialog element va to'g'ri focus management.
Forms — Production daraja
Production darajadagi HTML form amaliyotlarini o'rganing: accessibility uchun label, backend muloqoti uchun name atributlari va SEO va UX uchun autocomplete. Form — bu faqat UI emas, bu API ga kirish eshigi.
ARIA — Semantics, Name, State, Patterns
ARIA qachon kerak va qachon zarar ekanini o'rganing, accessible name va state'ni to'g'ri boshqarishni va ARIA'ning 3 ta oltin qoidasini tushunish. ARIA interaktivlik bermaydi—faqat screen reader'ga ma'lumot beradi.
HTML & SEO (Framework'dan mustaqil)
SEO muammolarining 70% JavaScript framework'lar emas, noto'g'ri HTML sababli kelib chiqishini o'rganing. Meta strategiya, OpenGraph, canonical URL'lar, semantic HTML struktura va Google sahifalarni qanday o'qishini tushunish.
Performance HTML
Browser tezligi HTML'dan boshlanishini o'rganing. srcset va sizes bilan rasm optimizatsiyasi, loading va decoding atributlari, resource hints (preconnect, dns-prefetch, preload) va HTML rendering flow'ni o'zlashtiring. Performance — bu JavaScript emas, bu to'g'ri HTML qarorlaridan boshlanadi.
HTML Architecture
Astro, React kabi framework'lar ichida toza, semantik, barqaror HTML arxitektura qurishni o'rganing. Framework HTML'ni yashirmaydi, aksincha ochib beradi. Component-first HTML fikrlashni o'zlashtiring va framework'lar HTML'ni ifodalaydi, o'rnini bosmaydi.