Understanding why JavaScript is challenging and how this workshop provides the foundation to confidently start building real projects.

Javascript Is Hard

Understanding that making mistakes is normal and part of the learning process in programming.

Don't Get Discouraged

Mindset

Basic tools you need to download to follow along with JavaScript development.

Basic Tools

Installing and using the Live Server extension for faster web development.

Live Server Extension

Setting up Prettier for automatic code formatting and understanding its benefits.

Prettier Setup

Tools

Understanding what JavaScript is and why it's essential for modern development.

What Is JavaScript?

Setting up your development environment and writing your very first JavaScript program.

Your First JavaScript App

Understanding the different ways to load JavaScript and how they affect page performance.

Loading JavaScript in the Browser

Running JavaScript

Learn about JavaScript's fundamental primitive data types (number, string, boolean) and the basic operations you can perform with them.

Primitive Types and Operations

Learn how to create variables in JavaScript using the let keyword and understand how variables store values in memory.

Creating Your First Variable

Learn how to create constants using the const keyword and understand when to use const instead of let for unchanging values.

Constants with Const

Learn about JavaScript's special values null and undefined, understand their differences, and know when to use each one.

Null vs Undefined

Variable Basics

Learn how to create and use functions in JavaScript to organize your code and avoid repetition.

Introduction to Functions

Learn how to pass functions to other functions as arguments, including callbacks and anonymous functions.

Passing Functions as Arguments

Learn the alternate arrow function syntax - a shorter way to write functions in JavaScript with some unique features.

Arrow Functions

Functions

Learn how JavaScript organizes variables and functions into different scopes, and how inner scopes can access outer scopes but not vice versa.

Understanding Scope

Learn how JavaScript moves function declarations to the top of their scope.

Hoisting

Learn how inner functions can access variables from outer scopes, even after the outer function has finished executing.

Closures

Scope

Learn about the var keyword and why you should avoid it in favor of let and const.

Creating Variables with var

Learn how JavaScript automatically converts between types and how to prevent unexpected behavior with proper equality operators.

Type Coercion

Learn about NaN (Not a Number) and how to properly check for it in JavaScript.

NaN (Not a Number)

Learn how JavaScript handles equality comparisons and the importance of using strict equality.

Equality Type Comparisons

Learn how to create and work with arrays to store multiple values in a single variable.

Arrays

Learn how to create and work with objects to organize related data and functions together.

Objects

Learn the crucial difference between how JavaScript handles primitive values versus object references.

Reference vs Value

Learn how to use template literals (backticks) to create dynamic strings with embedded variables and expressions.

String Template Literals

Learn how the this and new keywords work in JavaScript, including their uses in classes, objects, and different contexts.

This Keyword

Advanced Variables

Learn how to conditionally execute code using if, else if, and else statements.

If Statements

Learn how to write concise conditional logic using the ternary operator for simple if-else scenarios.

Ternary Operator

Learn how to use switch statements for cleaner multi-way conditional logic and how to create scoped blocks for each case.

Switch Statements

Learn how to use for loops to repeat code a specific number of times and iterate over data structures.

For Loops

Learn how to use while loops for repeating code when you don't know exactly how many times to loop.

While Loops

Learn how recursion works - when functions call themselves to solve problems that can be broken down into smaller, similar subproblems.

Recursion

Learn how short-circuit evaluation works with logical operators to write more efficient and cleaner conditional code.

Short Circuit Evaluation

Learn essential array methods like forEach, map, filter, find, some, every, and reduce to work with arrays efficiently in JavaScript.

Array Methods

Control Flow

Learn about the window and document objects - the foundation for interacting with web pages in JavaScript.

Window and Document

Learn different ways to select HTML elements in JavaScript, including getElementById, getElementsByClassName, and the powerful querySelector methods.

Selecting Elements

Learn how to make your web pages interactive by adding event listeners to respond to user actions like clicks, form submissions, and more.

Event Listeners

Learn about event delegation, event bubbling, and event capturing - powerful concepts that allow you to handle events efficiently and work with dynamically added elements.

Event Delegation

Learn how to navigate through the DOM tree using JavaScript to move from one element to related elements like parents, children, and siblings.

DOM Traversal

Learn to identify and fix the most common JavaScript errors that beginners encounter, including syntax errors, runtime errors, and logical mistakes.

Common Errors

Learn to use Chrome DevTools effectively for debugging JavaScript, including the Elements, Console, Network, and Performance tabs.

Devtools Basics

Master advanced console methods and debugging techniques beyond basic console.log for more effective JavaScript debugging.

Console Advanced

Master the Sources tab and JavaScript debugger in Chrome DevTools for advanced debugging with breakpoints, stepping, and call stack inspection.

Source Debugger

Learn how to debug JavaScript directly in VSCode using the integrated debugger, launch configurations, and debugging features.

Getting Started with JavaScript