Advanced Javascript Scripting

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

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

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.

Lesson Objectives: 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 visitor’s 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


Prerequisites:

HTML Programming: Beginner, HTML Programming: Advanced, and Introduction to JavaScript Scripting, or equivalent knowledge.