JavaScript Basics with 50+ Coding Exercises

Learn to run JavaScript in Visual Studio Code by creating a JS mastery folder, writing a greet function in app.js, and executing it in the integrated terminal with node.

Explore JavaScript coding in Chrome DevTools, focusing on the sources panel to create and run snippets. Test code in the browser console and debug in real time.

Navigate the Udemy coding exercise, read the problem statement, and implement your solution in the code editor using the exact variable name. Run tests and review results to refine.

Learn how JavaScript comments clarify code by using single-line and multi-line syntax, briefly explaining code, marking notes, and keeping comments up to date to complement clean code.

Learn how console.log outputs data in JavaScript, including strings, numbers, objects, and arrays, using multiple arguments to debug and understand code in the terminal.

Explore how variables act as named storage to hold strings, numbers, booleans, and objects in JavaScript, enabling dynamic and interactive web apps.

Explore var, let, and const in JavaScript, their function and block scopes, redeclaration rules, and mutability, plus global concepts like window and global.

Master var in JavaScript by understanding function scope, global scope, and hoisting, which makes declarations accessible as undefined before use, lacks block scope, and prompts preferring let or const.

Demonstrate that var uses function scope and is not block-scoped in JavaScript, using local var and inner var examples to show accessibility inside and outside blocks.

Explore variable hoisting in JavaScript by defining a hoisting var, assigning it, and printing its value. Learn how the declaration moves to the top during compilation.

Explore the temporal dead zone in javascript by printing undeclared variable, then declare with var and print again. Observe how let introduces a temporal dead zone and errors until declared.

Define a global var and assign a value, then create and call a function that prints it with console.log. Run the code to see the value printed globally.

Master the let keyword to declare block-scoped variables, understand the temporal dead zone, avoid hoisting issues, and learn let behavior in loops for reliable JavaScript coding.

Practice let block scope in editor and define x inside if; print x to see output, and learn redeclaration, temporal dead zone, and optional initialization with undefined values.

Master the rules for naming variables in JavaScript, including valid starts, allowed characters, avoiding reserved keywords, descriptive names, and consistent camelCase conventions.

Navigate JavaScript variable naming rules with camel case, underscores, and dollar signs, using readable names, and avoid starting with numbers, hyphens, spaces, or reserved keywords.

Declare constants with the const keyword to prevent reassignment after initialization. Note that const is block scoped and may hold objects or arrays that can still be mutated.

Declare and initialize a constant variable named pi with 3.14159, then print its value to the console using console.log.

Declare constants with various data types and define a person object with first name, last name, and age, then display the object in the console with console.log.

Explore how const objects allow property updates while the reference stays constant, update the person's age to 31, and use const arrays like colors with console.log to visualize contents.

Modify a const array in JavaScript by adding yellow to the colors array, showing that content can be changed even when declared as const.

Explore block-scoped constants inside a function, learn how const and block scope restrict access to variables within the block, and why accessing them outside triggers an error.

Learn how constants are affected by the temporal dead zone, where accessing a const before declaration yields a reference error; the example declares it before access, avoiding the error.

Learn that constants must be initialized at the time of declaration, and that declaring an uninitialized constant results in a syntax error in JavaScript.

Explore destructuring with const in JavaScript by extracting first and last names from a person object and printing them, while learning const immutability, block scope, TDs, and initialization.