Course duration
- 4 days
Course Benefits
- Master the fundamentals of JavaScript.
- Understand JavaScript syntax.
- Learn about objects, methods, and properties.
- Work with JavaScript variables to store data.
- Organize code by creating your own functions.
- Write flow control logic to handle real-life decisions and complex problems.
- Use loops to save time.
- Capture and manage events such as mouse clicks and page loads.
- Modify HTML and CSS on the fly with JavaScript.
- Handle and prevent JavaScript errors.
Public expert-led online training from the convenience of your home, office or anywhere with an internet connection. Guaranteed to run .
Private classes are delivered for groups at your offices or a location of your choice.
Learn at your own pace with 24/7 access to an On-Demand course.
Course Outline
- JavaScript Basics
- The Name "JavaScript"
- What is ECMAScript?
- The HTML DOM
- JavaScript Syntax
- Accessing Elements
- Dot Notation
- Square Bracket Notation
- Where Is JavaScript Code Written?
- JavaScript Objects, Methods and Properties
- Variables, Arrays, and Operators
- JavaScript Variables
- A Loosely-Typed Language
- Google Chrome DevTools
- Variable Naming
- Storing User-Entered Data
- Constants
- Arrays
- Associative Arrays
- Array Properties and Methods
- Playing with Array Methods
- JavaScript Operators
- The Modulus Operator
- The Default Operator
- JavaScript Variables
- JavaScript Functions
- Global Objects and Functions
- parseFloat(object)
- parseInt(object)
- isNaN(object)
- User-defined Functions
- Function Syntax
- Passing Values to Functions
- Returning Values from Functions
- Global Objects and Functions
- Built-In JavaScript Objects
- String
- Math
- Date
- Helper Functions
- Conditionals and Loops
- Conditionals
- if - else if - else Conditions
- Short-circuiting
- Switch / Case
- Ternary Operator
- Truthy and Falsy
- Loops
- while Loop Syntax
- do while Loop Syntax
- for Loop Syntax
- for of Loop Syntax
- for in Loop Syntax
- break and continue
- Array: forEach()
- Event Handlers and Listeners
- On-Event Handlers
- The getElementById() Method
- The addEventListener() Method
- Capturing Key Events
- Benefits of Event Listeners
- Timers
- On-Event Handlers
- 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()
- Dot Notation and Square Bracket Notation
- Collections of Elements
- window is Implicit
- Accessing Elements Hierarchically
- Accessing Attributes
- Creating New Nodes
- Focusing on a Field
- Shopping List Application
- Manipulating Tables
- CSS Selectors
- CSS Object Model
- Changing CSS with JavaScript
- The style Property vs getComputedStyle()
- Hiding and Showing Elements
- Checking and Changing Other Style Properties
- Increasing and Decreasing Measurements
- Making changeFontSize() More Flexible
- Custom data Attributes
- Gotcha with fontWeight
- Font Awesome
- classList Property
- Errors and Exceptions
- Runtime Errors
- Completely Unhandled Errors
- Globally Handled Errors
- Structured Error Handling
- Try/Catch
Class Materials
Each student will receive a comprehensive set of materials, including course notes and all the class examples.
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
Courses that can help you meet these prerequisites:
Instructor-led courses are offered via a live Web connection, at client sites throughout Europe, and at our Geneva Training Center.