Advanced JavaScript: DOM Scripting - DHTML

$800.00


  • Virtual Classroom

  • Onsite

← Continue Searching

Duration: 2 Days

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).

What You Will 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)

Audience

 

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

Prerequistes

 

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

Course Labs