|
|
|
|
Overview
In this 3-day JavaScript training course, students learn to use JavaScript effectively to make their web
pages more dynamic and functional and to reduce the number of roundtrips to the server. Students will
learn JavaScript syntax, how to work with variables, learn write flow control logic, validate forms,
create roll-over images, open and work with new windows, and learn to work with JavaScript timers,
intervals and navigation history.
Audience
Programmers and web developers.
Prerequisites
Experience in HTML is required and experience in CSS and programming would be
beneficial.
Course duration
3 Days
Course outline
1. JavaScript Basics
- The Name "JavaScript"
- The HTML DOM
- JavaScript Syntax
- Basic Rules
- Dot Notation
- Square Bracket Notation
- Where Is JavaScript Code Written?
- JavaScript Objects, Methods and Properties
- Methods
- Properties
- The Implicit window Object
- The getElementById() Method
- Event Handlers
2. Variables, Arrays and Operators
- JavaScript Variables
- A Loosely-typed Language
- Storing User-Entered Data
- Arrays
- Associative Arrays
- Array Properties and Methods
- JavaScript Operators
3. JavaScript Functions
- Built-in Functions
- Number(object)
- String(object)
- isNaN(object)
- parseFloat() and parseInt()
- Built-in Functions vs. Methods
- User-defined Functions
- Function Syntax
- Passing Values to Functions
- A Note on Variable Scope
- Returning Values from Functions
4. Built-In JavaScript Objects
- String
- Math
- Date
- typeof Operator
5. Conditionals and Loops
- Conditionals
- if - else if - else Conditions
- Switch / Case
- Loops
- while Loop Syntax
- do...while Loop Syntax
- for Loop Syntax
- for...in Loop Syntax
6. JavaScript Form Validation
- Accessing Form Data
- Basics of Form Validation
- The this Object
- Cleaner Validation
- Validating Radio Buttons
- Validating Checkboxes
- Validating Select Menus
- Focus, Blur, and Change Events
- Validating Textareas
7. Images, Windows and Timers
- Image Rollovers
- Preloading Images
- Creating a Slide Show
- Windows
- Timers
- Popup Timed Slide Show
8. Navigator, History, and Location Objects
- The navigator Object
- Feature Detection
- history Object
- location Object
- Creating a Simple Quiz
|
|
|
|
|