Duration: 2 days

Overview:

If you are new to JavaScript, or an experienced web developer looking to improve your skills, This JavaScript Introduction provides you with complete, no-nonsense coverage of this quirky yet essential language for web development. You will learn everything from primitive data types to complex features, including JavaScript elements involved with Ajax and dynamic page effects. By the end of this course, you will be able to work with even the most sophisticated libraries and web applications.

Complete with hands on practices and examples of JavaScript use, JavaScript Introduction will show you how to integrate the language with the browser environment, and how to practice proper coding techniques for standards-compliant websites.

Prerequisites:

An understanding of basic HTML is required, or attendance of our HTML introduction course. This course is also useful to users of Dreamweaver, Expression Web or SharePoint Designer.

Topics:

1 - Introduction and First Looks

  • Twisted History: Specs and Implementations
  • Cross-Browser Incompatibility
  • Common JavaScript Myths
  • What You Can Do with JavaScript
  • First Look at JavaScript
  • The JavaScript Sandbox
  • Accessibility and JavaScript Best Practices

2 - JavaScript Data Types and Variables

  • Identifying Variables
  • Scope
  • Simple Types
  • Constants: Named but Not Variables

3 - Operators and Statements

  • Format of a JavaScript Statement
  • Simple Statements
  • Conditional Statements and Program Flow
  • The Conditional Operators
  • The Logical Operators
  • Advanced Statements: The Loops

4 - The JavaScript Objects

  • The Object Constructor
  • The Number Object
  • The String Object
  • Regular Expressions and RegExp
  • Purposeful Objects: Date and Math
  • JavaScript Arrays
  • Associative Arrays

5 - Functions

  • Defining a Function
  • Callback Functions
  • Functions and Recursion
  • Nested Functions
  • Function As Object

6 - Catching Events

  • The Event Handler

7 - Forms and JIT Validation

  • Accessing the Form
  • Attaching Events to Forms: Different Approaches
  • Selection
  • Radio Buttons and Checkboxes
  • Input Fields and JIT Regular Expressions

8 - The Sandbox and Beyond

  • The Sandbox
  • All About Cookies
  • Alternative Storage Techniques
  • Cross-Site Scripting (XSS)
  • The Basic Browser Objects
  • BOM at a Glance
  • The window Object
  • Frames and Location
  • history, screen, and navigator
  • The all Collection
  • Inner/Outer HTML and Text

9 - The Document Object Model

  • A Tale of Two Interfaces
  • The DOM and Compliant Browsers
  • The DOM HTML API
  • Understanding the DOM
  • The DOM Core Document Object
  • Element and Access in Context
  • Modifying the Tree

10 - Creating Custom JavaScript Objects

  • The JavaScript Object and Prototyping
  • Creating Your Own Custom JavaScript Objects
  • Object Detection, Encapsulation, and Cross-Browser Objects
  • Chaining Constructors and JS Inheritance
  • One-Off Objects
  • Advanced Error-Handling Techniques

11 - Building Dynamic Web Pages

  • JavaScript, CSS, and DOM
  • Fonts and Text
  • Position and Movement
  • Size and Clipping
  • Display, Visibility, and Opacity

12 - Moving Outside the Page with Ajax

  • How Ajax Works
  • Hello Ajax World!
  • The Ajax Object
  • Working with XML