Website Design Specialist
39 modules · BeginnerA complete, practical, beginner-to-advanced course in front-end web development โ zero to hero. Start with how the web works and HTML document structure, move through complete CSS (box model, Flexbox, Grid, responsive design, animations), then complete JavaScript (syntax, the DOM, events, ES6+, asynchronous JavaScript, the Fetch API), and finish with the professional practices every web developer needs: accessibility, performance, Git & GitHub, SEO fundamentals, CSS architecture, and deploying a real site. Learning by doing throughout, with five hands-on projects โ a portfolio page, a responsive landing page, an interactive to-do list, and a weather app using a real API โ culminating in a multi-page, fully responsive, JavaScript-powered capstone website.
Course Content
1. How the Web Works & Your Toolkit
-
Lesson
45 min
-
1. How the Web Works & Your Toolkit Quiz
10 min
-
How the Web Works โ Homework & Mini Project
45 min
2. HTML Document Structure
-
Lesson
45 min
-
2. HTML Document Structure Quiz
10 min
-
HTML Document Structure โ Homework & Mini Project
45 min
3. Text Formatting & Semantic HTML
-
Lesson
45 min
-
3. Text Formatting & Semantic HTML Quiz
10 min
-
Text Formatting & Semantic HTML โ Homework & Mini Project
45 min
4. Links, Images & Media
-
Lesson
45 min
-
4. Links, Images & Media Quiz
10 min
-
Links, Images & Media โ Homework & Mini Project
45 min
5. Lists, Tables & Forms
-
Lesson
45 min
-
5. Lists, Tables & Forms Quiz
10 min
-
Lists, Tables & Forms โ Homework & Mini Project
45 min
6. HTML5 Semantic Layout & Accessibility Basics
-
Lesson
45 min
-
6. HTML5 Semantic Layout & Accessibility Basics Quiz
10 min
-
HTML5 Semantic Layout & Accessibility Basics โ Homework & Mini Project
45 min
7. Project โ Personal Portfolio Page
-
Personal Portfolio Page (HTML Only)
90 min
-
Checkpoint Quiz: HTML Fundamentals
15 min
8. Introduction to CSS: Syntax & Selectors
-
Lesson
45 min
-
8. Introduction to CSS: Syntax & Selectors Quiz
10 min
-
CSS Syntax & Selectors โ Homework & Mini Project
45 min
9. The Box Model, Colors & Units
-
Lesson
45 min
-
9. The Box Model, Colors & Units Quiz
10 min
-
The Box Model, Colors & Units โ Homework & Mini Project
45 min
10. Typography & Text Styling
-
Lesson
45 min
-
10. Typography & Text Styling Quiz
10 min
-
Typography & Text Styling โ Homework & Mini Project
45 min
11. Layout Basics: Display & Position
-
Lesson
45 min
-
11. Layout Basics: Display & Position Quiz
10 min
-
Layout Basics: Display & Position โ Homework & Mini Project
45 min
12. Flexbox
-
Lesson
45 min
-
12. Flexbox Quiz
10 min
-
Flexbox โ Homework & Mini Project
45 min
13. CSS Grid
-
Lesson
45 min
-
13. CSS Grid Quiz
10 min
-
CSS Grid โ Homework & Mini Project
45 min
14. Responsive Design & Media Queries
-
Lesson
45 min
-
14. Responsive Design & Media Queries Quiz
10 min
-
Responsive Design & Media Queries โ Homework & Mini Project
45 min
15. Transitions, Transforms & Animations
-
Lesson
45 min
-
15. Transitions, Transforms & Animations Quiz
10 min
-
Transitions, Transforms & Animations โ Homework & Mini Project
45 min
16. Project โ Responsive Landing Page
-
Responsive Landing Page
90 min
-
Checkpoint Quiz: CSS Fundamentals
15 min
17. Introduction to JavaScript & the Console
-
Lesson
45 min
-
17. Introduction to JavaScript & the Console Quiz
10 min
-
Introduction to JavaScript & the Console โ Homework & Mini Project
45 min
18. Variables, Data Types & Operators
-
Lesson
45 min
-
18. Variables, Data Types & Operators Quiz
10 min
-
Variables, Data Types & Operators โ Homework & Mini Project
45 min
19. Control Flow: Conditionals & Loops
-
Lesson
45 min
-
19. Control Flow: Conditionals & Loops Quiz
10 min
-
Control Flow: Conditionals & Loops โ Homework & Mini Project
45 min
20. Functions & Scope
-
Lesson
45 min
-
20. Functions & Scope Quiz
10 min
-
Functions & Scope โ Homework & Mini Project
45 min
21. Arrays & Array Methods
-
Lesson
45 min
-
21. Arrays & Array Methods Quiz
10 min
-
Arrays & Array Methods โ Homework & Mini Project
45 min
22. Objects & JSON
-
Lesson
45 min
-
22. Objects & JSON Quiz
10 min
-
Objects & JSON โ Homework & Mini Project
45 min
23. The DOM: Selecting & Manipulating Elements
-
Lesson
45 min
-
23. The DOM: Selecting & Manipulating Elements Quiz
10 min
-
The DOM: Selecting & Manipulating Elements โ Homework & Mini Project
45 min
24. Events & Event Handling
-
Lesson
45 min
-
24. Events & Event Handling Quiz
10 min
-
Events & Event Handling โ Homework & Mini Project
45 min
25. Project โ Interactive To-Do List
-
Interactive To-Do List App
90 min
-
Checkpoint Quiz: JavaScript Fundamentals & the DOM
15 min
26. ES6+ Modern JavaScript Features
-
Lesson
45 min
-
26. ES6+ Modern JavaScript Features Quiz
10 min
-
ES6+ Modern JavaScript Features โ Homework & Mini Project
45 min
27. Asynchronous JavaScript: Callbacks & Promises
-
Lesson
45 min
-
27. Asynchronous JavaScript: Callbacks & Promises Quiz
10 min
-
Asynchronous JavaScript: Callbacks & Promises โ Homework & Mini Project
45 min
28. Async/Await & the Fetch API
-
Lesson
45 min
-
28. Async/Await & the Fetch API Quiz
10 min
-
Async/Await & the Fetch API โ Homework & Mini Project
45 min
29. Working with Forms & Validation
-
Lesson
45 min
-
29. Working with Forms & Validation Quiz
10 min
-
Working with Forms & Validation โ Homework & Mini Project
45 min
30. Browser Storage: localStorage & sessionStorage
-
Lesson
45 min
-
30. Browser Storage: localStorage & sessionStorage Quiz
10 min
-
Browser Storage: localStorage & sessionStorage โ Homework & Mini Project
45 min
31. Error Handling & Debugging
-
Lesson
45 min
-
31. Error Handling & Debugging Quiz
10 min
-
Error Handling & Debugging โ Homework & Mini Project
45 min
32. Project โ Weather App (Fetch API)
-
Weather App Using a Real API
90 min
-
Checkpoint Quiz: Modern & Asynchronous JavaScript
15 min
33. Web Accessibility (WCAG) Deep Dive
-
Lesson
45 min
-
33. Web Accessibility (WCAG) Deep Dive Quiz
10 min
-
Web Accessibility (WCAG) Deep Dive โ Homework & Mini Project
45 min
34. Web Performance & Optimization
-
Lesson
45 min
-
34. Web Performance & Optimization Quiz
10 min
-
Web Performance & Optimization โ Homework & Mini Project
45 min
35. Version Control with Git & GitHub
-
Lesson
45 min
-
35. Version Control with Git & GitHub Quiz
10 min
-
Version Control with Git & GitHub โ Homework & Mini Project
45 min
36. SEO Fundamentals for Web Pages
-
Lesson
45 min
-
36. SEO Fundamentals for Web Pages Quiz
10 min
-
SEO Fundamentals for Web Pages โ Homework & Mini Project
45 min
37. CSS Architecture & Best Practices
-
Lesson
45 min
-
37. CSS Architecture & Best Practices Quiz
10 min
-
CSS Architecture & Best Practices โ Homework & Mini Project
45 min
38. Deploying Your Website
-
Lesson
45 min
-
38. Deploying Your Website Quiz
10 min
-
Deploying Your Website โ Homework & Mini Project
45 min
39. Capstone Project โ Full Responsive Website
-
Capstone: Multi-Page Responsive Website
90 min
-
Checkpoint Quiz: Accessibility, Performance, Git & Deployment
15 min
Free · Learn at your own pace
โจ VIP (1-on-1 Class)
Want an instructor all to yourself?
VIP gets you a schedule built entirely around you, full instructor attention with no sharing, and faster feedback on your work โ the quickest path through the course.
๐งโ๐ซ Book VIP (1-on-1) Training- Self-Taught
- Free
- Certificate
- โฆ20,000.00
- VIP (1-on-1)
- โฆ300,000.00
- Modules
- 39
- Lessons
- 112
- Programme Length
- 8 weeks
Programme Details
Certificate Preview
Complete the course to unlock your certificate for download.