WEBVTT

00:00:00.000 --> 00:00:06.000
What makes a website react when you click?

00:00:06.000 --> 00:00:13.000
JavaScript can add behaviour and update page content.

00:00:13.000 --> 00:00:18.000
Meet the interactive layer.
6 useful JavaScript basics.

00:00:18.000 --> 00:00:30.000
It is a programming language
JavaScript can run instructions in the browser.
Program logic · Browser execution · Interactive behaviour

00:00:30.000 --> 00:00:42.000
It responds to events
A click, key press or submitted form can trigger an action.
Click or tap · Keyboard action · Form submission

00:00:42.000 --> 00:00:54.000
It can update the page
Useful changes can happen without a full page reload.
Updated results · Visible feedback · Changed content

00:00:54.000 --> 00:01:06.000
It can contact services
A page can request data and display the response.
Service request · Returned data · Updated interface

00:01:06.000 --> 00:01:18.000
Keep interactions accessible
Keyboard operation and clear feedback still need attention.
Keyboard access · Visible status · Useful error messages

00:01:18.000 --> 00:01:30.000
Test failure as well as success
Important tasks need sensible handling when something goes wrong.
Slow response · Failed request · Recoverable next step

00:01:30.000 --> 00:01:39.000
Your checklist
It is a programming language · It responds to events · It can update the page · It can contact services · Keep interactions accessible · Test failure as well as success

00:01:39.000 --> 00:01:47.000
Make every interaction serve a useful task.
jerseyweb.je