JavaScript 

Duration: 3 days 

JavaScript Training Overview

Accelebrate's Mastering JavaScript training class teaches attendees how to make their Web pages more interactive by using JavaScript, an easy-to-learn scripting language supported by all popular Web browsers. Attendees will learn how to write JavaScript code for form validation, calculating total orders, conditional navigation (taking the user to a page based on information they enter), image rollovers (e.g., having a button light up when the user moves their mouse over it), and more.

Prerequisites

Mastering XHTML & CSS training or equivalent experience. If attendees will not have thorough knowledge of HTML, please let us know and we will precede this course with a one-day HTML primer. No prior programming experience is assumed, though this course can be swiftly adapted for a programming-savvy audience.

Objectives

  • To teach attendees the fundamentals of JavaScript programming, including the use of the core JavaScript objects and the syntax of the language (statements, conditionals, loops, functions, etc.)
  • To teach students how to immediately put JavaScript to use writing code for validating forms, totaling orders, handling image rollovers and other display tasks, conditionally navigating the user to various pages, and more.

Course Detail

  • Introducing JavaScript
    • Evolution of JavaScript since 1996
    • Current uses of JavaScript in web applications
  • Where JavaScript goes
    • Placing JavaScript code in separate .js files
    • Using unobtrusive JavaScript principles to separate event handlers from HTML
  • JavaScript language fundamentals
    • Statements
    • Variables and data types
    • Operators (for both numbers and strings)
    • Conditionals (if-else if-else and switch-case)
    • Loops (while, do-while, for)
    • Functions
      • Creating functions
      • Calling functions
      • Returning values
  • Understanding JavaScript objects
    • The role of objects in JavaScript programming
    • Working with methods and properties
    • The JavaScript object hierarchy
    • The implicit window object
    • Event handlers
  • JavaScript with forms
    • How forms fit into the JavaScript DOM
    • Setting focus on a specific field
    • Blocking a field from being edited
    • Setting field values based on user input
    • Basic validation: requiring field values to be filled in
    • Handling calculations within forms (useful for totaling orders and other quantitative form operations)
      • Includes a discussion of the Math object, which provides useful methods for making calculations
  • JavaScript with links and images
    • Using onMouseOver and onMouseOut to detect the presence of the mouse
    • Using onClick to process clicks on hyperlinks
    • Having hyperlinks call functions via JavaScript: URLs
    • Conditionally navigating the user to a page when they click a link
    • Dynamically swapping one or more images on a page based on the position of the mouse
  • JavaScript for navigation
    • Overview of the history and location objects
    • Building a jump menu (a pulldown menu that takes the user to a page based on their selection)
    • Navigating the user to a specific page based on their input in a form
  • JavaScript for pop-up help
    • Pros and cons of having JavaScript open another window
    • Generating and sizing a new (child) window via JavaScript
    • Communication between the child window and the parent window
    • Implementing attractive pop-up help or information windows using JavaScript
  • Advanced form validation with regular expressions
    • Overview of regular expressions as a powerful language for validating form submissions
      • Note: Regular expressions are supported by almost all major programming languages -- learning them in this class will be a boon to students who will later learn other languages
    • Using the RegExp object in JavaScript
      • To test whether a string matches a pattern
      • To extract pieces of a string (e.g., the month, day, and year from a date the user has entered)
      • To clean up illegal characters the user has entered