United States flagCanada flag1 877 849 1850 International flag +1 678 648 3113
Please contact us
for GSA pricing.
GSA
Contract #
GS-35F-0307T

JavaScript Training: Mastering JavaScript

Course Number: SCRPT-100
Duration: 3 days
view course outline

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.

Location and Pricing

Most Accelebrate courses are delivered as private, customized, on-site training at our clients' locations worldwide for groups of 3 or more attendees and are custom tailored to their specific needs. Please visit our client list to see organizations for whom we have delivered private in-house training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote for private training at your site or online, please contact us.

In addition, some courses are available as live, online classes for individuals. See a schedule of online courses.

JavaScript Training Prerequisites

Mastering XHTML and 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.

Hands-on/Lecture Ratio

This JavaScript training class is 70% hands-on, 30% lecture, with the longest lecture segments lasting for 10 minutes. Students "learn by doing," with immediate opportunities to apply the material they learn to real-world problems.

JavaScript Training Materials

All JavaScript training students receive a copy of O'Reilly's JavaScript: The Definitive Guide and related courseware.

Software Needed on Each Student PC

  • Firefox 3 or later or Internet Explorer 7 or later
  • The Web page or text editor that students will be using after class

JavaScript Training 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.

JavaScript Training Outline

  • 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
  • Conclusion