JavaScript Programming

Hands on Technical Training (HOTT)
Training overview
Professional Course
5 days
From 2,795 USD
Start dates
Online
Inquire for more information

Albuquerque
2,795 USD
8/17/2020

El Paso
2,795 USD
8/17/2020

Irvine
2,795 USD
8/17/2020

Course description

JavaScript Programming

JavaScript is a scripting language that is commonly used to create and control dynamic Website content along with its use in the Node.js runtime. This hands on JavaScript training course provides the fundamental knowledge necessary to design and develop dynamic Web pages using JavaScript and to be able to grasp JavaScript libraries and frameworks such as jQuery, React and Angular. Students will learn the syntax of the JavaScript language and how to use JavaScript in a Web browser.

Topics include ways to declare variables, use of intrinsic JavaScript objects such as Math, Date and Array, declaring and calling functions, defining custom objects, error handling, working with arrow functions, and using conditional logic. Students will learn how to include JavaScript in a Web page and how to use browser-based APIs such as the Document Object Model (DOM), Geolocation and Web Storage. Upon completion students will be able to utilize event handling, form validation, JSON and Ajax.

Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency.

Delivery method

  • Attend face-to-face in the classroom
  • Remote-live (live, instructor-led training from the convenience of your home or office)
  • On-demand streaming (train on your own time and at your own pace)
Want to find out more?

COVID-19 Update

In light of COVID-19, this provider is now delivering some or all of their courses online. Contact them for more information!

Who should attend?

Prerequisites

Basic computer skills and knowledge of HTML fundamentals including use of Cascading Style Sheets. Students who are not familiar with HTML should register for the Website Development with HTML5, CSS and Bootstrap course.

Training content

Overview of the JavaScript Language

  • Typical Uses of JavaScript
  • Evolution of the JavaScript Language
  • ECMAScript Version Support
  • What is Core JavaScript?
  • What are JavaScript APIs?
  • Writing JavaScript in Visual Studio Code

JavaScript Fundamentals

  • Using Strict Mode
  • JavaScript and Whitespace
  • Adding Comments
  • Declaring Variables
    • var, let and const Keywords
    • Local vs. Global Variables
    • Declaring Block-Scoped Variables
  • JavaScript DataTypes
    • Primitive Types
    • Objects
  • Performing Data Conversions
  • Working with JavaScript Operators
    • Assignment Operators
    • Type Operators
    • Bitwise Operators
    • Conditional Operator
  • Working with Dates

Working with Numeric Data

  • Solving Precision Problems with Numbers
  • Rounding Numbers
  • Creating Random Numbers
  • Arithmetic Operation
  • Working with Exponents
  • Converting to Numbers
    • parseInt, parseFloat and Number Functions

Dealing with Errors

  • Types of JavaScript Errors
  • Error Handling
    • try
    • catch
    • finally
  • Throwing Custom Errors with throw

Controlling Flow

  • Creating Boolean Expressions
    • Using Standard and Strict Equality Operators
    • Using Logical and Comparison Operators
  • Conditional Constructs
    • if else
    • switch
  • Looping Constructs
    • do while
    • while
    • for
    • for in
    • for…of
  • Branching Statements
    • break
    • continue
    • Using Labels

Working with Arrays

  • Creating Arrays
    • Using the Array Constructor
    • Using Literal Notation
    • String.split()
    • Array.of()
  • Accessing Array Elements
  • Common Array Methods
    • forEach()
    • includes()
    • find() and findIndex()
  • Adding and Removing Elements
  • Sorting Arrays
    • Creating a Custom Sort Function
  • Looping through an Array

Working with Strings

  • Creating String Objects
  • Using String Methods
    • Searching within a String
    • Returning a Substring
    • Converting Character Case
  • Template Literals
  • Escape Sequences

Implementing Functions

  • Declaring Functions
  • Function Parameters
    • Default Parameters
    • Rest Parameters
  • Invoking Functions
    • Passing Arguments
    • Spread Operator
  • Named and Anonymous Functions
  • Local vs. Global Variables
  • Returning Values from a Function
  • The this Keyword
  • IIFEs
  • Closures
  • Callback Functions
  • Arrow Functions

