CodaScript

0 kun0 XP

Kirish Ro‘yxatdan o‘tish

Barcha yo‘nalishlar

Tailwind CSS

26 ta darslik • 26 ta modul

—(hali baholanmagan)2o‘quvchi4ko‘rishIzohlar

0 / 26 tugatildi

0% bajarildi

O‘qishni davom ettirish

#0. Chapter 0 — CSS Asoslari Tailwind uchun

PART 0 — Web & CSS Foundation • Tailwind'ga o'tishdan oldin zarur bo'lgan CSS asoslari: box model, selector/property/value tushunchasi, display turlari, cascade va responsive mantiq — har biri Tailwind kontekstida, test va mashqlar bilan.

Darsga o‘tish

1

PART 0 — Web & CSS Foundation

(1 dars)

Chapter 0 — CSS Asoslari Tailwind uchun

easy3 ta amaliyot

Tailwind'ga o'tishdan oldin zarur bo'lgan CSS asoslari: box model, selector/property/value tushunchasi, display turlari, cascade va responsive mantiq — har biri Tailwind kontekstida, test va mashqlar bilan.

—3 ko‘rish1 o‘quvchi

2

PART 1 — Tailwind CSS Introduction

(1 dars)

Chapter 1 — Tailwind CSS'ga Kirish

easy3 ta amaliyot

Utility-first mantiq, Tailwind vs an'anaviy CSS, o'rnatish usullari va class mental modeli — har biri misol, test va mashqlar bilan.

—0 ko‘rish0 o‘quvchi

3

PART 2 — Colors

(1 dars)

Chapter 2 — Tailwind Rang Tizimi

easy3 ta amaliyot

Rang palitrasi, soya darajalari (shade), opacity, gradient va eng ko'p qo'llaniladigan rang formulalari — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish1 o‘quvchi

4

PART 3 — Spacing

(1 dars)

Chapter 3 — Padding, Margin va Gap

easy3 ta amaliyot

Tailwind spacing shkalasi, padding/margin klasslari, gap va width/height tizimi — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

5

PART 4 — Typography

(1 dars)

Chapter 4 — Matn Boshqaruvi

easy3 ta amaliyot

Shrift hajmi, qalinligi, tekislash, truncate va line-clamp — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

6

PART 5 — Backgrounds

(1 dars)

Chapter 5 — Fon, Rasm va Gradient

easy3 ta amaliyot

Fon rangi, rasm pozitsiyasi, gradient yo'nalishlari va Hero Section qurish — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

7

PART 6 — Borders & Radius

(1 dars)

Chapter 6 — Chegara va Burchak Yumaloqligi

easy3 ta amaliyot

Border qalinligi, turi, rangi, divide va radius klasslari — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

8

PART 7 — Shadows & Effects

(1 dars)

Chapter 7 — Soya, Blur va Glassmorphism

medium3 ta amaliyot

Shadow darajalari, filter effektlari (blur, grayscale) va Glassmorphism naqshi — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

9

PART 8 — Display & Layout

(1 dars)

Chapter 8 — Display Turlari

easy3 ta amaliyot

Block, inline, flex, grid, hidden klasslari va responsive visibility naqshi — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

10

PART 9 — Flexbox

(1 dars)

Chapter 9 — Flexbox Chuqur O'rganish

medium3 ta amaliyot

Main axis, cross axis, justify/items, flex-1 va real UI naqshlari (Navbar, Pricing Card) — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

11

PART 10 — CSS Grid

(1 dars)

Chapter 10 — Grid va Responsive Layout

medium3 ta amaliyot

grid-cols, col-span, gap va responsive product grid naqshi — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

12

PART 11 — Positioning

(1 dars)

Chapter 11 — Relative, Absolute, Sticky

medium3 ta amaliyot

Position turlari, z-index va Badge/Sticky Header/Dropdown naqshlari — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

13

PART 12 — Responsive Design

(1 dars)

Chapter 12 — Mobile-First Tafakkur

medium3 ta amaliyot

Breakpoint tizimi, mobile-first mantiq va responsive navbar/hero naqshlari — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

14

PART 13 — States & Variants

(1 dars)

Chapter 13 — Hover, Focus, Group va Peer

medium3 ta amaliyot

Pseudo-class variantlari, group-hover va peer-focus mexanizmlari — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

15

PART 14 — Transitions & Animations

(1 dars)

Chapter 14 — Silliq O'zgarishlar va Animatsiya

medium3 ta amaliyot

transition, duration, transform va animate-pulse/spin klasslari — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

16

PART 15 — Dark Mode

(1 dars)

Chapter 15 — Dark/Light Rejim Qurish

medium3 ta amaliyot

dark: variant, darkMode konfiguratsiyasi va rang strategiyasi — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

17

PART 16 — Customization & Configuration

(1 dars)

Chapter 16 — tailwind.config.js va Design Tokens

hard3 ta amaliyot

theme.extend, content maydoni va arbitrary values — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

18

PART 17 — Component Architecture

(1 dars)

Chapter 17 — Qayta Ishlatiluvchi Componentlar

hard3 ta amaliyot

Button/Card/Modal componentlari, variant pattern va DRY tamoyili — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

19

PART 18 — Design System & Best Practices

(1 dars)

Chapter 18 — Izchil Design System Qurish

hard3 ta amaliyot

Design tokens, umumiy best practice'lar va mini design-system misoli — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

20

PART 19 — Accessibility

(1 dars)

Chapter 19 — Barcha Uchun Qulay UI

hard3 ta amaliyot

Semantik HTML, focus-visible, sr-only va rang kontrasti — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

21

PART 20 — Tailwind + JavaScript

(1 dars)

Chapter 20 — Dynamic Classes va Conditional Styling

hard3 ta amaliyot

JavaScript bilan dinamik klasslar, template literal, class composition va content-detection muammosi — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

22

PART 21 — Performance & Production

(1 dars)

Chapter 21 — Production uchun Optimallashtirish

hard3 ta amaliyot

CSS generatsiyasi, content detection, unused styles va katta loyihalarda performance strategiyasi — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

23

PART 22 — Debugging Lab

(1 dars)

Chapter 22 — Tailwind Debugging Laboratoriyasi

Eng ko'p uchraydigan Tailwind xatolari: class ishlamasligi, responsive/hover/dark mode nosozliklari va ularni tuzatish strategiyasi.

—0 ko‘rish0 o‘quvchi

24

PART 23 — Real-World Capstone Project

(1 dars)

Chapter 23 — Yakuniy Loyiha: SaaS Landing Page

hard3 ta amaliyot

Barcha o'rganilgan bilimlarni birlashtirib, to'liq responsive SaaS Landing Page qurish — Navbar, Hero, Features, Pricing va Footer.

—0 ko‘rish0 o‘quvchi

25

PART 24 — Tailwind + React Patterns

(1 dars)

Chapter 24 — React Componentlarida Tailwind

hard3 ta amaliyot

Props orqali variant boshqarish, conditional rendering va state-based styling — misol, test va amaliy topshiriqlar bilan.

—0 ko‘rish0 o‘quvchi

26

PART 25 — Advanced UI Patterns

(1 dars)

Chapter 25 — Dashboard va Admin Panel Naqshlari

hard3 ta amaliyot

Sidebar layout, data table, stat cards va notification kabi murakkab UI naqshlari — misol, test va amaliy topshiriqlar bilan.

—1 ko‘rish0 o‘quvchi

Kurs bo'yicha fikr-mulohazalar (0)

Izoh qoldirish uchun iltimos tizimga kiring.

Izohlar yuklanmoqda...

Amaliy masalalar