Skip to content

Making pages that respond Track

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.

“I would like to learn front-end development properly, in the right order, not tutorial by tutorial.”

the problem this track starts from

A woman with red hair concentrates at a desk with two monitors of code and a laptop

What is inside

91 lessons · about 13 min each · 19 h 43 min

  1. 01 HTML and CSS 14 lessons 3 h 2 min
  2. 02 Layout and responsive design 10 lessons 2 h 10 min
  3. 03 Accessibility 8 lessons 1 h 44 min
  4. 04 JavaScript 16 lessons 3 h 28 min
  5. 05 The DOM and events 12 lessons 2 h 36 min
  6. 06 Asynchronous JavaScript 10 lessons 2 h 10 min
  7. 07 Git and GitHub 7 lessons 1 h 31 min
  8. 08 React 14 lessons 3 h 2 min

// outcomes

You will be able to…

  • Build accessible, responsive interfaces with HTML, CSS and JavaScript
  • Work with APIs, Git and a React application
  • Show a finished portfolio project you built yourself

What’s included

  • A portfolio project that grows with every module
  • Every topic in the order it builds on the last
  • Weekly planning sheet and review questions
  • End-of-module exercises with the finished code shown on screen
  • 18 months of streaming access

who.txt

Who it suits

Career changers and self-taught learners who want the whole front-end path in one place. It does not include mentoring or job placement.

Suggested pace: 5 h a week · about 4 weeks

Pairs well with

Three questions about this track

How much time does it take each week?

There are 91 lessons, 19 h 43 min of video in total. At the suggested 5 hours a week that is about 4 weeks, but you set the pace: the planner works it out for other weekly hours.

How long can I watch it?

For 18 months from the day your access starts. Access details are emailed within one working day of payment, and you can rewatch any lesson as often as you like during that time.

Can I download the videos or ask a tutor?

No. The lessons are recorded and streamed online only, and there is no tutor, mentoring or marking of your code. The exercises listed under what’s included show the finished result on screen, so you can check your own work. Read before you start for what you need.