Academy
LOGIC

JavaScript Tutorial

Make pages think: variables, functions, objects, the DOM, events, async code, APIs and ES6+.

0/18 lessons complete

  1. 01JavaScript IntroductionWhere JS runs, how to include it and console output.
  2. 02Variables & Data Typeslet, const, var and the primitive types.
  3. 03Operators & ComparisonArithmetic, == vs ===, logical operators and truthiness.
  4. 04Conditionalsif/else, ternary, switch and guard clauses.
  5. 05Loops & Iterationfor, while, for…of, for…in, break and continue.
  6. 06FunctionsDeclarations, expressions, arrows, parameters and scope.
  7. 07Arrays & Array Methodsmap, filter, reduce, find, sort, spread and destructuring.
  8. 08ObjectsProperties, methods, destructuring, spread and optional chaining.
  9. 09Strings & Template LiteralsCommon string methods and interpolation.
  10. 10The DOMSelecting, reading and changing elements.
  11. 11EventsaddEventListener, the event object, bubbling and delegation.
  12. 12Forms & ValidationReading values, preventDefault and custom checks.
  13. 13Async JavaScriptCallbacks, promises, async/await and error handling.
  14. 14Fetch & APIsCalling HTTP APIs and rendering JSON.
  15. 15Storage & JSONlocalStorage, sessionStorage, JSON.stringify and parse.
  16. 16ES6+ EssentialsModules, classes, spread, optional chaining and modern syntax.
  17. 17Errors & Debuggingtry/catch, throwing, console tools and DevTools.
  18. 18Project: Build a Live Task BoardDOM, events, arrays and storage in one small app.