JSAS – 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.
 

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.

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