Course Overview

You have been developing web pages using HTML programming and are able to style web pages with CSS.  You can make your web pages more engaging to the user by introducing enhancements using JavaScript.  In this course, you will examine the use of JavaScript on web pages to enhance the user interface, enable browser compatibility of web pages for both Navigator and Internet Explorer, and also use the error-handling features of your browser to find and correct scripting errors.

You will use JavaScript to add enhancements to a website.

Objectives

Upon successful completion of this course, students will be able to:

• explore JavaScript web page effects and JavaScript code in an HTML document, and interpret error messages from web browsers.
• examine the basic concepts of JavaScript.
• assign JavaScript object references and examine programming control structures and code formatting techniques.
• create dynamic image effects on a web page by swapping images, creating rollover effects, and automatically swapping images.
• create dynamic styles and position effects for both Netscape Navigator and Internet Explorer.
• create frames, and load new pages into frames and new custom browser windows.
• validate form data.

Audience:

This course is intended for students who understand the basics of how the Internet works, the basics of HTML, the basics of programming concepts, and the basics of Cascading Style Sheets

Prerequisites:

·          Introduction to Programming

·          HTML Programming: Level 1

·          HTML Programming: Level 2

·          Web Development with Cascading Style Sheets.

Lesson 1: Exploring JavaScript

• View JavaScript Effects
• Examine JavaScript Code
• Identify Errors in JavaScript

Lesson 2: Getting Started with JavaScript

• Display Messages in the Browser Window
• Manage Events
• Create Functions and Variables

Lesson 3: Managing Object References and Control Structures

• Assign Object References
• Examine Control Structures and Code Formatting Techniques
• Navigate Web Pages with the Select Object

Lesson 4: Creating Interactivity with Images

• Swap Images
• Create Image Rollovers
• Automate Dynamic Image Swapping

Lesson 5: Creating Dynamic Styles and Positioning Effects

• Manage Browser Differences
• Change Styles Dynamically
• Position Dynamic Elements

Lesson 6: Working with Windows and Frames

• Create Frames
• Change Contents of a Frame
• Load Pages into New Windows

Lesson 7: Validating Form Data

• Validate Data with Functions
• Calculate Numeric Values
• Script onSubmit and onReset Events