Curriculum
-
Introduction (1:55)
-
What is HTML & CSS? (6:04)
-
Setting up our portfolio (5:36)
-
Sketch your ideas and gather your project images (3:04)
-
The header section and semantic elements (6:43)
-
CSS first look and linking our stylesheet (14:17)
-
Quick Aside: Inspecting CSS with the devtools (3:19)
-
Background images and the parallax effect (8:15)
-
Quick Aside: Margin, padding and the box model (3:45)
-
Block, inline and nesting content (11:21)
-
First look at the CSS Flexbox (9:54)
-
Contact us section and final mobile first CSS (7:17)
-
CSS media queries (14:59)
-
Custom CSS animations (8:28)
-
Animation libraries (12:05)
-
Quick Aside: Browser compatibility (4:47)
-
Setting up our projects page (3:37)
-
Including our projects page HTML (4:41)
-
Mobile first project layout using Flexbox (6:06)
-
First look at the CSS grid (6:56)
-
Grid areas for more advanced layouts (6:03)
-
CSS text overlay, hover effects and animations (12:13)
-
Hosting (2:29)
-
Final thoughts (0:17)
