JavaScript Micro-learning: the basics

Master the fundamentals of JavaScript through motion graphics in a fast, clear, and streamlined micro-learning format that introduces the language's core ideas simply and effectively.

Explore how the web enables client–server data exchange, request resources such as webpages and multimedia, and run both client-side and server-side code with HTML, CSS, and JavaScript.

Explore how browsers run on operating systems, how monitors render visuals with resolution and refresh rate, and how JavaScript on the main thread can be render-blocking or enhance user experience.

Explore how modern browsers integrate the user interface, JavaScript engine, rendering engine, and persistence layer to render web pages, and follow the rendering pipeline from HTML and CSS to paint.

Explore how JavaScript lets developers instruct a browser to perform operations, using inline scripts or external files linked via the src attribute, with semicolons to reduce ambiguity.

Explore how JavaScript uses data and values, detailing primitive types (number, bigint, string, boolean, undefined, null, symbol) and how literals, arrays, and objects organize information.

Declare and assign values using variables and constants in memory with the let keyword, the assignment operator, and identifiers like v1, v2, and sum.

Explore how JavaScript's weak typing affects variables, comparisons, and operations, covering unary, binary, and ternary operators, arithmetic, equality, increment and decrement, and the typeof, in, and logical operators.

Explore how JavaScript assigns values in memory, demonstrating assignment by value for primitive types and assignment by reference for objects and arrays, where shared references make modifications visible.

Explore the browser console and devtools to inspect the DOM, CSS, network activity, and JavaScript execution for debugging. Use console.log to output values and interact with the runtime.