Overview
Gain practical knowledge of dynamic scripting techniques by working with real-world examples of animation, shopping carts and calendars. You will learn and test concepts of menus and cookies to enable better Web page interactivity. You will learn all this with an emphasis on browser independence and the latest Web Standards compliant techniques. The course ends with a look at the future of DOM Scripting through AJAX: Asynchronous JavaScript and XML.
Objectives
- Generate page animation by joining CSS and JavaScript, enabling you to move page elements gradually to specific locations on the page or having 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 DOMScripting (DHTML)
Prerequisites:
- Advanced Web Design: Layout, Forms, and Scripting
Follow-Ups:
- Introduction to XML
- Introduction to ColdFusion MX 7 for New Programmers
- Fundamentals of ASP.NET using VB.NET and C#
- Fundamentals of JavaServer Pages
Course duration
2 Days
Course outline
Timed Animation with CSS
- Animation Steps
- Phasing” Elements with the Clip Style
- Event Handling
- Clipping
JavaScript Effects
- Fading
- Page Loading
- InnerHTML
- Create Element, Append Child
- Dragable Content
- Shopping Carts
- Calendars
DHTML Menus
- Drop Down Menus
- Menus without DHTML… and the future of Menus
DHTML with Data
Advanced Regular Expressions and Backreferences
- Working with Backreferences
- Inline Backreferences
Cookies
- Cookies in JavaScript
- Cookies Demonstration
Auto-Populating SELECT Lists
Appendix A: Color Values and Hexadecimal Triplets
Appendix B: DHTML in Various Browsers
Appendix C: Generating Status Bar Messages
- The window’s status Property
Appendix E: Regular Expression References
- Character Types and Ranges
- Quantity Indicators
- Location Indicators
- Other Special Characters
- Attributes/Modifiers
Appendix F: The future in AJAX: JavaScript and XML
- A Survey of AJAX Libraries
Appendix G: Recommended Resources
|
