About Apex InfoTech Information Services Products Consulting Online Courses Certifications Course Schedule Reserve your seat Search Apex InfoTech Home Page
Course ScheduleSearch by Course NumberPrint this documentEmail this documentRegister for this course
JavaScript 1.5

Course 50058: Three days; Instructor-Led

Introduction

Elements of this syllabus are subject to change.

This three-day instructor-led course provides students with the knowledge and skills to start creating and working with JavaScript. This course covers the material you need to know to become proficient using JavaScript with your Web pages. You will learn JavaScript’s critical elements, including language syntax, script design, and deployment. This course will provide you with a strong foundation in JavaScript and enable you to build JavaScript-enabled Web pages correctly and with confidence.

Audience

This course is intended for:

Beginning Web designers who want to know as much about JavaScript as possible to enhance their Web sites

Webmasters who want to code and debug complex Web projects, and learn to reduce server traffic by manipulating data in the browser with JavaScript

Web developers who need to expand beyond the limits of HTML

At Course Completion

After completing this course, students will be able to:

Write JavaScript code and use it in Web pages.

Understand how JavaScript interacts with HTML forms.

Grasp the fundamentals of JavaScript data types, such as Strings, Integers, and Booleans.

Understand the basics of looping and array handling.

Handle errors and exceptions gracefully in applications.

Model data by using an object-based approach.

Organize JavaScripts to make them easier to change in the future and implement into other projects.

Prerequisites

Before attending this course, students must have:

Practical experience with personal computers and desktop workstations.

Knowledge of the most popular browser platforms (Microsoft Internet Explorer 5.0 or later, Mozilla/Netscape, Opera).

General knowledge of HTML/XHTML tags and forms.

Basic programming knowledge is helpful, but not necessary.

Course Outline

Module 1: Introduction

This module explains the differences between Java and JavaScript and how to work with simple operators and variables.

Lessons

JavaScript’s Humble Beginning

JavaScript and ECMA

New Features of JavaScript 1.5

So Many Browsers

Introduction to the DOM

Script Placement

Variables, Expressions, and Evaluations

Lab 1: Introduction

Overview

Dynamic Writing and Event Handlers

External Script Launching

JavaScript Links and Calculations

After completing this module, students will be able to:

Understand when JavaScript is the best solution.

Understand key differences between popular browsers.

Work with simple operators and variables.

Do simple calculations and conversions with integers.

Module 2: JavaScript Conditions and Loops

This module explains how if and if…else constructions work, the benefits of looping control structures, and how to organize with labeled statements.

Lessons

The if/if…else Control Structure

The Switch Statement

Boolean Operators: NOT/AND/OR and Bitwise

Loops

The with Statement

Lab 2: JavaScript Conditions and Loops

Overview

Loop the Loop: A Dynamic Table

Decision Structure: Controlling the Table

After completing this module, students will be able to:

Understand how if and if…else constructions work.

Understand switch constructions.

Discover Boolean operators.

Use looping control structures.

Minimize typing by using with.

Organize with labeled statements.

Module 3: Strings and Functions

This module explains how to manipulate strings in JavaScript, create functions and understand their parameters, and how to return data from functions.

Lessons

Strings

Functions

Variable Scope

Lab 3: Strings and Functions

Build the Page Dynamically

Create a Function for the Calculations

After completing this module, students will be able to:

Manipulate strings in JavaScript.

Create functions in JavaScript.

Understand how function parameters are used.

Return data from functions in JavaScript.

Understand variable scope.

Module 4: Arrays

This module explains arrays and how they are used.

Lessons

Introduction to Arrays

Simple Arrays

Arrays as Structures

Parallel Arrays

Multidimensional Arrays

Using the Array Object

Lab 4: Arrays

Overview

Delimited String to Arrays

Product Displaying

After completing this module, students will be able to:

Define an array.

Use simple arrays.

Use the various syntaxes for creating arrays.

Create array structures.

Understand the difference between simple and parallel arrays.

Use parallel arrays.

Use multidimensional arrays to manage structures.

Join and slice array methods.

Module 5: Form Interaction

This module explains how to use complex controls, retrieve the values from a form, and how event handlers can be used.

Lessons

Form Objects

Form Elements

Validation and the onSubmit Event

Lab 5: Form Interaction

Overview

Terminal: Routing and Setup

Defining Validations

After completing this module, students will be able to:

Control the various form objects that are available.

Use complex controls like select-one objects, radio objects, and check box objects.

Retrieve the values from a form and work with them in code.

Understand how event handlers can be used with the form and other objects.

Understand the two main validation techniques and how to apply them.

Module 6: Built-In Objects

This module explains how to use the Date object, calculate with the Math, Number and Boolean objects, and traverse String objects.

Lessons

String Objects

Date() Object

setInterval() and setTimeout()

Math Objects

Regular Expressions and the RegExp Object

Lab 6: Built-In Objects

Overview

Terminal: Routing and Setup

Defining Validations

Displaying Results

After completing this module, students will be able to:

Understand how the common JavaScript objects are used.

Discern the available information in the Navigator object.

Use the Date object.

Calculate with the Math, Number, and Boolean objects.

Traverse String objects.

Express oneself with RegExp.

Module 7: Windows and Frames

This module explains how to spawn windows, launch functions in spawned windows, and modify attributes. It also explains how to use modal dialog boxes and create a frameset.

Lessons

The Window Object

Lab 7: Windows and Frames

Overview

The Date Selection Frame

Important Date Pop-Up Info

After completing this module, students will be able to:

Spawn a new window by using JavaScript.

Create content for windows spawned through JavaScript.

Launch new functions in spawned windows.

Pass values to spawned windows.

Modify attributes.

Use modal dialog boxes in Microsoft Internet Explorer 5.0 or later.

Create a frameset.

Understand the relationship between parent and child frames.

Use inline iframes.

Module 8: Event Handling

This module explains how to understand the key differences between popular browser event models, use simple form element event handlers, and how to use the Event() object.

Lessons

Popular Browser Event Models

Event Objects

Browser Differences

Event Types

Lab 8: Event Handling

Overview

Mouse Interception

Title Cell Info

After completing this module, students will be able to:

Understand the key differences in the most popular browser event models.

Find challenges and solutions of scripting cross-platform events.

Use simple form element event handlers.

Script event handlers by using the Event() object.

Module 9: Error Handling

This module explains how to read error messages, create try…catch blocks and custom Error objects, and learn to test scripts.

Lessons

Error Message Reading

Exception Handling

JavaScript Debugging

Lab 9: Error Handling

Overview

Bullet-Proof Functions

Nested try…catch

Venkman Test

After completing this module, students will be able to:

Read error messages effectively.

Investigate problems with scripts.

Create try…catch blocks.

Create customized Error objects.

Module 10: Custom Effects

This module explains how to create methods for function objects, and set up properties and prototype and prototype properties and methods.

Lessons

Functions

Variables and Arguments

Objects and Properties

Objects and Methods

Method Overriding

Best Practices

Lab 10: Custom Objects

Overview

Crackers, Photos, and Their Methods

User Interface Building

After completing this module, students will be able to:

Understand how functions are used and their part in data type creation.

Create methods for function objects.

Understand how JavaScript objects were designed in the past.

Understand function arguments and parameters.

Set up properties and prototype properties and methods.

Understand best practices for code organization.

For more information or to give feedback, send e-mail to info@OneApex.com or call 949-597-2100