Tools
- 7-Zip for unpacking tar and tar.zip files
- Emerald (Crimson) Editor
- Komodo Edit: Free Open Source Editor
Lesson One: Introduction to the JavaScript Programming Language
A Comprehensive JavaScript Tutorial
JavaScript Syntax
- Variables
- Operators
- Arrays
- Control Structures
- Functions
Tools for the Web Developer (Firefox)
- Installing Firebug for Firefox.
- Installing Web Developer for Firefox.
- Installing DOM Inspector for Firefox.
Read
Lesson Two: Introducing core.js, JavaScript Version Detection and Regular Expressions
Links to Explore
- JavaScript Version 1.5 Reference
- Tutorial using Regular Expressions
- Example of Client-side Form Validation While this has some interesting code to analyze this is not the best approach overall to client-side form validation. We will consider this topic in greater depth later in the course.
Lesson Three: Events
Links to Explore
- Events compatibility tables
- Behavioral Separation by Jeremy Keith
- The Seven Rules of Unobtrusive JavaScript
Homework
- The task is to update a page so that it uses event listeners, it is an image map. Log into the student area for more information.
Lesson Four: Animation
Links to Explore
Homework
Lesson Five: Drag and Drop
Links to Explore
Lesson Six: Form Elements
Links to Explore
Lesson Seven: Interesting Scripts
Links to Explore