Skip to content

Making pages that respond Course

The DOM and Events: Pages That React

Selecting elements, changing content, handling clicks, keys and form input, and building menus, tabs and live filters that still work with a keyboard.

“I know the JavaScript basics, but connecting them to buttons and forms is where I get lost.”

the problem this course starts from

A woman types at a desktop computer showing multicoloured code in a bright office

What is inside

38 lessons · about 12 min each · 7 h 36 min

  1. 01 The document as a tree 6 lessons 1 h 12 min
  2. 02 Selecting and changing elements 8 lessons 1 h 36 min
  3. 03 Events and delegation 8 lessons 1 h 36 min
  4. 04 Forms and validation 7 lessons 1 h 24 min
  5. 05 Building components 9 lessons 1 h 48 min

// outcomes

You will be able to…

  • Select, create and change elements from JavaScript
  • Handle user events without duplicating code
  • Build accessible interactive components

What’s included

  • Six interface pieces built from scratch: menu, tabs, modal, accordion, filter, form check
  • Keyboard and screen reader behaviour checked for each
  • Event delegation explained with a live example
  • End-of-unit exercises with the finished code shown on screen
  • 18 months of streaming access

who.txt

Who it suits

Learners who have finished JavaScript from Zero or know the language basics.

Suggested pace: 3 h a week · about 3 weeks

Pairs well with

Three questions about this course

How much time does it take each week?

There are 38 lessons, 7 h 36 min of video in total. At the suggested 3 hours a week that is about 3 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.