Introduction and Course Setup

• Course Overview

• How to Follow Along and Do Exercises in This Course - CodeSandbox

• What Is CodeSandbox and How to Sign In

• How to Use CodeSandbox - The Dashboard and Templates

• CodeSandbox File Architecture

• What Are HTML CSS and JavaScript Basics with CodeSandbox

• Create a New Vanilla JS Template on CodeSandbox

• Building Out the Course Template on CodeSandbox

• Hook Up and Save Your Course Learning Template

• Final JavaScript Course Template Review

Introduction to Programming and JavaScript Basics for Absolute Beginners

• Verify Your Course Template Is Complete Before Getting Started

• Create Your First Course Exercise Lesson on Writing Comments in JavaScript

• Why Comments Are Important in Programming - In-Line and Multi-Line Comments

• How to Write In-Line Comments in JavaScript

• How to Write Multi-Line Comments in JavaScript

• Solution for In-Line and Multi-Line Comments in JavaScript

• What Are Datatypes in Programming

• What Are Datatypes and Variables in Programming Part II

• Write Your Very First Variable in JavaScript

• Logging Variables with the Console in JavaScript

Data Structures - From Zero to Intermediate

• Quick CodeSandbox Course Setup Refresher

• What Are Arrays and Dimensions in JavaScript

• The Length Method in JavaScript

• What Are Complex and Multi-Dimensional Arrays in JavaScript

• Exercise Solution - What Are Complex and Multi-Dimensional Arrays in JavaScript

• Indexing Values in Arrays with JavaScript

• Accessing Arrays with Bracket Notation - Example 1

• Accessing Arrays with Bracket Notation - Example 2

• Exercise - Accessing City Weather Data Array

• Solution - Accessing City Weather Data Array

• Modifying Arrays and Unshift in JavaScript

• Modifying Arrays and Pop in JavaScript

• Exercise - Array Function for an Anime App

• Solution - Array Function for an Anime App

• Remove Array Items with Pop and Shift in JavaScript

• Exercise - Modify Arrays and Remove Items in JavaScript

• Solution - Modify Arrays and Remove Items in JavaScript

• What Is Splice in JavaScript

• Example 1 - What Is Splice in JavaScript

• Example 2 - What Is Splice in JavaScript

• Exercise - Use the Splice Method to Decode the Mystery

• Solution - Use the Splice Method to Decode the Puzzle

• Bonus Solution - Use the Splice Method to Decode the Puzzle

• Adding to Arrays with Splice in JavaScript

• Exercise - Update New User Database with Splice

• Solution - Update New User Database with Splice

• How to Clone Arrays with Slice in JavaScript

• Exercise - Update Cryptocurrency Profile Data

• Solution - Update Cryptocurrency Profile Data

• How to Copy an Array with the Spread Operator in JavaScript

• Make Multiple Copies of an Array with the Spread Operator

• Solution - Make Multiple Copies of an Array in JavaScript

• What Is the IndexOf Method in JavaScript

• Using the IndexOf in the King's Court RPG - Example I

• Using IndexOf in JavaScript King's Court - Example II

• Exercise - Search for Game Items and Clone Array

• Solution - Search for Game Items and Clone Array

• Looping Through Arrays in JavaScript

• Chunking Arrays with Nested Loops

• Solution - Chunking Arrays with Nested Loops

• Complex Arrays in JavaScript

• Exercise - Skyrim Dungeon Master Multi-Dimensional Arrays

• Solution - Skyrim Dungeon Master Multi-Dimensional Arrays

• What Are Objects in JavaScript - Dot Notation and Modifying Object Key Pair V

• What Are Objects in JavaScript

• Exercise - Build an Uber App Customer JavaScript Object Database

• Solution - Build an Uber App Customer JavaScript Object Database

• Modifying Objects and Accessing Objects in JavaScript

• Exercise - Accessing Weather API Data Structures

• Solution - Accessing Weather API Data structures

• hasOwnProperty, the in Keyword, and Delete in JavaScript

• Exercise - Fix a Bug for a Medical Company Data

• Solution - Fix a Bug for a Medical Company Data

• Iterate Through Objects with the For...in JavaScript

• Exercise - Login Iteration Calculator

• Solution - Login Iteration Calculator

• What Is Object.keys in JavaScript - Storing Keys into Arrays with JavaScript

• Objects in JavaScript Basic Overview

• Final Exercise - Facebook Unfriend Functionality

• Final Exercise Solution - Facebook Unfriend Functionality

Algorithms - Basics and Fundamentals to Intermediate

• What to Expect in This Section!

• Exercise - How to Reverse a String

• How to Reverse a String - Solution I

• How to Reverse a String - Solution II

• What Is a Factorial in JavaScript (Probability Calculations)

• Exercise - Write a Factorial Function in JavaScript

• Solution I - Write a Factorial Function in JavaScript

• How to Find the Longest Word in a String

• Solution I - How to Find the Longest Word in a String

• Solution II - How to Find the Longest Word in a String with ForEach

• How to Return the Smallest Number in Nested Arrays

• Solution - How to Return the Smallest Number in Nested Arrays

• How to Repeat a String in JavaScript

• Solution I - How to Repeat a String in JavaScript

• Solution II - How to Repeat a String in JavaScript

• Solution III - How to Repeat a String in JavaScript - Array Fill Method

• What Is Truncation and Truncate in JavaScript

• Exercise - How to Truncate in JavaScript Overflow Subscriptions

• Solution - How to Truncate in JavaScript Overflow Subscriptions

• Hacking a Password with Matching Keywords in JavaScript

• Solution - Hacking a Password with Matching Keywords in JavaScript

• Formatting and toUpperCase with JavaScript

