The front end

Build step one: the interface, what the user sees and clicks. Eight lessons from absolute zero: HTML builds the structure of the page, CSS lays it out and makes it fit a phone, and JavaScript makes it respond and talk to the server, until you build a complete to-do list and an order page. You edit every example and see the result inside the lesson.

OverviewBuild step one: the interface, what the user sees and clicks. Eight lessons from absolute zero: HTML builds the structure of the page, CSS lays it out and makes it fit a phone, and JavaScript makes it respond and talk to the server, until you build a complete to-do list and an order page. You edit every example and see the result inside the lesson.
Your first web page: HTML from zeroWhat a web page actually is, and how to write your first HTML file and open it in a browser: tags, elements and attributes, the file's skeleton, headings and paragraphs, links and images, lists and tables, and finding your mistakes with developer tools. You edit every example and see the result at once.
Semantic HTML: meaningful structure, forms and access for everyoneYou move from "a page that shows" to "a page that is right": semantic page structure, forms with every kind of field and built-in validation, responsive images and media, accessibility by keyboard and screen reader, and page information for search engines and sharing.
CSS from zero: colours, fonts and the boxHow your page gets dressed: where CSS goes, the shape of a rule, selectors (element, class, id and hover state), colours, fonts and units, the box model with padding, border and margin, and who wins when two rules clash. You change every rule and see it at once.
CSS for layout: Flexbox, Grid and responsivenessHow to put boxes next to each other: Flexbox for a single row, Grid for grids and page layout, mobile-first responsive design and media queries, variables and dark mode, the logical properties that flip direction for Arabic, and smooth transitions. You build a full café page that works on a phone and a desktop.
JavaScript from zero: values, decisions and loopsThe first programming language you run in the browser: where JavaScript goes and where you see its output, variables with const and let, kinds of values (text, number, true/false), working with text and numbers, strict comparison, decisions with if, and repetition with for and while. You build a café bill calculator, and you run and edit every example inside the lesson.
JavaScript: functions, arrays and objectsThe tools every real program is built from: functions (parameters, return values and arrow functions), arrays with map, filter, reduce, find and sort, objects with properties and methods, destructuring and spread, and JSON for moving data. You build a café sales report from a list of orders.
JavaScript and the DOM: a page that respondsHow JavaScript changes the page in front of you: the DOM tree, selecting elements with querySelector, changing text, classes and attributes, creating and removing elements, events (click, input and submit) and delegation, the "state, then render" idea, saving data in localStorage, and protecting against XSS. You build a complete to-do list that runs inside the lesson.
Asynchronous JavaScript: timers, promises and fetchHow a page waits for something slow, like a server reply, without freezing: the event loop and timers, promises, the async and await keywords, error handling with try and catch, getting data from an API with fetch, loading and error states in the interface, and running several requests at once.
Wrap-up and resourcesThe takeaways and glossary of this track.