Powered by Olark

JavaScript

JavaScript Programming

Overview

In order to provide meaningful information to corporate intranet users and to compete for business on the World Wide Web, organizations must build Web sites that are effective and responsive. JavaScript is a programming language that provides a powerful tool for rapidly developing highly interactive, dynamic Web sites. This programming language introduces students to JavaScript and how the it can be used in creating interactive web pages.

This course provides in-depth hands-on experience writing client-side JavaScript. You learn how to integrate JavaScript into your Web pages and create an interactive and dynamic Web site.

Prerequisites
To succeed fully in this course, students should be able to:

  • Define common computer terminology
  • Solve mathematical or technical problems
  • Understand the concept of a variable
  • Execute commands using a command-line interface

Course Highlight

  • Introduction to JavaScript
  • What is JavaScript?
  • Foundations of Dynamic HTML
  • The JavaScript programming model
  • JavaScript syntax
  • Writing client-side JavaScript
  • Interacting with the browser
  • Handling browser events
  • Using cookies for persistence
  • Client-side form validation
  • Dynamic HTML
  • Capturing browser events
  • Complementary Technologies

Course Outline
Introduction and overview

What is JavaScript?

  • Capabilities
  • Limitations

Applications of JavaScript

  • Client-side
  • Server-side
  • Writing JavaScript for several browsers

Fundamentals of JavaScript

  • The JavaScript programming model
  • Formatting and coding conventions
  • Embedding JavaScript in HTML

JavaScript syntax

  • Declaring variables and arrays
  • Statements, operators and relational expressions
  • Making decisions with if and else
  • Performing loops with while and for
  • Defining and invoking functions

Using built-in objects

  • The String object and string manipulations
  • The Date object
  • Dynamically updating a Web page using the document object

Writing client-side JavaScript

  • Creating eye-catching animation and graphics
  • Developing dynamic links
  • Creating rollover graphics
  • Using off-screen images for animation
  • Manipulating images dynamically

Interacting with the browser

  • Utilizing browser objects
  • Using pop-up dialog boxes and prompting users for input
  • Opening, closing and writing to new browser windows
  • Manipulating the contents of frames
  • Writing to the browser status line
  • Determining browser type and version

Handling browser events

  • Trapping the JavaScript event handlers
  • Triggering interaction with user actions
  • Scheduling future tasks with timer events
  • Microsoft and Netscape browser support

Using cookies for persistence

  • How cookies operate
  • Creating, reading & manipulating cookies
  • Implementing personalization with cookies

JavaScript security

  • Denial-of-service and spoofing attacks
  • Security holes and browser policies

Creating Forms

  • Client-side form validation
  • Accessing and modifying form fields with JavaScript
  • Checking form fields on the fly
  • Validating user input without server-side scripts
  • Accessing drop-down select box options
  • Controlling form submission

Adding interactivity to forms

  • Assigning JavaScript functions to form elements
  • Implementing a drop-down menu for site navigation
  • Performing actions based on form events

Dynamic HTML

  • Overview of DHTML
  • Using Cascading Style Sheets (CSS)
  • Capabilities of DHTML
  • DHTML and the Document Object Model (DOM)
  • The role of JavaScript in DHTML

Implementing DHTML

  • Dynamically repositioning elements on a page
  • Dynamically modifying documents
  • Manipulating images
  • Collapsible outlines, dynamic document reflow and inner HTML

Capturing browser events

  • Capturing mouse events
  • Dragging images within a Web page

Complementary Technologies

  • Controlling Java from JavaScript
  • Interfacing with ActiveX and plug-ins