Advanced JavaScript and Designing with Dynamic HTML

The Designing with Dynamic HTML and Advanced JavaScript training class teaches you the Dynamic HTML and JavaScript techniques you need to fully exploit the new capabilities of Netscape Communicator 4 and Microsoft Internet Explorer 4. The cutting edge topics you will master in this course include:

For example, let's say you have a site that sells hardware. As the user goes from page to page and selects the items she wishes to order from you, these items could be recorded as cookies. Later, when she chooses to "check out," these cookies could be retrieved and processed as part of the order, and a cookie with her order number could be saved.

Since cookies can be saved even after the browser is quit or the computer shut down, when the user visits your site two days later to check on the status of her order, a page on your site could automatically read the cookie with her order number and use this to immediately alert her of the order's status, without her even having to click on a link or enter her order number.

Note: Despite rumors to the contrary, cookies pose almost no substantive privacy risk.

The course includes a comprehensive workbook, as well as a copy of O'Reilly & Associates' Dynamic HTML: The Definitive Reference. Although there are significant differences in how Communicator 4 and Internet Explorer 4 implement Dynamic HTML, this course applies evenly to both browsers, and teaches students how to work around the incompatibilities that exist.

All students should be experienced users of all the HTML skills taught in WestLake's three HTML courses and should also have completed either JavaScript for Interactive Web Design or JavaScript for New Programmers.

Important Note: It is assumed that all students are familiar with the basics of CSS and Layers, as taught in Introduction to Dynamic HTML, prior to signing up for this course.


Course Outline

Prerequisites: It is assumed that all students are familiar with the basics of Cascading Style Sheets and Layers, as taught in WestLake's Introduction to Dynamic HTML class.

In addition, students should be comfortable with HTML, and should also have completed either JavaScript for New Programmers or JavaScript for Interactive Web Design.

Student Objectives:

Day One (9:00 am to 4:00 pm)

9:00 Introduction to Dynamic HTML

9:20 Review of Cascading Style Sheets

9:45 Introduction to the Internet Explorer Document Object Model (DOM)

10:25 Break

10:35 Dynamic Positioning in Netscape

11:30 Timed Animation with CSS

12:00 Lunch

1:00 Cross-Platform DHTML animation

2:00 Event Handling in Version 4 Browsers

2:30 Break

2:40 Phasing Elements with the Clip Style

4:00 Conclude Day One

Day Two (9:00 am to 4:00 pm)

9:00 Event Handling in Communicator

10:00 Adjusting the Clip Style in Netscape

10:30 Break

10:40 Dragable Content in Internet Explorer

11:30 Dragable Content in Netscape

12:30 Lunch

1:30 Making Page Elements Interact Smoothly

2:30 Break

2:40 Controlling Cookies with JavaScript

3:00 A look to the Future of DHTML

3:45 Conclusion