Subscribe to Newsletter

Print

JavaScript Training Course


(This course is offered only on-demand to a private batch and can be customized as per the business requirements)

Overview

JavaScript Training Course teaches JavaScript using the by-example methodology that focuses on hands-on learning. This course's unique and classroom-tested learning path contains hundreds of small, easy-to-understand examples that demonstrate the full range of JavaScript's power.

One step at a time, JavaScript Training Course guides new JavaScript programmers through every essential technique, from script setup to advanced DOM and CSS programming.

Objectives

At the end of JavaScript Training course, participants will understand:

  • Data types, literals, and variables
  • Operators, control structures, and functions
  • Building dialog boxes and working with JavaScript objects using the Browser object: navigator, windows frames, dynamic images, and links
  • Event handling, regular expressions, and form validation
  • The JavaScript Document Object Model (DOM), Cascading Style Sheets (CSS), and Dynamic HTML

Suggested Audience - Whether you're a first-time or long-time scripter, a Web professional or system admin, this course will help you write rock-solid JavaScripts that gets the job done.

Duration - 2 Days

Prerequisites - Knowledge of HTML is recommended.

Syllabus

1. Introduction to JavaScript
  • What JavaScript Is and What JavaScript Is Not
  • What JavaScript Is Used For
  • JavaScript and Events
  • What Versions? What Browsers?
  • Where to Put JavaScript
  • JavaScript and Old or Disabled Browsers
  • JavaScript from External Files
 2. Script Setup
  • The HTML Document and JavaScript
  • Syntactical Details
  • Generating HTML and Printing Output
  • About Debugging
3. The Building Blocks: Data Types, Literals, and Variables
  • Data Types
  • Variables
  • Bugs to Watch For
  • Exercises
 4. Dialog Boxes
  • Interacting with the User Exercises
5. Operators
  • About JavaScript Operators and Expressions
  • Types of Operators Number, String, or Boolean?
  • Datatype Conversion
  • Special Operators
 6. Under Certain Conditions
  • Control Structures, Blocks, and Compound Statements
  • Conditionals
  • Loops
7. Functions
  • What Is a Function?
  • Debugging
 8. Objects
  • What Are Objects?
  • User-Defined Objects
  • Manipulating Objects
9. JavaScript Core Objects
  • What Are Core Objects?
  • Array Objects
  • Array Properties and Methods
  • The Date Object
  • The Math Object
  • What Is a Wrapper Object?
 10. The Browser Objects: Navigator, Windows, and Frames
  • JavaScript and the Browser Object Model
11. The Document Objects: Forms, Images, and Links
  • The Document Object Model
  • Introduction to Forms
  • Introduction to Images
  • Introduction to Links
 12. Handling Events
  • Introduction to Event Handlers
  • Event Handlers as JavaScript Methods
  • Handling a Window or Frame Event
  • Handling Mouse Events
  • Handling Link Events
  • Handling a Form Event
  • Handling Key Events: onKeyPress, onKeyDown, and onKeyUp
  • Handling Error Events
  • The event Object
13. Regular Expressions and Pattern Matching
  • What Is a Regular Expression?
  • What Is a Regular Expression?
  • Creating a Regular Expression
  • Getting Control—The Metacharacters
  • Form Validation with Regular Expressions
  • Creating a Regular Expression
  • Getting Control—The Metacharacters
  • Form Validation with Regular Expressions
 14. Cookies
  • What Are Cookies?
  • Creating a Cookie with JavaScript
15. Dynamic HTML: Style Sheets, the DOM, and JavaScript
  • What Is Dynamic HTML?
  • What Is a Style Sheet?
  • Types of Style Sheets
  • Where Does JavaScript Fit In?
 16. JavaScript Web Resources
  • HTML Documents: A Basic Introduction
    • Intro to the Intro
    • What Is HTML? HTML Tags
    • The Minimal HTML Document
    • Character Formatting
    • Linking
    • Adding Comments
    • Case Sensitivity
    • Graphics and Images
    • Troubleshooting
    • Metatags, Cascading Style Sheets, and Java
    • Looking Behind the Scenes (or, What Did We Do Before the Right-Click?)
    • What About Frames?
  • CGI and Perl: They Hyper Dynamic Duo
    • What Is CGI?
    • Internet Communication Between Client and Server
    • Creating a Web Page with HTML
    • How HTML and CGI Work Together
    • Log Files
    • Where to Find CGI Applications
    • Getting Information Into and Out of the CGI Script
    • Processing Forms with CGI
    • The CGIpm Module