Back to the library
IntermediateProgramming

Web Development Essentials

Build real pages and apps with HTML, CSS, the DOM and JavaScript.

5

Sections

20

Lessons

60

Quiz questions

4h

Study time

What's inside

  • How the web works end to end: DNS, HTTP, parsing and rendering
  • Semantic, accessible HTML and a design-token approach to CSS
  • Flexbox and Grid taught as layout tools, not trivia
  • The DOM and JavaScript, applied to real interactions

Who your students will be

Beginners who want a portfolio, freelancers, designers moving to code

What your students will be able to do

Outcomes you can promise

  • Explain how the web works end-to-end: DNS, HTTP requests/responses, and how browsers parse and render pages
  • Write clean, semantic HTML that is accessible and meaningful to browsers, search engines and assistive technology
  • Style layouts confidently with the CSS box model, Flexbox, Grid, and a consistent design-token approach
  • Manipulate the DOM, handle events, and write modern JavaScript (ES6+) to build interactive pages
  • Fetch data from APIs asynchronously using Promises and async/await, and handle loading and error states
  • Apply accessibility and performance best practices, use modern tooling, and ship a finished project to production
Every lesson

The full syllabus

Nothing is withheld — this is exactly what a student gets, so you can judge it before you licence it rather than after.

Section 1

How the Web Works & Semantic HTML

What actually happens between typing a URL and seeing a page, and how to structure that page with meaningful, semantic HTML.

4 lessons
  1. 01From URL to Pixels: DNS, HTTP and RenderingKnowledge check12 min
  2. 02HTML Document StructureKnowledge check10 min
  3. 03Semantic HTML and Document OutlineKnowledge check11 min
  4. 04Forms and Text Content ElementsKnowledge check12 min
Section 2

CSS: Box Model, Flexbox, Grid & Design Tokens

Style and lay out real interfaces confidently, from the fundamentals of the box model through modern layout systems and a scalable design-token approach.

4 lessons
  1. 01Selectors, Specificity and the CascadeKnowledge check12 min
  2. 02The Box ModelKnowledge check12 min
  3. 03Flexbox: One-Dimensional LayoutKnowledge check14 min
  4. 04CSS Grid and Design TokensKnowledge check14 min
Section 3

The DOM, Events and Modern JavaScript

Bring pages to life: select and manipulate elements, respond to user interaction, and write clean, modern JavaScript.

4 lessons
  1. 01Selecting and Modifying the DOMKnowledge check12 min
  2. 02Events and Event DelegationKnowledge check12 min
  3. 03Modern JavaScript: let/const, Arrow Functions, DestructuringKnowledge check13 min
  4. 04Arrays, Objects and Higher-Order Array MethodsKnowledge check13 min
Section 4

Async JavaScript, Fetch and APIs

Understand JavaScript's asynchronous model and use it to fetch, handle and display real data from web APIs.

4 lessons
  1. 01The Event Loop and Asynchronous JavaScriptKnowledge check12 min
  2. 02Promises and async/awaitKnowledge check13 min
  3. 03The Fetch API and Working with JSONKnowledge check13 min
  4. 04Loading, Error States and Working with Real APIsKnowledge check13 min
Section 5

Accessibility, performance and shipping

Make your pages usable by everyone, make them fast, set up modern tooling, and deploy a finished capstone project to the live web.

4 lessons
  1. 01Web Accessibility (a11y)Knowledge check14 min
  2. 02Web Performance FundamentalsKnowledge check13 min
  3. 03Modern Tooling and Build SystemsKnowledge check12 min
  4. 04Capstone: Building and Deploying a Real ProjectKnowledge check16 min

20 lessons you don't have to write

At €99 a student, this licence pays for itself after 4. Everything after that is margin on work already done.

See the other courses