HTML & CSS Fundamentals
By the end of this course, learners should be able to explain Lesson 1: Set up your web development environment
This comprehensive course will take you from beginner to confident practitioner in HTML & CSS Fundamentals. You'll learn industry-standard techniques and best practices used by professionals worldwide.
Through hands-on projects and real-world examples, you'll gain the skills needed to succeed in today's competitive tech landscape. Our curriculum is designed by industry experts with years of experience.
By the end of this course, you'll have a portfolio of projects to showcase your abilities and the confidence to apply your knowledge in professional settings.
What you will learn
- By the end of this course, learners should be able to explain Lesson 1: Set up your web development environment
- By the end of this course, learners should be able to explain Lesson 2: HTML document structure and semantics
- By the end of this course, learners should be able to explain Lesson 3: CSS fundamentals and the box model
- By the end of this course, learners should be able to explain Lesson 4: JavaScript in the browser
- By the end of this course, learners should be able to explain Lesson 5: Use Git for version control
What you will build and prove
- Practice: Practice: Lesson 1: Set up your web development environment
- Project: Apply HTML & CSS Fundamentals
- Quiz: Lesson 1: Set up your web development environment check (pass 70%)
- Final assessment: HTML & CSS Fundamentals — course assessment (pass 70%)
Course journey
How this free course is structured — watch, practise, and progress module by module.
- Getting Started with HTML & CSS Fundamentals
- Core Fundamentals
- Building Your First Project
- Advanced Techniques
Practice
1 optional practice exercise — apply what you learned. Practice is not required to complete the course.
Assessment
- Lesson 1: Set up your web development environment check · pass mark 70%
- HTML & CSS Fundamentals — course assessment · pass mark 70%
Prove
Course completion means finishing required lessons , and the course assessment . That grants a certificate of completion — not a professional certification. Optional practice does not block completion.
Curriculum
Week 1: Getting Started with HTML & CSS Fundamentals
- Lesson 1: Set up your web development environment Preview Practice 10min
- Lesson 2: HTML document structure and semantics Preview 16min
- Lesson 3: CSS fundamentals and the box model 16min
- Lesson 4: JavaScript in the browser 22min
- Lesson 5: Use Git for version control 21min
- Lesson 6: DevTools for inspecting and debugging 23min
Week 2: Core Fundamentals
- Lesson 1: Build accessible page layouts 15min
- Lesson 2: Flexbox and CSS Grid in practice 10min
- Lesson 3: DOM manipulation and events 8min
- Lesson 4: Fetch data with the Fetch API 15min
- Lesson 5: Forms, validation, and UX feedback 12min
- Lesson 6: Component thinking for the web 23min
Week 3: Building Your First Project
- Lesson 1: Modern web development fundamentals 19min
- Lesson 2: Build an interactive UI feature 23min
- Lesson 3: Work with APIs and JSON data 19min
- Lesson 4: Improve performance and accessibility 11min
- Lesson 5: Deploy a static or full-stack site 23min
- Lesson 6: Review and refactor your project 16min
Week 4: Advanced Techniques
- Lesson 1: Modern web development fundamentals 12min
- Lesson 2: Build an interactive UI feature 11min
- Lesson 3: Work with APIs and JSON data 15min
Free to enroll — no purchase required.
Instructor: Africoders
Start learning Already have an account? Sign in Course forum →