Summary:

This course will introduce the student to the JavaScript programming language through the use of detailed lecture and in-depth hands-on exercises. By the end of the week the student will be able to effectively apply JavaScript to their web based applications to enhance the user experience and create more powerful and interactive online software.

Duration:

40 Hours of Lecture and Lab

Topics:

• JavaScript Overview
  • What is JavaScript?
  • The History of JavaScript
  • The Uses of JavaScript
  • JavaScript vs. Other Languages
• JavaScript Hello World
  • Creating the Necessary HTML
  • Working with the Script Tag
  • Aiming for Backwards Compatibility
• JavaScript Expressions and Operators
  • JavaScript Expressions
  • Arithmetic Operators
  • Equality Operators
  • Boolean Operators
  • Operator Shortcuts
• JavaScript Flow of Control
  • Blocks, Braces and Semi-Colons
  • If, Else If and Else
  • Using the Ternary If Shortcut
  • Looping with While, Do While and the For Loop
  • The Switch Statement
• Functions
  • JavaScript Functions Defined
  • Working with Optional Parameters
  • Passing Functions as Parameters to Other Functions
  • Defining Inline Functions
• JavaScript Arrays
  • When to Use Arrays
  • Basic Array Syntax
  • Array Literals
  • Working with Multi-Dimensional Arrays
  • Sorting Arrays
  • Creating Custom Array Sort Logic
• Document Object Model
  • What is the DOM
  • DOM Level 1 vs. DOM Level 2
  • Using the DOM to Interact with Forms
  • Working with the "Document" Object
• Form Validation
  • The Basics of Form Validation
  • Validating Text Fields
  • Validating Selects
  • Validating Radio Buttons and Checkboxes
  • Advanced Validation with Regular Expressions
• OO Programing with JavaScript
  • Object Oriented Programming vs. Object Based Programming
  • Defining a Custom Object in JavaScript
  • Working with Properties
  • Creating Custom Methods for Your Objects
  • Advanced Methods of the String Object
  • Working with the Date Object
• Working with the Browser
  • Manipulating Browser Location
  • Working with the Browser History
  • Prompts and Dialogs
• Dynamic HTML
  • What is DHTML?
  • Creating Rich Web Interfaces with DHTML
  • Using the DOM to Manipulate Existing HTML
  • Using the DOM to Dynamically Build New HTML
• JavaScript Libraries
  • Why Use a Library?
  • The Prototype Library
  • Scriptaculous
  • Dojo
  • JQuery
• JavaScript Best Practices
  • Variable Naming Conventions
  • Avoiding Name Collisions
  • Be Careful with Comments
  • Compressing Source Code
  • Optimizing for Speed
  • Accessibility Issues
  • User Interface Do's and Dont's

Prerequisites:

The students should have existing familiarity with HTML and experience with at least one high level programming language such as Basic, Pascal, C, C++, C#, Java or Cobol.