Skip to content

~/web-learning/tracks

Plan the weeks, then pick the courses

Choose what you want to be able to do and how many hours a week you can give it. The planner lists the courses in the order they build on each other and works out how long they take at your pace.

// at 4 h a week

6 weeks

Courses
3
Lessons
111
Video
20 h 25 min
Together
£1,941
What do you want to do?

Starting from an empty file · 3 courses in order

  1. Hands typing on a small laptop with code on screen, a notebook and a camera lens beside it

    01 HTML and CSS: Your First Page, Line by Line

    39 lessons · 7 h 9 min

    2 weeks

    £521
  2. A person types on a laptop showing code with a second laptop open beside it on a light desk

    02 Layout with Flexbox and Grid

    38 lessons · 7 h 36 min

    2 weeks

    £652
  3. Two hands resting on a laptop keyboard seen from above on a white desk

    03 Accessible Web Pages: Keyboard, Contrast and Screen Readers

    34 lessons · 5 h 40 min

    2 weeks

    £768
Weeks are rounded up from the video running time; exercises add time of their own.
A woman with red hair concentrates at a desk with two monitors of code and a laptop

or, as one route

The Front-End Track: Empty File to React

HTML, CSS, layout, accessibility, JavaScript, the DOM, asynchronous code, Git and React as one ordered route, with a portfolio project growing alongside.

91 lessons in 8 modules · 19 h 43 min · about 5 weeks at 4 h

£622 more than the courses above, for a longer route that goes beyond this shelf.

  • HTML and CSS
  • Layout and responsive design
  • Accessibility
  • JavaScript
  • The DOM and events
  • Asynchronous JavaScript
  • Git and GitHub
  • React
£2,563

~/web-learning/tracks/build-your-own

Build your own bundle

Tick any of the 16 courses and tracks, from any shelf, and add them to your cart in one go.

~/empty-file Starting from an empty file
Hands typing on a small laptop with code on screen, a notebook and a camera lens beside it
A person types on a laptop showing code with a second laptop open beside it on a light desk
Two hands resting on a laptop keyboard seen from above on a white desk
~/own-site Running your own website
A man in a patterned shirt edits a website on a laptop at a desk with small boxes and a notepad
Top view of hands on a laptop showing a business website next to sketches and blue vases on a desk
A smiling woman in a red dress works on a laptop at a white desk with a plant
A craftsman in a plaid shirt works on a laptop at a workshop bench beside chisels and a notebook
~/interfaces Making pages that respond
A woman with red hair works at a desk monitor full of code in an office
A woman types at a desktop computer showing multicoloured code in a bright office
A laptop on a wooden desk showing a code editor next to a coffee mug
A man in a plaid shirt works at two monitors with code in a green-walled office
A woman with red hair concentrates at a desk with two monitors of code and a laptop
~/online Getting it online and fast
A bearded man in glasses types at a keyboard in front of two monitors full of code
A laptop with a code editor glowing on a dark desk lit in blue
Close view of a laptop screen showing code with a window reflected across it
A woman wearing headphones works at a standing desk with two monitors beside a tall city window

0 selected · £0

~/web-learning/tracks/compare

The 3 tracks side by side

Lessons, running time, price and modules of each track
TrackLessonsRunning timePriceModules inside
The Own-Site Track: Build, Publish, Get Found 56 11 h 12 min £1,968 HTML and CSS basics / Responsive layout / Templates and forms in PHP / Hosting, domains and going live / Accessibility checks / Search basics
The Front-End Track: Empty File to Reactyour plan 91 19 h 43 min £2,563 HTML and CSS / Layout and responsive design / Accessibility / JavaScript / The DOM and events / Asynchronous JavaScript / Git and GitHub / React
The Full Web Track: Every Course, One Route 138 27 h 36 min £3,138 Pages and layout / Accessibility / Your own site: WordPress and PHP / Search basics / JavaScript and the DOM / Asynchronous code and React / Git, hosting and going live / Performance