Unable to load video
0:00
0:00
Technology
Frontend Development with HTML & CSS: From Zero to Confident Builder
Beginner
0 enrolled
Ability to build responsive web pages from scratch and convert Figma designs into HTML & CSS
What You'll Learn
- Understand how websites work and what frontend development is
- Set up a professional development environment using VS Code
- Write clean, semantic HTML to structure web pages
- Style web pages with CSS — colours, fonts, spacing, and layouts
- Build responsive layouts using Flexbox and CSS Grid that work on any screen size
- Read and interpret Figma design files like a professional developer
- Convert a Figma design into a fully coded HTML & CSS web page
- Write clean, organised, and readable code following industry best practices
- Build and deploy a complete portfolio-ready website
- Understand version control basics with Git and GitHub
Course Content
10 modules
Module 1: Introduction to Frontend Development
8 min
Module 1 Note
5 min
Setting Up the Development Environment
18 min
Module 2 Note
HTML Fundamentals (Structure of the Web)
20 min
Module 3 Note
10 min
CSS Fundamentals (Styling the Web)
43 min
Module 4 Note
10 min
Layout & Positioning with CSS
54 min
Module 5 Note
10 min
Responsive Web Design
20 min
Module 6 Note
10 min
Working with Real Designs (Figma Basics for Developers)
23 min
Module 7 Note
10 min
8A: Converting Figma Design to HTML & CSS (Core Skill)
18 min
8B: Converting Figma Design to HTML & CSS (Core Skill)
90 min
Module 8A Note
10 min
Module 8B Note
10 min
Best Practices & Clean Code
17 min
Module 9 Note
10 min
Final Project (Portfolio-Ready Website)
14 min
Module 10 Note
10 min