Learning path / Beginner
Frontend Foundations
Learn HTML, CSS, and JavaScript through short lessons, tested exercises, workshops, independent labs, quizzes, and a required project.
16Activities
6Hands-on builds
1Required project
01
Module
HTML Foundations
Structure content with meaning and accessibility.
01lesson · 6 minBuild an HTML DocumentRecognize the essential structure of a web page.02exercise · 8 minCreate a Profile HeadingWrite semantic HTML and satisfy your first browser tests.03lesson · 7 minLinks, Images, and Alternative TextCreate useful links and accessible images.04workshop · 20 minWorkshop: Build a Profile CardCombine headings, text, lists, images, and links.05review · 5 minReview: Meaningful HTMLConsolidate the HTML ideas used in the first workshop.06quiz · 5 minQuiz: HTML FoundationsCheck your understanding before styling pages.
02
Module
CSS and Responsive Layout
Turn structure into a readable, adaptable interface.
07lesson · 8 minCSS Selectors and the Box ModelSelect elements and reason about their size and spacing.08exercise · 12 minStyle a Profile CardUse color, spacing, and typography deliberately.09lesson · 8 minResponsive LayoutsCreate layouts that adapt to available space.10lab · 25 minLab: Responsive Landing SectionIndependently build a responsive hero and feature grid.
03
Module
JavaScript Interactivity
Add reusable logic and respond to user actions.
11lesson · 9 minValues, Variables, and FunctionsStore values and package reusable behavior.12lab · 10 minLab: Build an Add FunctionUse parameters and return to satisfy multiple cases.13lesson · 9 minDOM and EventsRespond to user actions and update page content.14workshop · 20 minWorkshop: Interactive CounterConnect state, buttons, and visible output.15quiz · 6 minQuiz: JavaScript FundamentalsCheck your understanding of functions, DOM selection, and events.
04
Module
Required Project
Combine the complete skill set in an original build.