Using JavaScript in the Browser

  • Embedding JavaScript in a Page
  • Referencing an External Script File
  • Using the JavaScript Console
    • Logging Messages in the Console
    • Debugging with Console
  • Deferring Script Loading
  • Where to Include JavaScript
  • DOMContentLoaded vs Load Events

Browser Object Model

  • Overview of the Browser Object Model
  • Using the window Object
    • Opening and Closing Windows
    • Using Timers
    • Interacting with the User with Dialogs
  • Using the document Object
    • Writing to the Web Page
    • Useful Properties of the Document
  • navigator Object
  • Feature detection
  • location Object
  • screen Object

Introduction to the Document Object Model (DOM)

  • Overview of Common DOM Types
  • Selecting DOM Elements
    • Selecting Elements By Id and Name
    • Selecting Elements By Class
    • Using CSS Selectors to Select Slements
  • Modifying Page Content with the DOM
    • innerHTML and textContent Properties
    • createElement
    • createDocumentFragment
  • Accessing Attributes

Event Handling in JavaScript

  • Overview of JavaScript Events
    • The event Object Members
    • Event Capturing and Bubbling
  • Adding Event Handlers
    • Traditional (Inline) Model
    • Registering Events in JavaScript
    • Adding Multiple Handlers with addEventListener
  • Mouse and Keyboard Events
  • Preventing Default Behavior
  • Canceling Events

Scripting CSS with JavaScript

  • Using the style Property
  • CSHOTTyleDeclaration Objects
  • getComputedStyle
  • Modifying Classes with the classList API

Working with Forms

  • Enhancing Forms with JavaScript
    • Preventing a Double Submission
    • Selecting All Checkboxes
    • Conditionally Showing Fields
  • Working with Form Elements

Form Validation

  • Client-Side vs Server-Side Validation
  • Validating Form Fields
    • Checking Required Fields
    • Checking Length of Input
  • Overview of HTML 5 Validation
  • Constraint API
  • Canceling Form Submission

Using Regular Expressions

  • Overview of Regular Expressions
  • Using Regular Expressions in JavaScript
    • Creating a RegExp Object
    • Using i and g Flags
  • Pattern Matching with Regular Expressions
  • Using Backreferences

Working with JavaScript Objects and JSON

  • Understanding Objects
  • Defining Custom Objects
    • Object Literal Notation
    • Defining Properties and Methods
    • Creating a Constructor
  • Using the in and instanceof Operators
  • Overview of JSON
  • Using JSON.stringify and JSON.parse

Using Ajax

  • Overview of Ajax
  • The XMLHttpRequest Object
  • Configuring an Ajax Request
  • Processing JSON with Ajax
  • Using Ajax to Call a Web Service

HTML5 JavaScript APIs

  • Overview of APIs
  • Using Modernizr
  • Geolocation API
    • Using the getCurrentPosition() Method
    • The Position Object
  • Using the Google Maps JavaScript API
    • Obtaining an API Key
    • Creating a Map
    • Adding Custom Markers to a Map
    • Adding Info Windows to a Map
  • Web Storage API
  • Local Storage
  • Session Storage

Why choose HOTT?

50% of class time is hands-on lab exercises

Public classes average less than 12 students

Courses cover over 60 different subject areas

About HOTT

HOTT Logo

Hands On Technology Transfer, Inc. (HOTT)  

We offer competency-based IT training programs in more than 100 cities across the United States, Canada and the United Kingdom, covering over 60 IT subject areas. These programs are designed with one main goal – making sure you and your staff...


Read more and show all training delivered by this supplier

Request info

Fill out your details to find out more about JavaScript Programming.

  Contact the provider

  Get more information

  Register your interest

Contact info

Hands on Technical Training (HOTT)


 Show phone number
www.traininghott.com


Reviews

Average rating 5

Based on 2 reviews

D.S., OU School of Community Medicine
(5)
Fantastic instructor. Personable and knowledgeable - the two characteristics you absolutely have to have. Patient and clear. Very clear in his explanations. Would gladly take another class.
E.K., Intersec Design
(5)
The instructor was great and the rule of three helped me understand the material. You can't beat: Talk about it. See it. Do it.
Request Information

Have a question about this course? Fill out this form and the provider will get in touch with you shortly

View again
Supplier Directory
Join our Supplier Directory to:
- Gain Traffic
- Get Noticed
- Showcase Your Services
- Free Listing Available