Introduction

• A Short History of JavaScript
• What is JavaScript?
• What Can We Do with JavaScript?

Writing JavaScript

• Writing JavaScript
• When JavaScript Runs
• Readability
• JavaScript and XHTML
• Our Template Page

Getting Your Hands Dirty

• The JavaScript Sampler
• Statements
• Expressions
• Variables & Assignment Statements
• The Naming of Variables
• Declaring Variables
• Functions
• Comments
• Data Types
• Numbers
• Strings
• boolean
• Using Data Types
• Objects
• Undefined or Not Defined?
• Summary

Numbers & Arithmetic

• Basic Operations
• Other Arithmetic Operators

String Operations

• String Concatenation
• String Properties
• Changing Data Types
• parseInt() parseFloat()

Boolean Calculations

• Boolean Calculations

Guessing Game

• Outline
• Game Function
• Game Loop
• Testing the Value
• A Random Number function
• Adding a Score
• Early Exit
• Testing for Numbers
• Creating an Ordinal Function
• Getting the last digits
• Using switch to differentiate on the last digit
• Using the Ord Function
• The JavaScript Library

Validating Forms

• Form Outline
• Setting up the Form
• Selecting the first Field
• Confirming Form Reset
• Conditional Form Submission
• Error Array
• Reporting the Error
• Allowing or Cancelling Submit
• Setting up the Error Array
• The Validation Script
• Validation: Required Fields
• Using Regular Expressions

Validating Forms (continued)

• Project 2 Validating Forms
• Prototype
• Fixing Text Fields
• Empty Strings
• Validation: Specific Types
• Email
• Password Matching
• Post Codes
• Checking a Radio Button
• Testing the Radio Buttons
• Numeric Values
• Disappearing Text Boxes
• Checking A Select Menu
• Minimum Password Length

Slide Show

• The Basic Outline
• Outline of the JavaScript
• Initialising and Global Variables
• Locating and Assigning the slides img element
• The slides Array
• The Next Slide
• Incrementing and Rolling over the Slide Number
• Getting the show going
• Prefetching the Images
• Stopping the Show

Form Calculators

• A Mortgage Calculator
• Preparing the Form
• Initialisation & Setup
• The Calculate Function

Jump Menus

• Jump Menus

Cascading Menus

• HTML Menus
• Cascading Menus
• Preparing the Script
• Populating the Groups Menu
• Adding Option Elements
• Converting to a List
• Populating the items Menu
• Clearing the Items Menu
• Populating the Menu
• Disabling Menus
• Simplifying the code with an addOption Function

Popup Dialogue Boxes

• JavaScript Dialogue Boxes
• Appearing and Disappearing divs
• The popup div
• Starting Off
• Finding the popup element
• Centring the Popup
• Enabling the Buttons
• Form Actions
• Showing & Hiding the Popup
• Creating the Background
• Optional: Creating the Background in JavaScript
• Optional: Adding a Title Bar

Collapsible Lists

• HTML Lists
• Collapsible Lists
• Setting Up
• Finding Nested Lists
• Changing HTML attributes
• Changing Classes
• Preventing Multiple Triggering