Web Languages Series:

JavaScript Fundamentals (CIWJSCRIPT)

JavaScript Fundamentals is a two-day course that teaches developers how to use the features of the JavaScript language and design client-side, platform-independent solutions. Students learn how to write JavaScript programs, script for the JavaScript object model, control program flow, validate forms, animate images, target frames, and create cookies. Students will also understand and use the most popular applications of JavaScript 1.2.

Target Audience

Webmasters, software developers, application programmers, client/server developers, and desktop publishers.

Job Responsibilities

Implement and maintain hypertext-based Web sites using authoring and scripting languages; apply human-factors principles to design; create Web content; and use Web management tools and digital media tools.

Prerequisites

Students must have CIW Foundations certification or equivalent experience, and be proficient in Hypertext Markup Language (HTML) authoring. No previous programming experience is required.

Topics

Introduction to JavaScript

  • Origins of JavaScript
  • JavaScript Characteristics
  • Common Programming Concepts
  • Java and JavaScript
  • Server-Side vs. Client-Side Applications
  • Annotating Code with Comments

Working with Variables and Data

  • Communicating with the User
  • Using Data More Than Once: Variables
  • Keywords and Reserved Words
  • Expressions
  • Operators
  • Inline Scripting, Simple User Events, and the onLoad and onUnload Event Handlers

Functions, Methods and Events

  • Functions
  • Methods as Functions
  • Defining a Function
  • Calling a Function
  • User Events and JavaScript Event Handlers

Controlling Program Flow

  • The if...else Statement
  • The while Statement
  • The for Statement
  • The break Statement
  • The continue Statement
  • The switch Statement
  • The do...while Statement

The JavaScript Object Model

  • The JavaScript Object Hierarchy Model
  • Commonly Used Objects
  • The window Object
  • The with Statement
  • The document Object
  • The image Object
  • The history Object
  • The location Object
  • The navigator Object

JavaScript Language Objects

  • JavaScript Language Objects
  • The String Object
  • Additional String Object Methods
  • Evaluating Strings
  • The Array Object
  • The Date Object
  • Setting and Extracting Time Information
  • The Math Object

Developing Interactive Forms

  • Overview of Form Controls
  • Referring to form Objects
  • The form Object
  • The button Object
  • The checkbox Object
  • The text and textarea Objects
  • The radio button Object
  • The select Object
  • Form Validation

Cookies and JavaScript Security

  • How Are Cookies Sent?
  • Storing Cookies
  • Why Use Cookies?
  • Assigning a Cookie
  • Testing for Cookie Presence
  • Clearing a Cookie
  • Controlling Cookies in the Browser
  • Cookies and Passwords
  • JavaScript Security Issues

Controlling Frames in JavaScript

  • Understanding Frames and Targets
  • Targeting Frames in JavaScript
  • Changing Two or More Frames
  • Frames, Functions and Variables
  • Targeting Windows
  • Windows, Functions and Variables

Client-Side JavaScript

  • Image Maps
  • Defining the Image Map
  • Adding Script to an Image Map
  • The navigator Object

Custom JavaScript Objects

  • Advantages of Custom Objects
  • Custom Object Demonstration
  • Creating a JavaScript Object: The Constructor
  • Creating an Instance of a Custom Object
  • Creating Object Methods
  • Creating Functions for Your Objects
  • Complex Custom Objects