Unit 7

JavaScript

Make pages interactive: the JavaScript language, the DOM, events, timers, form validation and a complete 2D canvas game.

What you will learn

After this unit you can:

Explain what JavaScript is and where it runs
Add JavaScript to a page
Declare variables and use data types, operators, control structures, arrays, objects and functions

Topics in this unit

7.1Introduction to JavaScript✓7.2JavaScript Usage: Internal and External2 code examples✓7.3Variables4 code examples✓7.4Control Structures3 code examples✓7.5Objects and Arrays3 code examples✓7.6Functions2 code examples✓7.7The DOM (Document Object Model) Tree1 code example · 1 diagram✓7.8.1Accessing elements (by name, ID, class)1 code example✓7.8.2Manipulating elements and styles2 code examples✓7.8.3Working with forms2 code examples✓7.8.4Handling events4 code examples · 1 diagram✓7.8.5Scheduling: setTimeout, setInterval, clearInterval1 code example✓7.9Form Validation1 code example · interactive lab✓7.10.1Canvas basics and the game loop2 code examples · 2 diagrams✓7.10.2Sprite sheet animation2 code examples · 1 diagram✓7.10.3Key event handling1 code example✓7.10.4Object collider2 code examples · 1 diagram✓7.10.5Anonymous functions1 code example✓7.10.6Complete example: Coin Collector1 code example✓7.11Review Questions4 code examples✓