Introduction to JavaScript Training

  4.7 out of 5 based on 118 Ratings

In this JavaScript training course, students learn to use JavaScript effectively to make their web pages more dynamic and functional and to reduce the number of roundtrips to the server.

  1. Learn how JavaScript is used.
  2. Learn JavaScript syntax.
  3. Learn about objects, methods, and properties.
  4. Learn to work with JavaScript variables.
  5. Learn to create your own functions in JavaScript.
  6. Learn to write flow control logic in JavaScript.
  7. Learn to validate forms with JavaScript.
  8. Learn to create roll-over images with JavaScript.
  9. Learn to open and work with new windows.
  10. Learn to work with JavaScript timers and intervals.
  11. Learn to work with the navigator history, and location objects.
  1. JavaScript Basics
    1. The Name "JavaScript"
    2. What is ECMAScript?
    3. The HTML DOM
    4. JavaScript Syntax
    5. Accessing Elements
      1. Dot Notation
      2. Square Bracket Notation
    6. Where Is JavaScript Code Written?
    7. The "javascript" Pseudo-Protocol
    8. JavaScript Objects, Methods and Properties
      1. Methods
      2. Properties
      3. The Implicit window Object
    9. Exercise: Alerts, Writing, and Changing Background Color
  2. Variables, Arrays and Operators
    1. JavaScript Variables
      1. A Loosely typed Language
      2. Variable Naming
      3. Storing User Entered Data
      4. Constant
      5. Associative Arrays
      6. Array Properties and Methods
    2. Exercise: Using Variables
    3. Arrays
    4. Exercise: Working with Arrays
    5. JavaScript Operators
    6. Exercise: Working with Operators
  3. JavaScript Functions
    1. Global Functions
    2. Exercise: Working with Global Functions
    3. User-defined Functions
    4. Exercise: Writing a JavaScript Function
    5. Returning Values from Functions
  4. Event Handlers
    1. Event Handlers
    2. Exercise: Using Event Handlers
    3. Dot Notation and Square Bracket Notation
    4. querySelector()
    5. Exercise: Working with querySelector()
    6. Exercise: Working with Hierarchical Node Properties
  5. Built-In JavaScript Objects
    1. String
    2. Math
    3. Date
    4. The typeof Operator
    5. Helper Functions
    6. Exercise: Returning the Day of the Week as a String
  6. Conditionals and Loops
    1. Conditionals
    2. Exercise: Conditional Processing
    3. Loops
    4. Exercise: Working with Loops
  7. JavaScript Form Validation
    1. Accessing Form Data
    2. Exercise: Textfield to Textfield
    3. Basics of Form Validation
    4. Exercise: Validating a Registration Form
    5. Validating Radio Buttons
    6. Validating Check Boxes
    7. Validating Select Menus
    8. Focus, Blur, and Change Events
    9. Validating Textareas
    10. Exercise: Improving the Registration Form
  8. The HTML Document Object Model
    1. The innerHTML Property
    2. Accessing Element Nodes
    3. Exercise: Accessing Elements
    4. Attaching Events
    5. Exercise: Attaching Events
    6. Event Propagation: Capturing and Bubbling
    7. Exercise: A Simple Soccer Game
    8. Accessing Attribute Nodes
    9. getAttribute()
    10. attributes[]
    11. hasAttribute()
    12. setAttribute()
    13. removeAttribute()
    14. Accessing Nodes by Type, Name or Value
    15. Removing Nodes from the DOM
    16. Creating New Nodes
    17. Identifying the Target of an Event
    18. Exercise: Creating and Inserting DOM Nodes
  9. CSS Object Model
    1. Changing CSS with JavaScript
    2. Hiding and Showing Elements
    3. Exercise: Showing and Hiding Elements
    4. Manipulating Tables
    5. Exercise: Tracking Results in the Math Quiz
    6. Dynamically Changing Dimensions
    7. Positioning Elements Dynamically
    8. Exercise: Changing the Math Quiz Timer to a Slider
    9. Changing the Z-Index
    10. The CSS Object Model
  10. Images, Windows and Timers
    1. Image Rollovers
    2. Preloading Images
    3. Exercise: Creating a Slide Show
    4. Windows
    5. Timers
    6. Exercise: Popup Timed Slide Show
  11. Debugging and Testing with Chrome
    1. Chrome DevTools
    2. The Panels
    3. Exercise: Using the Chrome DevTools "Elements" and "Console" Panels
    4. The Sources Panel
    5. Exercise: Using the Chrome DevTools "Sources" Panel
    6. Other DevTools Panels
    7. Chrome DevTools API and Extensions
    8. Exercise: Accessibility Developer Tools Extension
Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this JavaScript class:

  • HTML

Experience in the following would be useful for this JavaScript class:

  • CSS
  • Programming experience
Prerequisite Courses

Courses that can help you meet these prerequisites:

Preparing for Class
Follow-on Courses

Training for your Team

Length: 4 Days

Training for Yourself

$1,300.00 or 4 vouchers

Upcoming Classes

  • See More Classes

Please select a class.
  • Live Online Training
  • For Individuals
  • Expert Instructors
  • Guaranteed to Run
  • 100% Free Re-take Option
  • 1-minute Video

What people say about our training

Great pace and the instructors who are awesome at keeping you involved!
DeMario McGhee
OPS Consulting
Introduction to JavaScript is a great class with material that is easy to use and learn from. Information for the online class setup was detailed and precise so that you are ready to start training on schedule. Compared to another online course that I took from another company, Webucator is world class with their customer service, trainers and training material. Thank you.
Shelly McCray
Self-Employed Trainers
A great value with straight to the point education.
Jimmy Frost
Webucator took the time to customize the training to meet our needs. The instructor was excellent and continued to use examples pertinent to us.
Alex Yohn
West Virginia University

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing


Students who have taken Instructor-led Training


Organizations who trust Webucator for their Instructor-led training needs


Satisfaction guarantee and retake option


Students rated our Introduction to JavaScript Training trainers 9.43 out of 10 based on 118 reviews

Contact Us or call 1-877-932-8228