JavaScript Training: Mastering JavaScript

Course Number: SCRPT-100
Duration: 3 days
view class 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 taught on-site at our clients' locations worldwide for groups of 3 or more attendees and are customized to their specific needs. Please visit our client list to see organizations for whom we have recently delivered 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 private training at your site or online, please contact us.

In addition, some courses are available as live, online classes for individuals. To see a schedule of online courses, please visit http://www.accelebrate.com/online_training/?action=course&page=JSC101.

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

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

VB.NET, C#, ASP, & ASP.NET Training

Java Training

SQL Server Training
SharePoint Training

Adobe Training

“Accelebrate,” “Accelerated Learning Celebrated Results,” and the Accelebrate logo are registered trademarks of Accelebrate, Inc. All other product names and trademarks are property of their respective owners. Course outline content may mirror or be derived from the book that each student receives with the course. Otherwise, all content is copyright © 2003- by Accelebrate, Inc. of Atlanta, Georgia, USA. To contact us, please use the contact form, email info@accelebrate.com us, or call 1 877 849 1850 in the US and Canada, 0808 234 2132 in the UK, 1 800 550 311 in Ireland, or +1 678 648 3113 from all other locations.