HTML and JavaScript Training

1. INTRODUCTION TO HTML

• The Internet
• The History of HTML
• The Building Blocks of a Web Page
• A Simple HTML Document

2. FORMATTING TEXT

• Modifying the Appearance of Text
• Text Alignment
• Creating Lists

3. GRAPHICS, COLOR, AND ANIMATION

• Working with Images
• Using Images with HTML
• Custom Backgrounds
• Animation
• Adding Sound

4. ADVANCED LAYOUT WITH TABLES

• Creating Tables
• Advanced Layouts with Tables
• Grouping Rows and Columns
• Tips and Tricks

5. HYPERTEXT LINKS

• Anatomy of a URL
• Working with Anchors
• Linking to Web Pages
• Other Hypertext Links
• Image Maps

6. FRAMES

• What Are Frames?
• Creating a Frameset Document
• Frame Attributes
• Using Hyperlinks
• Frame Layout

7. CASCADING STYLE SHEETS

• Cascading Style Sheets Overview
• Using Style Sheets
• Formatting and Layout
• Advanced Techniques

8. HTML FORMS

• Introduction to Forms
• Form Controls
• Implementing Forms
• Advanced Form Design

9. CREATING INTERACTIVE WEB PAGES

• Introduction to Scripting
• JavaScript
• Performing Field Validation
• VBScript
• Using Java Applets
• Using ActiveX Controls

10. DHTML

• What is DHTML?
• Document Object Model (DOM)
• Dynamic Styles
• Dynamic Classes
• Dynamic Content

11. Introduction

• JavaScript’s Humble Beginning
• JavaScript and ECMA
• New Features of JavaScript 1.5
• So Many Browsers
• Internet Explorer vs. Netscape Navigator
• Introducing the DOM
• Recognize Methods, Properties, and Event Handlers
• Script Placement
• Hiding JavaScript from Older Browser
• External Script Libraries
• Viewing Errors in Browsers
• Variables, Expressions, and Evaluations
• Operators
• Simple Conversions

12. JavaScript Conditions and Loops

• The if/if…else Control Structure
• else…if
• The Switch Statement
• Boolean Operators: NOT/AND/OR and Bitwise
• NOT
• AND
• OR
• Bitwise Booleans
• Loops
• for Loops
• Breaking Out of the Loop
• Skipping an Iteration
• while Loops
• do-while Loops
• Using in for Property Looping
• The with Statement
• Labeled Statements

13. Strings and Functions

• Strings
• Manipulating Strings
• String Concatenation
• Changing String Case
• Substring Searches
• Substring Extraction
• Functions
• Creating Your Own Functions
• Function Parameters
• Returning Data from Functions
• Variable Scope

14. Arrays

• Introduction to Arrays
• Simple Arrays
• Arrays as Structures
• Parallel Arrays
• Multidimensional Arrays
• Using the Array Object
• Length
• Concat
• Join
• Slice

15. Form Interaction

• Working with Form Objects
• Alternatives to Forms
• Form Basics
• Form.method Property
• Form.action Property
• Fieldsets
• Form.Elements[]
• Text Objects
• Button Objects
• Check Box Objects
• Radio Objects
• Select and File Objects
• File Input Object
• Validation and the onSubmit Event

16. Built-In Objects

• String Object
• Prototype Properties and Methods
• charAt()
• charCodeAt()
• fromCharCode ()
• String.match(RegExp)
• String.replace(RegExp, string)
• String.split(“delimiter”, [limit int]) or (RegExp)
• Date() Object
• Working with Other Dates
• setInterval() and setTimeout()
• setInterval
• setTimeout
• Math Objects.
• The Number Object
• The Boolean Object
• The Math Object
• Math Object Methods and Properties
• Regular Expressions and the RegExp Object
• Simple Pattern Expressions
• The RegExp Object

17. Windows and Frames

• The Window Object
• Spawning a Window
• Referencing the New Window
• Creating Content in the New Window
• Launching Functions and Passing Values
• Modal and Modeless Dialog Boxes in Internet Explorer 5+
• Creating a Frameset
• Parents and Children
• iframes

18. Event Handling

• Popular Browser Event Models
• The Sequence of Events
• The Event Object
• Bubbling vs. Capturing Events
• Bubbling Events in Internet Explorer 4+
• Netscape Navigator 4 Event Capture Model
• Events in Netscape Navigator 6+ (W3C Compliant Version)
• Event Objects
• The Static Event Object
• Standard Event Objects
• Browser Differences
• Capturing in a Compatible Fashion
• Event Types
• Mouse Event Types
• Keyboard Event Types: text, password, & textarea
• Loading/Unloading Event Types
• Other Window Event Types
• Form-Related Event Types

19. Error Handling

• Reading Error Messages
• Displaying Errors
• Investigating Problems
• Exception Handling
• Try…Catch…Finally Blocks
• Custom Error Objects
• JavaScript Debugging
• The Venkman Debugger
• The Venkman Interface

20. Custom Objects

• Functions
• Functions as Objects
• Functions on the Fly
• Nested Functions
• Variables and Arguments
• Undefined Parameters
• Objects and Properties
• Objects and Methods
• Arrays, Objects, or Object Arrays?
• Prototypes
• Method Overriding
• Best Practices
• Code Refactoring
• Template Technique
• Creating Organized Libraries