Mastering JavaScript

An Introduction

1. Introducing JavaScript
2. How to add JavaScript to a webpage
3. How to add inline JavaScript
4. How to link to external JavaScript
5. Summary

Syntax and Structure

1. JavaScript Values
2. Camel Case
3. Unicode
4. Semicolons
5. Indentation
6. White Space
7. Commenting
8. Identifiers
9. Case Sensitivity
10. Reserved Words
11. JavaScript Operators
12. JavaScript Expressions
13. Summary

Variables, Scope & Hoisting

1. What are Variables?
2. Naming Variables
3. Difference Between var, let, and const
4. Variable Scope
5. Hoisting
6. Constants
7. Summary

Data Types

1. What are Data Types?
2. Summary

Converting Data Types

1. Converting Values to Strings
2. Converting Values to Numbers
3. Converting Values to Booleans

The Basics of JavaScript Strings

1. Creating Strings
2. Concatenation
3. Syntax Rules
4. Summary

Working with Strings

1. The Anatomy of a String
2. Converting Strings into Numbers

An Introduction to the DOM

1. What is the DOM?
2. The DOM Tree & Nodes

Accessing DOM Elements

1. getElementById()
2. getElementsByClassName()
3. getElementsByTagName()
4. Query Selectors

Traversing the DOM

1. Root Nodes
2. Parent Nodes
3. Child Nodes
4. Sibling Nodes

Making changes to the DOM

1. Creating New Nodes
2. Inserting Nodes into the DOM
3. Removing Nodes from the DOM

How to modify DOM nodes

1. Modifying Attributes
2. Modifying Classes
3. Modifying Styles

Understanding Events

1. What are Event Handlers & Event Listeners?
2. Inline Event Handlers
3. Event Handler Properties
4. Event Listeners
5. Common Events
6. Event Objects
7. Summary

Mastering Arrays

1. Creating an Array
2. Looping over an Array
3. Adding to the end of an Array
4. Removing from the end of an Array
5. Removing from the front of an Array
6. Adding to the front of an Array
7. Getting the index of an Array item
8. Removing an item by index position
9. Remove multiple items from an index position
10. Copying an Array
11. Checking if an object is an Array
12. Reversing the order of an Array
13. Replacing Array elements with static values
14. Sorting an Array
15. Merging Arrays
16. Converting Array Elements into a String
17. map(), filter() and reduce()
18. Find the first element that satisfies a function

Mastering Objects

1. Creating an Object
2. Dot notation
3. Deleting Properties
4. Square Brackets
5. Updating object members
6. What is “this”?
7. Summary

Using Conditionals

1. if/else Statements
2. else if
3. Comparison operators
4. Nesting if/else
5. Logical operators: AND, OR, and NOT
6. switch statements
7. Ternary operator

Mastering Loops

1. the for loop
2. do…while statement
3. while statement
4. labelled statement
5. break statement
6. continue statement
7. for…in statement
8. for…of statement
9. Summary

Mastering Functions

1. Defining functions
2. Function expressions
3. Calling functions
4. Function scope
5. Nesting functions and closures
6. Closures
7. The arguments object
8. Function parameters
9. Arrow functions
10. Predefined functions
11. Summary

What are classes?

1. Classes are just like functions!
2. Class declarations
3. Hoisting
4. Class expressions
5. Constructors
6. Instance properties
7. Field declarations
8. Child classes using ‘extends’
9. Species
10. The ‘super’ keyword
11. Mix-ins

Understanding APIs

1. APIs in JavaScript
2. So how do APIs work?
3. Summary

Fetching data from a server

1. The old way…
2. The solution: AJAX
3. Creating an Ajax request
4. XMLHttpRequest
5. Fetch
6. Working with promises
7. Summary

An Introduction to REST APIs

1. What is a REST API?
2. RESTful Architecture
3. REST in action
4. Working with REST data

Promises

1. Why use promises?
2. Summary

Async & defer

1. <script>
2. <script async>
3. <script defer>
4. So when should I use each method?

The ‘this’ keyword

1. A little background
2. Execution Context
3. “this” in Global Scope
4. “this” when calling Function
5. “this” in Methods
6. “this” with call() and apply()
7. “this” with bind()
8. “this” inside an Arrow Function
9. Summary

Understanding Regex

1. A very basic Regex pattern
2. Why use Regular Expressions?
3. Creating a Regular Expression
4. Regular Expression Methods
5. The Power of Regex
6. Flags:
7. Character groups
8. Reviewing Regex
9. Summary

You did it!