Course Description

Students will learn how to use JavaScript to add advanced elements to their Web pages, including a browser gateway, images, sounds, layers, and cookies.
Benefits: Students will learn how to use JavaScript to add advanced elements to their Web pages, including a browser gateway, images, sounds, layers, and cookies.

Target Student:

Students enrolling in this course should understand the fundamentals of creating Web pages using HTML as well as the basics of JavaScript programming

Prerequisites:

HTML Programming: Level 1, HTML Programming: Level 2, and Introduction to JavaScript Scripting, or equivalent knowledge.

Delivery Method:

Instructor led, group-paced, classroom-delivery learning model with structured hands-on activities.

Performance-Based Objectives:

Lesson objectives help students become comfortable with the course, and also provide a means to evaluate learning. Upon successful completion of this course, students will be able to:

• Use JavaScript functions to create a browser gateway and a multiframe tour of a Web site.
• Manipulate JavaScript Image objects to create rotating banners, toggle buttons, and a slide show.
• Use the EMBED tag to add MIDI and WAV sound files to a Web site and JavaScript methods to manipulate those sound files.
• Manipulate the JavaScript Layer object to add a popup layer and transitions to a slide show.
• Use cookies to personalize a Web page, to store and retrieve information a visitor enters into a form, and to enable a shopping cart application.

Course Content

Lesson 1: Gateways and frames

Introduction to JavaScript 1.2
Creating browser gateways for a Web site
Creating a multiframe tour of a Web site

Lesson 2: Images

Creating rotating banners
Creating rollover buttons
Creating a slide show

Lesson 3: Sounds

Adding background MIDI music to a Web page
Adding WAV sounds to button clicks

Lesson 4: Layers

Adding layer popups to a Web page
Using layers to create slide-to-slide transitions to a slide show

Lesson 5: Cookies

Introduction to cookies
Storing and retrieving a Web site visitors form input
Creating a shopping cart application for a Web site
Critiquing the JavaScript Palace

Appendix A: JavaScript Resources on the Web

Appendix B: JavaScript Document Object Model

What's next: Introduction to JavaScript Scripting is the first course in this series.