CSS asoslari
Sahifaga ko'rk beruvchi til: selektorlar, ranglar, joylashuv (layout), flexbox va moslashuvchan dizayn.
US
O'qituvchi:
Ulugbek Samigjonov
Kurs haqida
HTML sahifaning skeleti bo'lsa, CSS — uning ko'rinishi. Bu kursda selektorlar, ranglar va shriftlar, blok modeli, joylashuv (positioning), flexbox va sahifani turli ekranlarga moslashtirish o'rganiladi.
HTML asoslarini bilgan har bir kishi uchun keyingi mantiqiy qadam. Kurs oxirida oddiy, lekin ko'rkam sahifalarni mustaqil bezay oladigan bo'lasiz.
Kurs dasturi
6 modul·
61 dars·
11 soat 38 daqiqa
1. Kirish
0%
16 daq · 4 dars
0%
16 daq · 4 dars
2. Selektorlar va Specificity
0%
1s 33d · 10 dars
0%
1s 33d · 10 dars
- 1 Selectors (Tanlab oluvchilar) 10:29
- 2 Comments (Izohlar) 6:33
- 3 Specificity (O'ziga xoslik) 13:53
- 4 Inheritance (Meros olish) 9:35
- 5 Combinators (Kombinatorlar) 22:08
- 6 "Class"lar va qo'shma (combined) selektorlar 10:45
- 7 Class yoki ID. "!important" haqida 7:16
- 8 CSS asoslari yordamida loyihani yaxshilash 12:57
- 9 Selektorlar va Specificity — konspekt
- Selektorlar va Specificity — test
3. Box model va Layout
0%
3s 32d · 16 dars
0%
3s 32d · 16 dars
- 1 Box model (Quti modeli). Margin, Padding, Border 9:36
- 2 Margin collapsing. Shorthands (Qisqartmalar) 13:29
- 3 Height (balandlik), Width (kenglik). Max / Min - height / width 20:39
- 4 "Display" xossasi 15:23
- 5 Text align, Vertical align va Float 12:12
- 6 Text decoration. Pseudo classes va qoidalarni guruhlash 10:47
- 7 Asosiy xossalar yordamida loyihani yaxshilash (1-qism) 10:23
- 8 Asosiy xossalar yordamida loyihani yaxshilash (2-qism) 24:55
- 9 Asosiy xossalar yordamida loyihani yaxshilash (3-qism) 25:31
- 10 Joylashish (Position) 6:20
- 11 Relative va Fixed 16:01
- 12 Absolute va Sticky 9:23
- 13 Z-index va Overflow 15:12
- 14 Positioning yordamida loyihani yaxshilash 22:56
- 15 Box model va Layout — konspekt
- Box model va Layout — test
4. Bezash va vizual effektlar
0%
1s 36d · 9 dars
0%
1s 36d · 9 dars
- 1 Background 11:23
- 2 Styling images 6:22
- 3 Gradient va Filterlar 13:27
- 4 Rasmlar (images) yordamida loyihani yaxshilash 20:27
- 5 Formalarga style berish (1-qism) 11:39
- 6 Formalarga style berish (2-qism) 18:20
- 7 Formalar yordamida loyihani yaxshilash 15:08
- 8 Bezash va vizual effektlar — konspekt
- Bezash va vizual effektlar — test
5. O’lchov birliklari va Responsive dizayn
0%
2s 52d · 13 dars
0%
2s 52d · 13 dars
- 1 O'lchov birliklari (Units) 9:38
- 2 Foiz (%) o'lchov birligi 11:12
- 3 "em" o'lchov birligi 15:43
- 4 rem o'lchov birligi 13:31
- 5 Viewport o'lchov birligi 14:34
- 6 Units yordamida loyihani yaxshilab olish 19:57
- 7 Responsive Web Design (RWD) 12:45
- 8 Media queries 19:33
- 9 Breakpoints 11:50
- 10 RWD yordamida loyihani yaxshilash (1-qism) 29:53
- 11 RWD yordamida loyihani yaxshilash (2-qism) 13:42
- 12 O’lchov birliklari va Responsive dizayn — konspekt
- O’lchov birliklari va Responsive dizayn — test
6. Tipografiya va Transformlar
0%
1s 46d · 9 dars
0%
1s 46d · 9 dars
O'quvchilar fikrlari
Hozircha sharhlar yo'q. Birinchi bo'ling!
Kiring, va o'z sharhingizni qoldiring.
US
Ulugbek Samigjonov
Frontend · Ochiq Kurs jamoasi
Tajribali mutaxassis va o'qituvchi. O'z bilimini boshqalar bilan baham ko'rishni yaxshi ko'radi va har bir o'quvchi uchun aniq, tushunarli yo'l-yo'riq taqdim etadi.