JavaScript Essentials: Things you must learn as a developer

Set up your development environment to start coding, connect JavaScript to your web page or document to display output, and learn syntax, statements, keywords, and identifiers through practical exercises.

Set up your JavaScript development environment with a text editor and browser, use Chrome dev tools, and try online tools like jazz bean and jazz fiddle to write code.

Learn how to integrate JavaScript with HTML by embedding code in script tags or linking external .js files, using relative or absolute paths in the page.

Discover four JavaScript output techniques: console.log for logging, window.alert for pop-ups, the DOM API to display content, and the document.write method for HTML output.

Learn JavaScript basics: understand syntax rules, statements, and keywords, use identifiers and comments, and see how console.log outputs work in a structured program.

Recap and exercises consolidate javascript basics and workflow in Visual Studio Code and Firefox, including connecting to HTML via script tags or external files and displaying outputs with console.log.

Learn how data is read, stored, and typed in JavaScript by exploring values, bits, and data types, and practice storing them in variables through recap and exercises.

Explore JavaScript primitive data types—including numbers, strings, booleans, undefined, and null—and how special values like Infinity and NaN behave, plus string escaping and concatenation.

Explore the object data type and object literals with named properties and string or number values, then learn about arrays, index-based elements, and 0-based indexing.

Learn how JavaScript uses variables as symbolic containers to store any value, declared with var, let, or const, and assigned with the equals operator.

Explore dynamic typing in JavaScript, where variables hold any value in a loosely typed language. Observe how implicit coercion converts numbers, strings, and booleans during operations, producing mixed-type results.

Review variable declarations, primitive and complex values, and the dynamics of typing and coercion in JavaScript through a recap and practical exercise session.

Discover how JavaScript uses operators and expressions to compute values, covering arithmetic, assignment, logical, and miscellaneous operators, with practical exercises and a concluding quiz.

Explore JavaScript arithmetic operators, including addition, subtraction, multiplication, division, modulus, and increment/decrement, with examples and operator precedence rules. Learn how parentheses alter precedence and how expressions yield values.

Master assignment operators in JavaScript essentials: X equals Y assigns Y to X, while plus equals and others offer shorthand operations; strings concatenate with the concatenation operator.

Explore JavaScript comparison operators, including equality and relational operators, and see how strict equality compares value and datatype, and greater than or equal to and less than or equal to.

Explore how logical operators in JavaScript determine boolean logic with and, or, and not, including truth tables and their use in conditional statements.

Explore JavaScript operators, focusing on the ternary (conditional) operator and the typeof operator. See how they assign values based on conditions and identify types like string, number, object, and undefined.

Learn JavaScript operators: arithmetic, assignment, equality, relational, logical, ternary, and typeof; master precedence, increment/decrement, string concatenation, and basic examples.

Master conditional statements to control code flow in JavaScript using if statements and switch statements, with practical exercises and a quiz.

Learn how if, else if, and else statements control JavaScript code flow by evaluating conditions as true or false, including false values like undefined, null, 0, and empty string.

Learn how switch statements control code flow by evaluating an expression, matching it to a case block, using a default clause, and applying break.

Explore JavaScript control flow with if, else, else if, and switch statements through practical exercises that show how conditions drive code execution, cases, and default handling.

Explore how loops in JavaScript enable repeated execution and learn about for, while, and do-while loops, plus break and continue, with practical exercises and a quiz.

Learn how loops repeat actions with the JavaScript for loop, using initialiser, condition, and expression to advance a counter toward the exit, illustrated by a five-iteration example.

Understand how a while loop in JavaScript executes a code block as long as a condition is true. Increment the counter to terminate the loop and avoid an infinite loop.

Discover how the do...while loop executes the block at least once, then repeats as long as the condition is true, with break and continue to control iterations.

Learn how break and continue statements control loops by terminating or skipping iterations, see their effects post-loop execution, and practice with various loop types in a hands-on coding exercise.

Explore how JavaScript loops repeat actions using for, while, and do while loops, and control flow with break and continue to manage iterations and exit conditions.

Discover how functions store a single task in a defined block, enabling reuse by calling code as needed, and examine function definitions, parameters, and arguments.

Examine the three ways to define functions in JavaScript—function declaration, function expression, and function constructor—and understand how parameters, arguments, and return statements work.

Understand how function parameters work in JavaScript, including the arguments object and missing arguments becoming undefined, and distinguish passing by value versus by reference.

Review core JavaScript functions, compare function declaration, function expression, and function constructor, and practice self-invoking patterns through hands-on exercises.

Explore scope and hoisting in JavaScript, learn how variables and functions are hoisted to the top, and master closure with practical exercises and quizzes.

Explore the basics of scope in JavaScript, including global and local scope, how variables outside and inside functions behave, and how parameters act as locals; an intro to closure.

Learn how closures in JavaScript let inner functions access outer function variables through nested functions across scope chains, creating persistent access beyond the outer execution.

Learn how hoisting moves declarations to the top in JavaScript, allowing variables and function declarations to be used before declaration, while initializations and function expressions are not hoisted.

Explore JavaScript scope, global and local variables, and closures through practical exercises, plus hoisting concepts, in this recap session of section 8.

Explore how JavaScript treats almost everything as an object and how to store and retrieve values in objects and areas. Learn built-in functionalities on these basic data structures.

Explore how in JavaScript, objects group related values into a single variable using object literals, properties, and methods. Learn how the this keyword relates to the owning object.

Learn to access object properties via dot and bracket notation, iterate with for-in, add or delete properties, call and add methods, and create multiple objects with a constructor.

Learn how arrays hold multiple values of different data types and are accessed by index numbers. Use the length property and for loops to access, modify, and expand arrays.

Explore built-in array methods such as push, pop, shift, and concat to add, remove, and combine elements in JavaScript, with practical examples from fruit arrays.

Create and manipulate objects and arrays in JavaScript, access and modify properties, add new properties and methods, use object constructors, and apply array operations like push, pop, shift, and concat.

Explore how JavaScript exposes built-in objects in the global scope and examine properties and methods of the Number, String, Math, and Date objects.

Learn how global object properties such as Infinity, NaN, and undefined work across all built-in objects, and how isNaN and parseFloat help identify numbers.

Explore the JavaScript number object as a wrapper for numeric values and learn its properties, including max and min values, positive and negative infinity, and finite and safe integer checks.

Master the string object in JavaScript essentials by using length, charAt, substr, and split to extract parts and convert strings into arrays.

Explore the math object in JavaScript, using built-in methods like pow, random, round, ceil, and floor for calculations; it's not a constructor, and next learn the date object.

Explore date objects in JavaScript: create with new Date and use getDate, getDay, getHours, and getMonth to read day, day of the week, hour, and month.

Recap of section 10 covers using JavaScript built-in objects, including global, number, string, math, and date objects. Apply practical exercises to parse numbers, check finiteness, and access date data.