JavaScript for Developers Online Course

JavaScript for Developers Online Course

JavaScript for Developers is a practical course designed to help you master the core and advanced concepts of JavaScript, from variables, functions, and loops to DOM manipulation, events, and modern features like promises and async/await. Through hands-on examples and projects, you’ll learn to build dynamic, interactive applications and gain the skills needed to confidently apply JavaScript in real-world development.

Who should take this course?

This course is designed for aspiring web developers, software engineers, and programmers who want to gain a deep mastery of JavaScript. It’s also perfect for beginners aiming to build a strong foundation, as well as intermediate learners seeking to refine their skills for advanced web development projects.

What you will learn

• Sign in to the CodeSandbox IDE and create a new Vanilla.js template on it
• Look at the comments, datatypes, variables, functions, and operators in JavaScript
• Use the splice method to decode the puzzle and update new user database
• Build an Uber app customer JavaScript object database
• Automate a company's website with correct formatting in JavaScript
• Understand the Fibonacci series and recursion in JavaScript

Course Outline

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
• Exercise - Declare a Variable in JavaScript and Log the Result
• Solution - Declare a Variable in JavaScript and Log the Result
• Assigning Variables to Each Other in JavaScript - Part I
• Assigning Variables to Each Other in JavaScript - Part II
• Exercise - Build a Basic Calculator in JavaScript
• Solution - Build a Basic Calculator in JavaScript
• The Difference Between Var and Let in JavaScript - ES6
• The Difference Between Let and Const in JavaScript
• Exercise Solution - The Difference Between Var, Let, and Const in JavaScript
• Incrementing and Decrementing Operators in JavaScript
• Exercise Solution - Incrementing and Decrementing Operators in JavaScript
• The Remainder Operator in JavaScript - I
• The Remainder Operator in JavaScript - II
• Exercise Solution - The Remainder Operator in JavaScript
• Compounding and Augmented Operators in JavaScript
• Exercise Solution - Compounding and Augmented Operators in JavaScript
• Escape Sequences in JavaScript
• Exercise Solution - Escape Sequences in JavaScript
• Exercise Solution - What Is Concatenating in JavaScript - Concatenation
• What Are Functions in JavaScript - Part I
• What Are Functions in JavaScript - Part II
• Exercise Solution - What Are Functions in JavaScript
• Global Versus Local Scope in Functions with JavaScript
• Equality and Comparison Operators in JavaScript
• If Else Statements in JavaScript and (in) Equality Operators
• Exercise - Time Travel Program - If Else and Equality Operators
• Solution - Time Travel Program - If Else and Equality Operators
• Introduction to the For Loop - I
• Introduction to the For Loop - II
• Introduction to the For Loop - III
• Introduction to the For Loop - IV
• For Loop Exercise - Sum of Natural Numbers in JavaScript
• For Loop Solution - Sum of Natural Numbers 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