CodaScript
Barcha yo‘nalishlar

CSS Stillari

22 ta darslik • 22 ta modul

5(1 baho)0o‘quvchi6ko‘rishIzohlar
0 / 22 tugatildi
0% bajarildi
O‘qishni davom ettirish

#0. Chapter 0 — CSS Nima va Brauzer Qanday Render Qiladi

PART 0 — Introduction to CSS • CSS'ning maqsadi, HTML bilan bog'lanish usullari va brauzer render pipeline'i (parsing, CSSOM, render tree) — misol, test va amaliy topshiriqlar bilan.

Darsga o‘tish
1

PART 0 — Introduction to CSS

(1 dars)
#0

Chapter 0 — CSS Nima va Brauzer Qanday Render Qiladi

easyJonli Muharrir3 ta amaliyot

CSS'ning maqsadi, HTML bilan bog'lanish usullari va brauzer render pipeline'i (parsing, CSSOM, render tree) — misol, test va amaliy topshiriqlar bilan.

—2 ko‘rish0 o‘quvchi
2

PART 1 — Selectors Fundamentals

(1 dars)
#1

Chapter 1 — CSS Selektorlari

easyJonli Muharrir3 ta amaliyot

Type, class, ID, attribute selektorlari va combinatorlar (descendant, child, sibling) — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
3

PART 2 — Cascade, Specificity & Inheritance

(1 dars)
#2

Chapter 2 — Cascade, Specificity va Inheritance

mediumJonli Muharrir3 ta amaliyot

CSS qoidalarining ustunlik tartibi, specificity hisoblash usuli va meros olish (inheritance) mexanizmi — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
4

PART 3 — Box Model Deep Dive

(1 dars)
#3

Chapter 3 — Box Model Chuqur O'rganish

easyJonli Muharrir3 ta amaliyot

Content, padding, border, margin, box-sizing va margin collapse hodisasi — misol, test va amaliy topshiriqlar bilan.

—1 ko‘rish0 o‘quvchi
5

PART 4 — Units in CSS

(1 dars)
#4

Chapter 4 — CSS O'lchov Birliklari

easyJonli Muharrir3 ta amaliyot

px, %, em, rem, vw/vh birliklari va ularning farqi — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
6

PART 5 — Colors & Backgrounds

(1 dars)
#5

Chapter 5 — Ranglar va Fon

easyJonli Muharrir3 ta amaliyot

HEX, RGB, HSL rang formatlari, opacity, gradient va background xususiyatlari — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
7

PART 6 — Typography

(1 dars)
#6

Chapter 6 — CSS Tipografiya

easyJonli Muharrir3 ta amaliyot

font-family, font-size, line-height, letter-spacing va text xususiyatlari — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
8

PART 7 — Display & Visibility

(1 dars)
#7

Chapter 7 — Display Turlari va Ko'rinish

easyJonli Muharrir3 ta amaliyot

block, inline, inline-block, none va visibility:hidden farqi — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
9

PART 8 — Position

(1 dars)
#8

Chapter 8 — Position Xususiyati

mediumJonli Muharrir3 ta amaliyot

static, relative, absolute, fixed, sticky va z-index — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
10

PART 9 — Flexbox Deep Dive

(1 dars)
#9

Chapter 9 — Flexbox Chuqur O'rganish

mediumJonli Muharrir3 ta amaliyot

flex-direction, justify-content, align-items, flex-grow/shrink/basis — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
11

PART 10 — Grid Deep Dive

(1 dars)
#10

Chapter 10 — CSS Grid Chuqur O'rganish

mediumJonli Muharrir3 ta amaliyot

grid-template-columns/rows, fr birligi, grid-area va minmax() funksiyasi — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
12

PART 11 — Responsive Design & Media Queries

(1 dars)
#11

Chapter 11 — Media Query va Responsive Strategiya

mediumJonli Muharrir3 ta amaliyot

@media qoidalari, mobile-first yondashuv va breakpoint tanlash mantig'i — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
13

PART 12 — Pseudo-classes & Pseudo-elements

(1 dars)
#12

Chapter 12 — Pseudo-class va Pseudo-element

mediumJonli Muharrir3 ta amaliyot

:hover, :focus, :nth-child, ::before, ::after — misol, test va amaliy topshiriqlar bilan.

—2 ko‘rish0 o‘quvchi
14

PART 13 — Transitions

(1 dars)
#13

Chapter 13 — CSS Transitions

mediumJonli Muharrir3 ta amaliyot

transition-property, duration, timing-function va delay — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
15

PART 14 — Transforms

(1 dars)
#14

Chapter 14 — CSS Transform

mediumJonli Muharrir3 ta amaliyot

translate, scale, rotate, skew va transform-origin — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
16

PART 15 — Animations (@keyframes)

(1 dars)
#15

Chapter 15 — CSS Animatsiyalari

hardJonli Muharrir3 ta amaliyot

@keyframes, animation-duration/iteration-count/direction va real UI animatsiyalari — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
17

PART 16 — CSS Variables (Custom Properties)

(1 dars)
#16

Chapter 16 — CSS O'zgaruvchilari

hardJonli Muharrir3 ta amaliyot

--variable e'lon qilish, var() funksiyasi, scope va dark mode uchun qo'llash — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
18

PART 17 — Advanced Selectors

(1 dars)
#17

Chapter 17 — Ilg'or Selektorlar

hardJonli Muharrir3 ta amaliyot

:not(), :is(), :where(), :has() va attribute selektorlarining ilg'or shakllari — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
19

PART 18 — CSS Architecture (BEM)

(1 dars)
#18

Chapter 18 — CSS Arxitekturasi va BEM Metodologiyasi

hardJonli Muharrir3 ta amaliyot

BEM (Block-Element-Modifier) nomlash konventsiyasi va katta loyihalarda CSS'ni tashkil qilish — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
20

PART 19 — Filters & Blend Modes

(1 dars)
#19

Chapter 19 — Filter va Blend Mode Effektlari

hardJonli Muharrir3 ta amaliyot

blur, brightness, contrast filterlari, backdrop-filter va mix-blend-mode — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi
21

PART 20 — CSS Debugging Lab

(1 dars)
#20

Chapter 20 — CSS Debugging Laboratoriyasi

hardJonli Muharrir

Eng ko'p uchraydigan CSS xatolari: specificity, box model, flexbox va z-index nosozliklari — misol, test va amaliy topshiriqlar bilan.

5(1)1 ko‘rish0 o‘quvchi
22

PART 21 — CSS Capstone Project

(1 dars)
#21

Chapter 21 — Yakuniy Loyiha: Profil Kartasi va Modal

hardJonli Muharrir3 ta amaliyot

Barcha o'rganilgan CSS bilimlarini birlashtirib, to'liq responsive Profile Card va Modal komponentlarini sof CSS bilan qurish.

—0 ko‘rish0 o‘quvchi

Kurs bo'yicha fikr-mulohazalar (0)

Izoh qoldirish uchun iltimos tizimga kiring.

Izohlar yuklanmoqda...

Kurslar
Testlar
Amaliy masalalar
Jamiyat
Leaderboard