• Exercise - Automate a Company Website with Correct Formatting in JavaScript

• Solution I - Automate a Company Website with Correct Formatting in JavaScript

• Solution part II - Automate a Company Website with Correct Formatting

• What Is the Sort Method in JavaScript

• Example of How to Sort in JavaScript

• Interview Question - Sort and Order Numbers into an Array with JavaScript

• Interview Solution I - Sort and Order Numbers into an Array with JavaScript

• Interview Solution II - Sort and Order Numbers into an Array with JavaScript

• What Are Anagrams and Mutations in JavaScript

• Solution I - Anagrams Problem in JavaScript

• Solution II - Iterative Optimization Anagrams Problem in JavaScript

• Solution III - Iterative Optimization Anagrams Problem in JavaScript

• How to Debug and Problem-Solve Step-by-Step - Iterative Optimization Anagrams

• Exercise - Chunking Arrays into Subgroups and Subarrays

• Solution I - Chunking Arrays into Subgroups and Subarrays

• Solution II - Chunking Arrays into Subgroups and Subarrays

Algorithms and Data Structures - Intermediate to Advanced

• Quick Recall - What Is the Math Method in JavaScript

• Exercise - Build an Array Calculator

• Solution I - Build an Array Calculator

• Solution II - Build an Array Calculator

• What Are Callback Functions in JavaScript

• Exercise - Virus Detection Algorithm with Asymmetric Arrays

• Solution - Virus Detection Algorithm with Asymmetric Arrays

• What is the Filter Method in JavaScript

• Exercise - Group Objects in JavaScript

• Solution - Group Objects in JavaScript

• Solution Part II - Group Objects in JavaScript

• What Is Reg Ex and How to Use it in JavaScript

• Exercise - Star Power with RegEx in JavaScript

• Solution - Star Power with RegEx in JavaScript

• Exercise - Pairing Elements in Multi-Dimensional Arrays

• Solution - Pairing Elements in Multi-Dimensional Arrays

• charChodeAt and fromCharCode with JavaScript

• Generate Missing Alphabet Letters UTF with JavaScript

• Solution - How to Generate Missing Letters Between Characters in JavaScript

• What Is the Reduce Method in JavaScript and Example I

• What Is the Reduce Method in JavaScript and Example II

• Exercise - Sort Out Facebook Groups by Location

• Solution I - Sort Out Facebook Groups by Location

• Solution II - Sort Out Facebook Groups by Location

• Understanding the Fibonacci Series and Recursion in JavaScript

• What Is Big O and Time Complexity

• Exercise - Convert an Exponential Solution to a Linear Solution

• Solution - Convert an Exponential Solution to a Linear Solution

• Solution - Writing Testing Units for Model Predictions with JavaScript - Part I

• Solution - Writing Testing Units for Model Predictions with JavaScript - Part II

• Reverse Logic to Writing Testing Units for Model Predictions

• What Is the Constructor and "this" keyword in JavaScript

• Interview Question - Uber Eats Payment Database

• Solution - Uber Eats Payment Database

• What Is a Palindrome - Interview Question in JavaScript

• Interview Question - Check Whether a String Is a Palindrome

• Solution - Check whether a String Is a Palindrome

• LeetCode Example - Trapping Rainwater

• LeetCode Example Solution Steps - Trapping Rainwater

• LeetCode Example Solution - Trapping Rainwater

  Learn the real power of Modern JavaScript and learn the hard parts with ease.

 With the help of this book, you will become a real JavaScript programmer! In this book, we will embrace functional, object-oriented, and asynchronous programming. We will learn how to handle errors like a pro.

 JavaScript from Zero to Hero is a complete guide that will teach you the basics of JavaScript and the most advanced features starting from the JavaScript E6 version onwards.

 This book is organized into chapters for quick access and easy understanding. If you are new to programming, then the last two chapters are for you! These two chapters will get you the basics before starting to learn the advanced features. The book combines theory, sample code, and screenshots that will help you take advantage of all that’s new. These books cover basic to advanced features like variables, values, types, objects, functions, classes, arrays, modules, promises, asynchronous programming, async/await, MAPS, SET, JSON DOM, operators, regular expressions, and much more.

Why will I need this book?

 I know that your time is precious, so I don’t want to waste it with old and outdated concepts. Only the new concepts are the ones that you need and that are essential for you to find a job.

Why Learning JavaScript!

 The JavaScript programming language is one of the top 3 web development languages. The IT industry covers 2.3 trillion US dollars in the USA, so if you want to access this industry, then JavaScript is the language you must know.

Are JavaScript developers amongst the highest paid?

 Yes, the JavaScript developers are the ones that are amongst the highest paid in the world, so being proficient in JavaScript will help you never run out of job options.

I’m a newbie programmer; can I still learn?

 Yes, the last two chapters will help you learn the foundations of JavaScript, so the core features will be explained there.

Who is this book for?

 This book is for:

• Programmers that want to learn JavaScript
• Newbies or the ones that want to start
• Web Developers that want to master the advanced topics

 JavaScript is a language that can be mastered easily only if you have a good guide that details each topic. This book will ensure that you learn the most up-to-date features demanded by the current hot job market. JavaScript can be complex if you don’t have the right step-by-step guide with practical examples.

What are the topics included?

• Values, types, variables, expressions, operators, statements,
• How to work with objects and arrays
• Power of functions
• classes, modules, iterators, generators
• Asynchronous programming, Promises, and async/await
• Data structures
• Regular expressions
• JSON
• JavaScript and the browser
• DOM – Understanding the link between HTML, CSS, JavaScript, and Document Object Model – DOM
• Event Handlers, Errors, etc
• Tools, code editors, extensions that all professional JavaScript developers rely on.