Training » All Courses » Web Development » JavaScript

Course Summary

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 Traiing Course guides new JavaScript programmers through every essential technique, from script setup to advanced DOM and CSS programming.

Duration

2 days.

Objectives

Coverage includes:
  • 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

Audience

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

Knowledge of HTML is recommended

Instructors

Photo

Aleksandar (Saša) Gargenta is the technology brains at Marakana. Always on top of the latest in software, Aleksandar is company's radar for technology that matters.

Aleksandar is the author of Marakana's Java, Advanced Java, Spring/Hibernate, JBoss, Apache, XML/XSL, and JUnit/TestNG training courses. Phew. And if that's not enough, he's also the chief architect of Marakana Spark, the on-demand software platform that powers marakana.com and a number of other training companies. As an instructor he's taught hundreds of classes for everyone from Apple to Disney, from NASA to the Department of Defense.

In his spare time Aleksandar runs the San Francisco Java and the San Francisco Android User Groups with over a thousand members between the two. More about Aleksandar Gargenta...

Outline


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

Script Setup

  • The HTML Document and JavaScript
  • Syntactical Details
  • Generating HTML and Printing Output
  • About Debugging

The Building Blocks: Data Types, Literals, and Variables

  • Data Types
  • Variables
  • Bugs to Watch For
  • Exercises

Dialog Boxes

  • Interacting with the User Exercises

Operators

  • About JavaScript Operators and Expressions
  • Types of Operators Number, String, or Boolean?
  • Datatype Conversion
  • Special Operators

Under Certain Conditions

  • Control Structures, Blocks, and Compound Statements
  • Conditionals
  • Loops

Functions

  • What Is a Function?
  • Debugging

Objects

  • What Are Objects?
  • User-Defined Objects
  • Manipulating Objects

JavaScript Core Objects

  • What Are Core Objects?
  • Array Objects
  • Array Properties and Methods
  • The Date Object
  • The Math Object
  • What Is a Wrapper Object?

The Browser Objects: Navigator, Windows, and Frames

  • JavaScript and the Browser Object Model

The Document Objects: Forms, Images, and Links

  • The Document Object Model
  • Introduction to Forms
  • Introduction to Images
  • Introduction to Links

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

Regular Expressions and Pattern Matching

  • What Is a Regular Expression?
  • Creating a Regular Expression
  • Getting Control—The Metacharacters
  • Form Validation with Regular Expressions

Cookies

  • What Are Cookies?
  • Creating a Cookie with JavaScript

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?

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