Web Development

Live preview bilan interaktiv mashqlar orqali HTML, CSS va Sass asoslarini o'rganing.

49 ta dars

• HTML asoslari

  • HTML sahifa tuzilishi
  • Sarlavhalar va paragraflar
  • Matnni formatlash
  • Havolalar
  • Rasmlar
  • Tartiblangan va tartibsiz ro'yxatlar
  • Jadvallar
  • div va span, class va id atributlari
  • Formalar asoslari
  • Forma elementlari: select, textarea, button
  • Semantik HTML5 teglari
  • Rasm va matnni birlashtirish: figure va figcaption
  • HTML izohlari va data-* atributlari
  • Amaliyot: mini-sahifa yaratish

• CSS asoslari

  • CSS nima va uni HTML'ga ulash
  • Selektorlar: element, klass va id
  • Selektorlarni birlashtirish
  • Ranglar va o'lchov birliklari
  • Box model: content, padding, border, margin
  • Tipografiya: shrift va matn xususiyatlari
  • Fon va chegaralar
  • Display xususiyati
  • Position xususiyati
  • CSS o'zgaruvchilari (custom properties)
  • Pseudo-klasslar: :hover, :first-child, :last-child, :nth-child
  • Pseudo-elementlar: ::before va ::after
  • CSS kaskad va spetsifiklik

• CSS Flexbox va Grid

  • Flex konteyner va yo'nalish
  • justify-content va align-items
  • flex-wrap: qatorga sig'masa nima bo'ladi?
  • flex-grow, flex-shrink va flex-basis
  • gap: elementlar orasidagi bo'shliq
  • CSS Grid asoslari
  • Grid'da elementlarni joylashtirish
  • Amaliy mashq: flex va grid birgalikda

• Responsive dizayn va effektlar

  • Media query asoslari
  • Mobile-first yondashuv
  • CSS transition asoslari
  • CSS transform: translate, scale, rotate
  • @keyframes bilan oddiy animatsiya
  • :hover va :focus interaktiv holatlar
  • Yakuniy mashq: responsive tugma effektlari

• Sass (SCSS) asoslari

  • Sass nima va nima uchun kerak
  • O'zgaruvchilar: Sass $variable va CSS custom properties
  • Nesting — ichma-ich yozish
  • Mixin — takrorlanuvchi qoidalar guruhi
  • Extend / meros — umumiy baza va variantlar
  • Partial va import — fayllarni bo'lish g'oyasi
  • Operatorlar va hisob-kitoblar: Sass arifmetikasi va calc()

Brauzerda ishlaydigan interaktiv mashqlar bilan JavaScript dasturlashni noldan o'rganing.

47 ta dars

• Kirish va birinchi qadamlar

  • JavaScript nima va u qayerda ishlaydi?
  • O'zgaruvchilar: let, const, var
  • Primitiv ma'lumot turlari
  • Turlarni o'zgartirish

• Operatorlar va shart konstruksiyalari

  • Arifmetik va solishtirish operatorlari
  • Mantiqiy operatorlar: &&, ||, !, ??
  • if / else shart konstruksiyasi
  • switch konstruksiyasi
  • Ternar operator

• Sikllar

  • while va do-while sikllari
  • for sikli
  • break va continue

• Funksiyalar

  • Funksiya deklaratsiyasi va ifodasi
  • Parametrlar va standart qiymatlar
  • return operatori
  • Strelka funksiyalar (arrow function)
  • Closure: funksiya ichidagi xotira

• Massivlar

  • Massiv yaratish, elementlarga murojaat va length
  • push, pop, shift, unshift metodlari
  • forEach va map metodlari
  • filter va find metodlari
  • reduce metodi
  • sort metodi

• Obyektlar

  • Obyekt yaratish va xususiyatlar
  • Metodlar va this
  • Xususiyat qo'shish, yangilash va o'chirish
  • Object.keys, Object.values va Object.entries
  • Destrukturizatsiya: obyekt va massivdan qiymat ajratish

• Satrlar va raqamlar

  • Satr metodlari: trim, includes, replace, slice, split
  • Shablon satrlar (template literals)
  • Raqamlar bilan ishlash: Math, parseInt, parseFloat
  • toFixed va sonlarni yaxlitlash
  • Satr va massiv orasida aylantirish: split va join

• Xatoliklarni boshqarish

  • try, catch va finally
  • throw va o'z xatoliklaringizni yaratish
  • Error obyekti: message va name

• Zamonaviy JS xususiyatlari

  • Spread operatori
  • Rest parametrlari
  • Klasslar: constructor va metodlar
  • Meros olish: extends va super
  • Getter va setter
  • Optional chaining va nullish coalescing

• Asinxron JavaScript

  • Callback funksiyalar
  • Promise asoslari
  • async va await
  • Promise.all bilan parallel amallar
  • Asinxron kodda xatoliklarni boshqarish