Training at your office
or our computer labs

JavaScript Essentials Course

The 2 day JavaScript Essentials course is an introduction to scripting a Web Page with JavaScript where the modules introduce the main JavaScript concepts, such as how to write scripts and programming fundamentals required in JavaScript.

This is followed by a number of simple Projects which put these skills to use and introduce useful techniques in writing scripts.

At all times, students are encouraged to follow good design and writing principles. The examples and exercises are clear and written in a way to facilitate further development.

Throughout the course, key JavaScript concepts are explained and can be used later as a reference.

Prerequisites: Knowledge of HTML & CSS is required to attend this course – and completing the 1 day HTML & Web Principles course will meet this requirement.

  • Training Modules (Overview only)

    • Set Up and Validate Forms
    • Generate Slide Shows
    • Form Calculators
    • Jump Menus
    • Cascading Menus
    • Popup Dialogue Boxes
    • Collapsible Lists
  • What You Get

    • Designed Workbooks
    • Class exercises relevant to industry
    • Choice of Mac or PC
    • Phone AND email support
    • Free Course Resit
    • Small Classes (average 4 to 6)
$900 + GST  $850 + GST
2 Days | 9am–4:30pm

Course Dates

This product is unavailable or out of stock.

Course Outline

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
Top