In this course, you will gain practical knowledge of dynamic scripting techniques by working with real-world examples of animation, shopping carts, and calendars. Learn and test concepts of menus and cookies to enable better web page interactivity with an emphasis on browser independence and the latest web standards-compliant techniques. Conclude with a look at the future of DOM scripting through Asynchronous JavaScript and XML (AJAX).

This course is the second part of WestLake Capstone Series: JavaScript: DOM Scripting (DHTML). WestLake's Capstone Series courses are project-based and provide hands-on experience to gain practical knowledge of course topics. To take advantage of the Capstone concept, students interested in this course should also enroll in Introduction to JavaScript: DOM Scripting. If you attend both Introduction to JavaScript: DOM Scripting and Advanced JavaScript: DOM Scripting (DHTML) and complete the Capstone project, you will receive the WestLake Capstone certificate, along with real-world sample code. Both courses are delivered within the same week.

What You'll Learn

• Generate page animation by joining CSS and JavaScript, enabling you to move page elements gradually to specific locations on the page or to have sections appear and disappear in response to user actions
• Build dynamic pages that respond to selecting text, pressing keys, dragging and dropping page elements, resizing of windows, and more
• Create shopping carts and calendars
• Control cookies
• Create reusable code with object-oriented programming techniques
• Understand the future of DOM scripting (DHTML)

Who Needs to Attend

Web designers and developers who need to work with client-side scripting in their web applications.

Prerequisites

• Web Fundamentals and Design

Follow-On Courses

• XML Developer
• .NET Web Developer
• Java Web Developer

Course Outline

1. Timed Animation with CSS

• Animation Steps

2. "Phasing" Elements with the Clip Style

• Event Handling
• Clipping

3. JavaScript Effects

• Fading
• Page Loading
• InnerHTML
• Create Element, Append Child

4. Dragable Content

5. Shopping Carts

6. Calendars

7. DHTML Menus

• Drop Down Menus
• Menus without DHTML and the Future of Menus

8. DHTML with Data

• Searching Data

9. Advanced Regular Expressions and Backreferences

• Working with Backreferences
• Inline Backreferences

10. Cookies

• Cookies in JavaScript
• Cookies Demonstration

11. Auto-Populating SELECT Lists

12. Appendix A: Color Values and Hexadecimal Triplets

13. Appendix B: DHTML in Various Browsers

14. Appendix C: Generating Status Bar Messages

• The Window's Status Property

15. Appendix D: Regular Expression References

• Character Types and Ranges
• Quantity Indicators
• Location Indicators
• Other Special Characters
• Attributes/Modifiers

16. Appendix E: The Future in AJAX: JavaScript and XML

• A Survey of AJAX Libraries

17. Appendix F: Recommended Resources