Learn JavaScript for Beginners

Discover primitive data types in JavaScript, including number and string, plus boolean, undefined, and object, with variable declaration using var, the assignment operator, camelCase naming, strings in quotes, and comments.

Explore undefined, null, and boolean data types in JavaScript, learn how the typeof operator reports types, and see how document.write displays outputs and quirks like typeof null.

Explore JavaScript operators, including arithmetic, order of operations, modulo, increment, and compound operators, then delve into comparison and logical operators to evaluate values in boolean contexts.

Master strings in JavaScript by using single or double quotes, concatenation with the addition operator, and built-in methods like toUpperCase, toLowerCase, and slice.

Learn how JavaScript stores numbers as whole, decimal, negative, and exponential values, including infinity and NaN, and uses toFixed, toPrecision, and math methods like floor, min, max, round, and random.

Learn how to use conditional statements in JavaScript, including if, else if, switch, and the ternary operator, to control which code blocks run based on true or false conditions.

Learn how loops in JavaScript repeat tasks using the while, do while, and for loops, including initialization, conditions, increments, and examples.

Understand nested for loops with an outer and inner loop sharing initialization, condition, and iterating parameters. An animation demonstrates the four-times-per-outer-iteration pattern and hints at broader code complexity.

Explore arrays as variables that store multiple data items and access them by a zero based index, including first item at index 0 and assigning values.

Learn how multidimensional arrays work by composing a bookshelf of math, programming, and comic book arrays, and access items with multi-level indexing.

Learn how to use common JavaScript array methods such as length, concat, splice, sort, reverse, pop, shift, push, and slice to manipulate data.

Explore looping through array index values with a for loop using i and the array length, and add conditionals to check existence, including an else branch.

Leave a review if you’re getting value from this course, and you can update it later. Share a five star review and comments to help improve our training material.

Explore how functions package code for reuse, hiding complexity through abstraction, and learn to declare, name, use parameters, and return values, then invoke functions with arguments.

Explore global scope and function scope in JavaScript, and learn how variables, var declarations, and storage via arrays and data sharing affect accessibility across functions.

Explore variable hoisting, distinguish between declaration and initialization, and see how return statements influence function output, including undefined when no return is used, in JavaScript.

Learn how functions can be treated like variables by passing them around as data, compare function declarations and function expressions, and understand how hoisting affects call order.

Explore anonymous functions and immediately invoked function expressions in JavaScript, learn their syntax, and discover how IIFEs create independent scopes and support encapsulation.

Learn how callback functions work by passing a function as an argument and invoking it inside a host function. See anonymous callbacks and simple math examples like add and multiply.

Explore how functions return other functions, and how the outer function’s scope and the global scope are accessible to the returned inner function.

Discover how closures let an inner function remember the outer environment's state, avoiding global variables and enabling persistent counters in JavaScript.

Explore JavaScript objects as containers for data with key-value pairs, properties, and methods; learn dot notation, delete properties, and distinguish objects from arrays.

Explore copying by value versus copying by reference in JavaScript, and learn how to create a hard copy with Object.create while understanding reference-based equality.

Explore the this keyword in JavaScript, how it points to an object, how strict mode avoids window globals, and how to use call, apply, and bind to share methods.

Explore how this binds in nested functions within objects, why this becomes undefined, and apply fixes using call or a that variable to preserve the correct context.

Explore the class concept in JavaScript and compare constructors and factory functions as patterns for creating objects that inherit properties through prototype and the new keyword.

Discover how the module pattern structures an entire javascript app, encapsulating code from the global scope with a quiz maker, init, start quiz, and prompt interaction.

Learn to manipulate web page content with JavaScript by creating and appending elements using document.createElement and appendChild. Understand the DOM and document object model, and add text nodes with createTextNode.

Master selecting dom elements by type, class, and id, access them via tag name and class name arrays, and apply class updates and styles with javascript.

Learn how the DOM and JavaScript handle user events, including click, focus, and key events, and apply event handlers and listeners to trigger functions with capturing, bubbling, and stop propagation.

Learn to create forms, capture form input with the value property and events, compute item totals with a 9 percent tax, and display a receipt by updating the DOM.

Explore how to navigate the dom tree using child, parent, and sibling selectors, including childNodes vs element-based options, and master querySelector and querySelectorAll for precise element selection.

Explore how popular JavaScript libraries like jQuery, MooTools, and Dojo simplify cross-browser DOM manipulation and animations, compare them to vanilla JavaScript, and learn why libraries ease the learning curve.