Enhancing Web Pages with JavaScript

Upcoming Class Dates

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 courses or have equivalent knowledge:

• Introduction to Programming

• HTML Programming: Level 1

• HTML Programming: Level 2

• Web Development with Cascading Style Sheets

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