Example Curriculum
Introduction
Available in
days
days
after you enroll
Module 1: HTML Overview
Available in
days
days
after you enroll
Module 2: HTML Forms and Text
Available in
days
days
after you enroll
- Introduction (15:41)
- HTML Forms and Input Types - Part 1 (9:55)
- HTML Forms and Input Types - Part 2 (8:51)
- Form Validation and Accessibility - Part 1 (10:17)
- Form Validation and Accessibility - Part 2 (9:07)
- Job Application Form - Part 1 (16:27)
- Job Application Form - Part 2 (11:25)
- Text Elements - Part 1 (11:38)
- Text Elements - Part 2 (9:00)
- Table Example (7:14)
- Challenges (5:43)
- Let's Have Some Fun (+ More Resources)
Module 3: HTML Media
Available in
days
days
after you enroll
Module 4: Introduction to Cascading Style Sheets (CSS)
Available in
days
days
after you enroll
- Introduction to CSS (13:26)
- CSS Syntax and Basic Selectors (10:40)
- Basic CSS Properties - Part 1 (13:03)
- Basic CSS Properties - Part 2 (12:50)
- Cascade, Specificity, Inheritance - Part 1 (7:21)
- Cascade, Specificity, Inheritance - Part 2 (10:22)
- External CSS (Bootstrap Example) - Part 1 (11:34)
- External CSS (Bootstrap Example) - Part 2 (5:58)
- Challenges (6:19)
- Implement a New Life System
Module 5: CSS Layout Basics
Available in
days
days
after you enroll
Module 6: CSS Projects & Practical Examples
Available in
days
days
after you enroll
Module 7: Developer Setup
Available in
days
days
after you enroll
Module 8: Design & Typography
Available in
days
days
after you enroll
Module 9: Utilizing Color
Available in
days
days
after you enroll
- Introduction (19:34)
- Bruno (1:40)
- Color Game (7:21)
- Color Values (15:17)
- Color Schemes & Palettes (10:14)
- Web Accessibility - Contrast Checker (4:13)
- Shadows (10:37)
- Border Radius and Shapes (9:08)
- CSS Variables and Custom Properties (16:06)
- Dark Mode (9:53)
- Typographix V2 - Adding Section Content (14:31)
- Typographix V2 - Section Styling (18:26)
- Typographix V2 - Dark Mode Toggle (18:09)
Module 10: Responsive Design
Available in
days
days
after you enroll
- Bruno (2:01)
- Introduction (9:01)
- Viewport & Media Queries (10:31)
- Responsive Media (9:14)
- Responsive Text (12:00)
- Navigation Menu (12:50)
- Typographix V3 - Custom Scrollbar (9:09)
- Typographix V3 - Navigation Menu - Part 1 (12:20)
- Typographix V3 - Navigation Menu - Part 2 (8:21)
- Typographix V3 - Media Queries (Tablets) - Part 1 (15:34)
- Typographix V3 - Media Queries (Tablets) - Part 2 (9:02)
- Typographix V3 - Media Queries (Smartphones) - Part 1 (12:32)
- Typographix V3 - Media Queries (Smartphones) - Part 2 (11:57)
Module 11: Flexbox
Available in
days
days
after you enroll
- Bruno (1:29)
- Introduction (8:56)
- Flexbox Game (5:58)
- Flexbox Containers (15:30)
- Flexbox Items (9:10)
- Common Layouts (13:26)
- Flexbox Gallery (6:42)
- Typographix Blog V1 - Adding HTML - Part 1 (9:00)
- Typographix Blog V1 - Adding HTML - Part 2 (12:24)
- Typographix Blog V1 - ChatGPT and AI (7:39)
- Typographix Blog V1 - Styling Main Page - Part 1 (13:59)
- Typographix Blog V1 - Styling Main Page - Part 2 (10:21)
- Typographix Blog V1 - Sticky Navigation (13:48)
- Typographix Blog V1 - Article Styling (14:09)
- Typographix Blog V1 - Mobile Responsiveness - Part 1 (4:23)
- Typographix Blog V1 - Mobile Responsiveness - Part 2 (11:51)
- Exercise: Imposter Syndrome (2:55)
Module 12: CSS Grid
Available in
days
days
after you enroll
- Bruno (1:34)
- Introduction (9:46)
- Grid Garden (19:33)
- Grid Containers (16:40)
- Grid Items (11:53)
- Common Layouts (14:38)
- Gallery Layout (6:20)
- Column Masonry (13:23)
- Typographix Gallery V1 - Styling - Part 1 (9:24)
- Typographix Gallery V1 - Styling - Part 2 (14:46)
- Typographix Gallery V1 - Modal Functionality (14:45)
Module 13: Transitions
Available in
days
days
after you enroll
Module 14: Animation
Available in
days
days
after you enroll
- Bruno (1:22)
- Introduction (10:17)
- Animation Properties (5:11)
- Animation Loops (Infinite Animations) (19:46)
- Animation Tools (15:52)
- Typewriter Effect (9:00)
- Loading Animations - Part 1 (14:27)
- Loading Animations - Part 2 (11:32)
- Skeleton Screens (17:16)
- Typographix Gallery V3 - Add Loading Spinner (11:00)
- Typographix Blog V2 - Add Skeleton Screen (15:09)
Module 15: Broadcast Graphics
Available in
days
days
after you enroll
Module 16: Advanced CSS
Available in
days
days
after you enroll
- Bruno (1:32)
- Introduction (9:26)
- CSS Pseudo Selectors (11:23)
- AI Image Generation (6:27)
- Gradients and Patterns (10:14)
- Clipping and Masking (12:43)
- Blend Modes and Filters (16:49)
- Cursor Types and Custom Cursors (9:40)
- CSS Houdini (10:24)
- Developer Portfolio V1 - Preview (3:46)
- Developer Portfolio V1 - Mockups (9:38)
- Developer Portfolio V1 - AI Generation (7:01)
- Developer Portfolio V1 - Home - Part 1 (16:25)
- Developer Portfolio V1 - Home - Part 2 (8:51)
- Developer Portfolio V1 - About (17:04)
- Developer Portfolio V1 - Projects (17:27)
- Developer Portfolio V1 - Contact - Part 1 (13:01)
- Developer Portfolio V1 - Contact - Part 2 (12:34)
- Developer Portfolio V1 - Navigation (5:17)
- Developer Portfolio - Responsive Design - Part 1 (11:06)
- Developer Portfolio - Responsive Design - Part 2 (11:02)
- Developer Portfolio - Responsive Design - Part 3 (7:38)
Module 17: Optimization
Available in
days
days
after you enroll
Module 18: SASS / SCSS
Available in
days
days
after you enroll
- Bruno (1:45)
- Introduction (13:40)
- Compare CSS, SCSS, SASS (12:54)
- Color Adjustments (15:12)
- Variables, Nesting, Mixins, Extend/Inheritance (18:55)
- Control Directives (for, each, while) - Part 1 (10:24)
- Control Directives (for, each, while) - Part 2 (12:36)
- Functions (10:42)
- Typograhpix Blog V3 - Setup - Part 1 (12:41)
- Typograhpix Blog V3 - Setup - Part 2 (10:03)
- Typographix Blog V3 - Basic Partials, Dark Mode (18:47)
- Typographix Blog V3 - Most Partials - Part 1 (11:32)
- Typographix Blog V3 - Most Partials - Part 2 (11:01)
- Typographix Blog V3 - Media Queries & Testing (13:10)
Module 19: Final Project
Available in
days
days
after you enroll
- Introduction (3:19)
- Bruno (1:28)
- Typographix Final - Preview (4:42)
- Typographix Final - Gather and Optimize Media (8:29)
- Typographix Final - Project Setup (16:36)
- Typographix Final - Home Section (15:03)
- Typographix Final - About Section (HTML/SCSS) (12:47)
- Typographix Final - About Section (JS) (13:14)
- Typographix Final - Gallery Section - Part 1 (10:18)
- Typographix Final - Gallery Section - Part 2 (12:24)
- Typographix Final - Blog Section - Part 1 (14:18)
- Typographix Final - Blog Section - Part 2 (13:38)
- Typographix Final - Contact Section - Part 1 (13:14)
- Typographix Final - Contact Section - Part 2 (8:24)
- Typographix Final - Form Functionality - Part 1 (10:48)
- Typographix Final - Form Functionality - Part 2 (11:46)
- Typographix Final - Footer Section (6:57)
- Typographix Final - Navigation Menu (13:09)
- Typographix Final - Navigation Menu (Animation) - Part 1 (10:32)
- Typographix Final - Navigation Menu (Animation) - Part 2 (7:46)
- Typographix Final - Media Queries (Tablets) - Part 1 (12:08)
- Typographix Final - Media Queries (Tablets) - Part 2 (9:57)
- Typographix Final - Media Queries (Tablets) - Part 3 (8:46)
- Typographix Final - Media Queries (Smartphones) - Part 1 (8:34)
- Typographix Final - Media Queries (Smartphones) - Part 2 (9:56)
- Typographix Final - Media Queries (Smartphones) - Part 3 (11:43)
- Typographix Final - Testing & Optimizing (5:50)
Module 20: Course Wrap-up
Available in
days
days
after you enroll
Where To Go From Here?
Available in
days
days
after you enroll