Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML & CSS Workshop Live
Live event
Live Wednesday 7PM
2023 Replays
01-04-2023 Improve Your Portfolio Hero Section & Debugging Session (88:56)
01-11-2023 Your Portfolio About Me Section & Debugging Session (50:08)
01-18-2023 Email Table Structure and Responsiveness with media queries & General Discussions (112:57)
01-25-2023 Skillshare Email part 1 & Freelance Portfolio Talk (111:22)
02-01-2023 Skillshare Email part 2 (73:18)
02-08-2023 Skillshare Email part 3 and debugging session (158:20)
02-15-2023 Skillshare Email part 4 and debugging session (144:32)
03-01-2023 - Out of Tutorial Hell Part 1 - Pure CSS Navbar and debugging session (149:44)
03-08-2023 - Out of Tutorial Hell Part 2 - Hero Section and debugging session (133:55)
03-15-2023 - Out of Tutorial Hell Part 3 - About Section and Q&A session (114:45)
03-22-2023 - Out of Tutorial Hell Part 4 - Services Section and Q&A session (81:45)
2022 Replays
First Day - Build a Hero (176:52)
Day 2 - BEM (37:22)
Day 3 - Food App (155:49)
Day 4 - Build a hero section with sass (SCSS) (77:17)
Day 5 - CSS Selectors Project Deep Dive (Intermediate level Project) (43:46)
Day 6 - CSS Selectors 1 (41:58)
Day 8 - Course Debug Session (52:16)
Day 9 - Inheritance, Specificity, The Cascade (115:01)
Day 10 - Emmet (94:01)
Day 10 - Debug Session (59:56)
Day 11 - CSS Position (Relative, Absolute, Fixed, Sticky) (86:41)
Day 12 - CSS Position Projet (98:39)
Day 13 - Display Property (48:58)
Day 14 - Flexbox: Flex Direction (40:02)
Day 15 - Flexbox: Order, flex-wrap, overflow, flex (flex-grow, flex-shrink, flex-basis) (53:55)
Day 16 - HTML Email Part 1 (86:35)
Day 17 - HTML Email Part 2 (96:42)
Day 18 - Flexbox: Alignment (62:46)
Day 19 - Responsiveness and Media Queries (72:51)
Day 20 - Responsive Images (specifically) (97:07)
Day 21 - Discussion Session (148:04)
Day 22 - Discussion: Portfolios & Templates - Portfolio structure and how to select a theme (61:36)
Day 23 - Build a responsive nav and hero section (104:58)
Day 24 - Install NVM (Node Version Manager), set up Foundation for Emails, and general discussions (100:01)
Day 25 - Discussion Session (94:15)
Day 26 - Chrome (Browser) Developer Tools (35:28)
Day 27 - Alignment practice: 6 ways to center content (25:48)
Day 28 - CSS Position practice: Interactive session with 4 examples (56:05)
Day 29 - Discussion Session and general debugging (122:48)
Day 30 - Debugging Session (Code review) (193:13)
Day 31 - Build Email with MJML Framework (131:41)
Day 32 - Make "Frosted" background with blur and General Discussions (110:07)
Day 33 - CSS Selectors Practice with interactive examples (89:50)
Day 34 - Flexbox Layout Practice with 4 examples and general discussions (97:37)
Day 35 - Build a Product Grid (94:32)
Day 36 - Build a landing page (responsive navbar) Part 1 (71:59)
Day 37 - Build a landing page (hero section) Part 2 (55:33)
Day 37 - Debugging session (9:29)
Day 38 - Build a landing Page (agent section) Part 3 (56:06)
Day 38 - Build a landing page (feature section) Part 3 (46:31)
Day 39 - Build a landing page (property cards) Part 4 (48:34)
Day 39 - Discussion: Responsive email, portfolio (38:30)
Day 40 - Discussion + Build a landing page (showcase section) part 5 (120:12)
Day 43 - Debugging Session (60:45)
Resources
FurniShop - Furniture Landing Page
Rentals Real Estate landing Page
Making custom code snippets for vscode Part 1 (33:52)
Making custom code snippets for vscode Part 2 (7:42)
Coding Games For Practice
First Day - Build a Hero
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock