|
|
|
wl330-ver3.0
Advanced JavaScript: Forms, Cookies, and Windows (2 days)
Description
This courseware training guide book will build on our popular Introduction to JavaScript courses, Advanced JavaScript: Forms, Cookies, and Windows teaches you the skills you need to enhance your Web sites with advanced JavaScript-driven features.
Suggested Prerequisites• Introduction to JavaScript for New Programmers
Next Course• Advanced JavaScript: Dynamic HTML
• Introduction to XML
Objectives• Perform advanced form validation immediately after a user fills in a field and automatically highlights the sections that need to be corrected
• Control cookies with JavaScript
• Master regular expressions and enable scripts to interactively check whether a string of characters matches a specific pattern
• Build adaptive forms that change automatically as the user enters data
• Understand complex control structures including break, continue, do-while, for-in, switch-case, and more
• Create reusable code with object-oriented programming techniques such as inheritance, classes, and objects
• Understand the full capabilities of the date and location objects to time stamp form submissions, create navigation menus, and more
Course OutlineIntroduction
Regular Expressions • The Regular Expression Object • Character Types and Ranges • Quantity Indicators • Location Indicators • Ignoring Case with the iModifier • Specifying Alternates • Example: Experimenting with Regular Expressions • Example: Form Validation • Building a RegExp-based Form Validation • The RegExp() Constructor
Backreferences • Example: Working with Backreferences • Inline Backreferences • Adding Backreferences to Your Validation
String Methods that Can Use Regular Expressions • The match() Method • The replace() Method • The split() Method • Using String Methods in Form Validation
Building a Form Toolbox • Accessing a JavaScript Library • Example: Using a JavaScript Library for Form Validation • Building a Form Toolbox
More Tools for Working with Forms • Example: Two Generic Form Tools • The searchRadios() Function • The getListValue() Function • The type Property of Form Elements • Adding a General Function to the Toolbox
Working with the Date Object • Instantiating a Date Object • Formatting Dates • Hidden Form Fields • Date/Time Stamping Form Submissions
Working with the Location Object • Using location.hash to Pass Data Between Pages
Custom Objects • Creating Custom Objects • Constructor Functions • The prototype Object and Inheritance • Example: Using Custom Objects and prototypes
Objects within Objects • New Syntax for Accessing Objects • The for/in Loop • Example: Multi-Tiered Objects
Extending Object Classes • Example: Extending the Date Object • Example: Extending Classes for Improved Form Validation
Inter-Window Communication in JavaScript • Review: Opening a Child Window (from the Parent) • Two Windows = Two Object Hierarchies • Example: Parent-Child Interaction
Inter-Frame Communication in JavaScript • Baking Cookies • Working with Cookies in JavaScript • Cookies Demonstration • Setting and Remembering Page Preferences via Cookies
Auto-Populating SELECT Lists • Example: Populating a SELECT List Dynamically • Auto-Populating a SELECT List
Regular Expression Reference • Character Types and Ranges • Quantity Indicators • Location Indicators • Other Special Characters • Attributes/Modifiers
XML-JavaScript Interaction • The XML Document Object Model • Partial Searches with JavaScript • Other Uses of JavaScript with XML
|
|
|
|
|
