Javascript Programming Course
Course Features:
Live Instructor Teaching
Certificate of Completion
Courseware: Print
Hands-On Learning?: Yes
Software Lab Included?: Yes
Delivery Methods:
Individuals and Groups
@ Your Location or Our Labs
Group Teams
@ Your Organization
This is an instructor-led course. It is taught by an instructor
live online or at organizations for groups.
For
team training, we can teach onsite at your office or private live online.
How Online Classes Work? - Learn How Our Live Online Classes Work
Course Overview
If you need to learn JavaScript to build upon your HTML skills or as a first step to learning a JavaScript framework such as Angular or React, then this is the right JavaScript course for you. You will learn all the basic constructs of JavaScript, how to use JavaScript to access and change page elements and their properties, and how to test and debug JavaScript using Google Chrome.
Students will:
-
Learn how JavaScript is used.
- Learn JavaScript syntax.
- Learn about objects, methods, and properties.
- Learn to work with JavaScript variables.
- Learn to create your own functions in JavaScript.
- Learn to write flow control logic in JavaScript.
- Learn to listen for and handle events, such as mouse clicks and page loads, with JavaScript.
- Learn to modify HTML on the fly with JavaScript.
- Learn to modify CSS on the fly with JavaScript.
- Learn to handle and prevent JavaScript errors.
Register Early: Registration Deadline is 2 Weeks Prior to Class Start.
Course Notes
Experience in the following is required for this JavaScript course: HTML.
Experience in the following would be useful for this JavaScript course: CSS and/or Programming experience.
Knowledge Prerequisites
HTML5 & Cascading Style Sheets 3
Suggested Follow-Ons
jQuery Fundamentals
Course Topics
Chapter 1: JavaScript Basics
The Name "JavaScript"
What is ECMAScript?
The HTML DOM
JavaScript Syntax
Basic Rules
Accessing Elements
Dot Notation
Square Bracket Notation
Where Is JavaScript Code Written?
JavaScript Objects, Methods and Properties
Methods
Properties
Exercise 1: Alerts, Writing, & Changing Background Color
Chapter 2: Variables, Arrays and Operators
JavaScript Variables
A Loosely-typed Language
Google Chrome Dev Tools
Variable Naming
Storing User-Entered Data
Exercise 2: Using Variables
Constants
Arrays
Exercise 3: Working with Arrays
Associative Arrays
Array Properties and Methods
Playing with Array Methods
JavaScript Operators
The Modulus Operator
Playing with Operators
The Default Operator
Exercise 4: Working with Operators
Chapter 3: JavaScript Functions
Global Objects and Functions
parseFloat(object)
parseInt(object)
isNaN(object)
Exercise 5: Working with Global Functions
User-defined Functions
Function Syntax
Passing Values to Functions
Exercise 6: Writing a JavaScript Function
Returning Values from Functions
Chapter 4: Built-In JavaScript Objects
String
Math
Date
Helper Functions
Exercise 7: Returning the Day of the Week as a String
Chapter 5: Conditionals and Loops
Conditionals
if - else if - else Conditions
Short-circuiting
Switch / Case
Ternary Operator
Truthy and Falsy
Exercise 8: Conditional Processing
Loops
while Loop Syntax
do...while Loop Syntax
for Loop Syntax
for...of Loop Syntax
for...in Loop Syntax
break and continue
Exercise 9: Working with Loops
Array : forEach()
Chapter 6: Event Handlers and Listeners
On-Event Handlers
The getElementByID() Method
Exercise 10: Using on-Event Handlers
The addEventListener() Method
Capturing Key Events
Exercise 11: Adding Event Listeners
Benefits of Event Listeners
Timers
Exercise 12: Typing Test
Chapter 7: The HTML Document Object Model
CSS Selectors
Type Selectors
Descendant Selectors
Child Selectors
Class Selectors
ID Selectors
Attribute Selectors
The innerHTML Property
Nodes, NodeLists, and HTMLCollections
Accessing Element Nodes
getElementByID()
getElementsByTagName()
getElementsByClassName()
querySelectorAll() and querySelector()
Exercise 13: Accessing Elements
Dot Notation and Square Bracket Notation
Collections of Elements
window is Implicit
Accessing Elemtns Hierarchically
Exercise 14: Working with Hierarchical Elements
Accessing Attributes
Creating New Nodes
Focusing on a Field
Shopping List Application
Exercise 15: Logging
Exercise 16: Adding EventListeners
Exercise 17: Adding Items to the List
Exercise 18: Dynamically Adding Remove Buttons to the List Items
Exercise 19: Removing List Items
Exercise 20: Preventing Duplicates and Zero-length Product Names
Manipulating Tables
Chapter 8: CSS Object Model
Changing CSS with JavaScript
The style Property vs. getComputedStyle()
Hiding and Showing Elements
Checking and Changing Other Sytle Properties
Increasing and Decreasing Measurements
Making changeFontSize() More Flexible
Custom Data Attributes
Gotcha with fontWeight
Font Awesome
Finding and Using Icons
ClassList Property
Exercise 21: Showing and Hiding Elemtents
Chapter 9: Errors and Exceptions
Runtime Errors
Completely Unhandled Errors
Globally Handled Errors
Structured Error Handling
Throwing custom errors
Exercise 22: Try/Catch
Explore Javascript Classes Near Me: