Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Responsive Website with HTML & CSS
Preparation
Course introduction (0:43)
Installation - chrome (1:22)
Installation - visual code (0:50)
Overview of web
How the web works - internet (2:50)
How the web works - HTTP (3:59)
URL (2:38)
How the website works (2:25)
HTML
Create a HTML boilerplate (5:23)
Create a HTML boilerplate - exercise (3:11)
HTML tag & attributes (6:06)
Indentation (2:30)
Text (5:45)
Text - exercise (1:11)
Image (5:52)
Image - exercise (2:03)
Hyperlink (2:49)
Hyperlink - exercise (1:24)
Table (5:23)
Table - exercise (1:49)
List (1:39)
List - exercise (0:46)
Layout elements (4:17)
Element ID & class (2:01)
Element ID & class - exercise (1:11)
Overview of form elements (0:42)
Form - text box (2:21)
Form - label (1:29)
Form - radio button (4:03)
Form - checkbox (2:01)
Form - file (1:39)
Form - password (0:29)
Form - other inputs (1:14)
Form - textarea (1:46)
Form - selection box (1:33)
Form - button (1:04)
Form (2:31)
Form - exercise (5:37)
Block & inline elements (3:06)
Block & inline elements - exercise (3:05)
Practice - simple personal website (11:36)
CSS
What is css (1:37)
CSS syntax (1:06)
Overview of CSS selector (1:40)
CSS selector - simple selector (3:02)
CSS selector - combinator selector (2:58)
CSS selector - pseudo-class selector (1:04)
CSS selector - exercise (2:44)
Internal, external, inline CSS (1:33)
Specificity hierarchy (4:29)
Useful properties - text (5:03)
Useful properties - background (6:26)
Useful properties - size (1:14)
Useful properties - font (1:29)
Useful properties - position (5:54)
Useful properties - display (3:04)
Useful properties - flexbox (10:35)
Useful properties - overflow (1:32)
CSS inheritance (2:24)
Useful properties - exercise (10:02)
Units (6:14)
Units - exercise (0:51)
Box model (5:43)
Box model - exercise (2:44)
CSS tips & tricks (2:20)
Responsive web design (8:34)
Responsive web design - exercise (6:38)
Practice - flexbox trial (11:04)
Practice - avatar (6:52)
Practice - website layout (16:34)
Practice - responsive website layout (11:21)
Practice - Login page (14:08)
Practice - web app layout (8:57)
Practice - responsive web app layout (2:41)
Practice - responsive menu (15:38)
Assessment - HTML & CSS
Copy ninja (1:15)
Teach online with
Element ID & class
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock