Web Foundation: HTML5 & CSS3 Architecture
Every web developer needs a rock-solid foundation. This comprehensive course teaches modern HTML5 and CSS3—the building blocks of every website and web application. Learn semantic HTML that search engines and screen readers love, modern CSS layouts with Flexbox and Grid, responsive design that works on any device, and accessibility practices that include everyone. Master the CSS Box Model, positioning, transitions and animations, custom properties (CSS variables), and modern pseudo-classes and selectors. Understand when to use which HTML tags, how to structure documents for SEO and maintainability, and CSS architecture patterns like BEM and utility-first approaches. You will build pixel-perfect designs from Figma mockups, create complex responsive layouts without frameworks, and ensure your sites work across browsers. Study modern CSS features: container queries, cascade layers, and color functions. Learn debugging techniques with browser DevTools. By the end, you will have the foundation to learn any JavaScript framework and build professional web interfaces. Every React, Vue, or Angular developer started here—and those who master these fundamentals build better applications.
Led by
Etchu Ferdinand
Join the Cohort
Limited spots available for the next intake.
Next Cohort Starts
Wed, April 1, 2026
Women's Day Offer
Pay the application fee by March 31, 2026 to allow us to review your application and lock in this 20% tuition discount.
Fee required to secure your interview slot.
Weekly Live Sessions
Interactive zoom classes with Etchu Ferdinand
Real-time Task Reviews
Get feedback on your weekly assignments
Community Access
Join the private discord for 24/7 support
What You'll Learn
Real-World Projects You'll Build
Professional Portfolio Website
Build a fully responsive, accessible portfolio showcasing your work
Technologies:
Outcomes:
- →Multi-page site
- →Mobile-first responsive design
- →Accessible navigation
- →Cross-browser compatible
Business Landing Page
Create a conversion-optimized landing page from a Figma design
Technologies:
Outcomes:
- →Pixel-perfect implementation
- →Smooth animations
- →Working contact form
- →SEO optimized
Component Library
Build a reusable component library with common UI patterns
Technologies:
Outcomes:
- →Buttons
- →Cards
- →Navigation
- →Forms
- →Documentation
Your Weekly Journey
6 weeks • Live FormatWeek 1HTML5 Fundamentals
Master semantic HTML and document structure
Topics Covered:
- •HTML document structure
- •Semantic elements (article, section, nav, aside)
- •Forms and input types
- •Multimedia (audio, video, canvas)
- •SEO-friendly markup
Week 2CSS Foundations & Box Model
Understand CSS fundamentals and the box model
Topics Covered:
- •CSS selectors and specificity
- •Box model (margin, border, padding)
- •Display properties
- •Positioning (static, relative, absolute, fixed, sticky)
- •CSS units and values
Week 3Flexbox & Grid Layouts
Master modern CSS layout systems
Topics Covered:
- •Flexbox fundamentals and patterns
- •CSS Grid layout
- •Combining Flexbox and Grid
- •Responsive layout strategies
- •Common layout patterns
Week 4Responsive Design
Build sites that work on any device
Topics Covered:
- •Mobile-first approach
- •Media queries
- •Responsive images and video
- •Viewport units
- •Container queries
Week 5Advanced CSS & Animations
Add polish with transitions, animations, and modern CSS
Topics Covered:
- •CSS transitions and animations
- •Transforms and 3D effects
- •Custom properties (CSS variables)
- •Pseudo-classes and pseudo-elements
- •CSS filters and blend modes
Week 6Accessibility & Best Practices
Build inclusive, maintainable web experiences
Topics Covered:
- •WCAG accessibility guidelines
- •Screen reader testing
- •Keyboard navigation
- •CSS architecture (BEM)
- •Cross-browser compatibility
Capstone Projects
Apply everything you've learned in real-world projects
Skills You'll Master
Job-Ready Guarantee
Our curriculum is designed to get you hired. 92% of our graduates land a job within 6 months.
Your Mentor
Etchu Ferdinand
Senior Frontend Dev
Frontend architect with 12+ years building accessible, performant web experiences
Career Opportunities
- Junior Frontend Developer
- Web Designer
- UI Developer
- Email Template Developer
- WordPress Developer