Enhancing Web Pages with JavaScript (Third Edition)
Course Specifications
Course number: 085569
Software: JavaScript
Course length: 1.0 day(s)
Course Description
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. 
Course Objective: You will use JavaScript to add enhancements to a website.

Target Student: 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: To ensure students’ success with this course, we recommend that they first take the following Element K courses or have equivalent knowledge: 
•	Introduction to Programming
•	HTML Programming: Level 1 
•	HTML Programming: Level 2 
•	Web Development with Cascading Style Sheets
Delivery Method: Instructor led, group-paced, classroom-delivery learning model with structured hands-on activities.
Hardware Requirements
•	A PC-compatible computer.
•	A Super VGA monitor and video card capable of displaying at a resolution of 800 x 600 or greater. 
•	A mouse or compatible tracking device.
•	A CD-ROM drive.
Platform Requirements
•	Windows XP
Software Requirements
•	A connection to the Internet.
•	RAM requirements (minimum): 64 MB.
•	Hard Drive Space (full install): 200 MB.
•	Navigator 6x or higher, Internet Explorer 6x or higher, or both. 
Performance-Based 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.
Course Content
Lesson 1: Exploring JavaScript
Topic 1A: View JavaScript Effects
Topic 1B: Examine JavaScript Code
Topic 1C: Identify Errors in JavaScript

Lesson 2: Getting Started with JavaScript
Topic 2A: Display Messages in the Browser Window
Topic 2B: Manage Events
Topic 2C: Create Functions and Variables

Lesson 3: Managing Object References and Control Structures
Topic 3A: Assign Object References
Topic 3B: Examine Control Structures and Code Formatting Techniques
Topic 3C: Navigate Web Pages with the Select Object

Lesson 4: Creating Interactivity with Images
Topic 4A: Swap Images
Topic 4B: Create Image Rollovers
Topic 4C: Automate Dynamic Image Swapping

Lesson 5: Creating Dynamic Styles and Positioning Effects
Topic 5A: Manage Browser Differences
Topic 5B: Change Styles Dynamically
Topic 5C: Position Dynamic Elements

Lesson 6: Working with Windows and Frames
Topic 6A: Create Frames
Topic 6B: Change Contents of a Frame
Topic 6C: Load Pages into New Windows

Lesson 7: Validating Form Data
Topic 7A: Validate Data with Functions
Topic 7B: Calculate Numeric Values
Topic 7C: Script onSubmit and onReset Events