o‘zing o‘rgan
All courses
Qunduz · Frontend developer

HTML & CSS: My First Website

Tags, links, colours, Flexbox, semantic structure, forms, the box model, Grid, responsive pages, modern CSS (clamp, :has) and accessibility. The page appears as you type.

18 lessons ~6 h Born in 1991
Start for free 1-darsni ro‘yxatsiz sinab ko‘rish

Chapter 1. Building a page

4 lessons
  1. What is HTML? Tags ro‘yxatsiz sinab ko‘ring Video Practice 3 questions 10 min
  2. Links, images and lists ro‘yxatdan o‘tgach Video Practice 3 questions 15 min
  3. CSS: colours and fonts ro‘yxatdan o‘tgach Video Practice 3 questions 15 min
  4. Flexbox: putting cards side by side ro‘yxatdan o‘tgach Video Practice 3 questions 20 min

Chapter 2. Structure, forms and layout

5 lessons
  1. Semantic tags: the structure of a page ro‘yxatdan o‘tgach Practice 3 questions 15 min
  2. Forms: getting data from users ro‘yxatdan o‘tgach Practice 4 questions 20 min
  3. The box model: margin, border, padding ro‘yxatdan o‘tgach Practice 3 questions 20 min
  4. CSS Grid: two-dimensional layout ro‘yxatdan o‘tgach Practice 3 questions 20 min
  5. Responsive pages: phones and computers ro‘yxatdan o‘tgach Practice 4 questions 20 min

Intermediate level

Ro‘yxatdan o‘tib, oldingi darajani tugatgach — kirish imtihoni bilan ochiladi.

Chapter 3. Variables, animation and a landing project

5 lessons
  1. CSS variables and dark mode ro‘yxatdan o‘tgach Practice 3 questions 20 min
  2. position: relative, absolute, fixed, sticky ro‘yxatdan o‘tgach Practice 3 questions 20 min
  3. Pseudo-classes and pseudo-elements ro‘yxatdan o‘tgach Practice 3 questions 20 min
  4. Transitions and animations ro‘yxatdan o‘tgach Practice 3 questions 20 min
  5. Project: a landing page ro‘yxatdan o‘tgach Practice 3 questions 30 min

Chapter 4. Modern CSS and accessibility

4 lessons
  1. Modern units: rem, clamp(), min() and max() ro‘yxatdan o‘tgach Practice 4 questions 20 min
  2. Images: aspect-ratio and object-fit ro‘yxatdan o‘tgach Practice 4 questions 20 min
  3. Modern selectors: :is(), :has() and nesting ro‘yxatdan o‘tgach Practice 4 questions 20 min
  4. Accessible web: alt, label, lang and keyboard ro‘yxatdan o‘tgach Practice 4 questions 25 min