AniUI Academy
Beginner to advanced28 lessons329 min total

JavaScript Masterclass

Start with no programming experience at all and finish understanding how JavaScript actually runs. What the internet is, what a browser does, how to write your first program — then scope, prototypes and promises, and finally the event loop, rendering performance and the browser security model.

Start with How the Internet Works

Part 1 · Foundations

16 lessons · 156 min

How the web works and how to write code that runs in it. Assumes nothing.

  1. How the Internet Works9 minBefore you write a line of code, understand what actually happens between typing a web address and seeing the page — servers, addresses, requests and replies, in plain language.
  2. How a Web Page Is Built9 minEvery page you have ever used is three languages doing three different jobs. Learn what HTML, CSS and JavaScript each contribute, and why keeping them separate matters.
  3. What Is JavaScript8 minWhat the language actually is, why it has a misleading name, where it runs besides the browser, and what you can realistically build once you know it.
  4. How JavaScript Runs Your Code10 minWhat happens inside the browser between your file arriving and something appearing on screen — the engine, the call stack, and why JavaScript does one thing at a time.
  5. Your First Program8 minWrite and run real JavaScript in the next two minutes — no installation, no setup. Learn console.log, comments, errors, and how to read what the browser tells you.
  6. Values and Variables8 minLearn how JavaScript stores data with let and const, the types you will actually use every day, and why const does not mean what most beginners think it means.
  7. Working with Text9 minStrings, template literals, and the methods you actually use — plus why .toUpperCase() never changes the original text and why indexes start at zero.
  8. Numbers and Maths10 minOne number type, the remainder operator you will use more than you expect, and why 0.1 + 0.2 is not 0.3 — with the fixes that keep money correct.
  9. Making Decisions10 minif, else, comparisons, truthy and falsy — plus the difference between === and ==, and why ?? saves you when a value is legitimately 0 or empty.
  10. Repeating Work10 minfor, for...of and while explained piece by piece — how to stop early with break, skip an item with continue, and know which loop fits which job.
  11. Functions9 minWrite reusable blocks of logic with function declarations and arrow functions, understand parameters, return values, and why a function without return gives you undefined.
  12. Arrays and Objects10 minGroup related data with arrays and objects, read values out with destructuring, and understand reference behaviour — the reason two variables can secretly point at the same data.
  13. Transforming Arrays11 minMaster map, filter, find, and reduce — the four array methods that replace almost every loop you would otherwise write, and the backbone of rendering lists in React.
  14. Changing the Page11 minThe browser turns your HTML into a live tree of objects. Find elements, rewrite their text, restyle them and build new ones, and watch the page update instantly.
  15. Reacting to Clicks12 minYour code stops running top to bottom and starts waiting to be called. Handle clicks, typing and form submits, and cover a whole list with one listener.
  16. Asynchronous JavaScript12 minUnderstand promises, async and await, and error handling with try/catch so you can fetch real data from an API without freezing the page or swallowing failures.

Part 2 · Depth

6 lessons · 80 min

Why your code behaves as it does. The ideas that turn copying into debugging.

  1. Scope and Closures13 minThe scope chain, the loop-with-var bug that let quietly fixes, and closures explained properly as functions that remember the variables they were created beside.
  2. The this Keyword12 minThe value of this is decided by how a function is called, not where it is written — the four call patterns, arrow functions, and the lost-this callback bug.
  3. Objects, Classes and Prototypes15 minOptional chaining, getters, and the prototype chain shown plainly with Object.create — so class finally reads as syntax over objects rather than a separate system.
  4. Destructuring and Spread13 minDestructuring, defaults, rest and spread across arrays, objects and parameters — plus the shallow-copy trap where editing your copy quietly rewrites the original.
  5. Modules12 minNamed and default exports, live bindings, dynamic import for code splitting, and circular imports — plus how ESM differs from the require calls still everywhere.
  6. Promises in Depth15 minWhat sits under async and await — three states, why every then returns a new promise, fail-fast Promise.all versus allSettled, and the loop that costs you seconds.

Part 3 · Mastery

6 lessons · 93 min

The runtime under load: ordering, performance, workers and security.

  1. The Event Loop15 minsetTimeout(fn, 0) is never zero, promise callbacks always jump the queue, and one runaway microtask can freeze a tab. Here is the model that explains it.
  2. Iterators and Generators15 minfor...of, spread and destructuring are not array features — they are one protocol you can implement yourself. Generators, laziness, and for await...of.
  3. Functional Patterns15 minPure functions, composition, currying, memoisation and structural sharing — which of them belong in your application code, and which belong in the library layer.
  4. Performance and Rendering16 minThe pixel pipeline, layout thrashing, the 16ms frame budget and what LCP, CLS and INP actually measure — plus how to find the real cost before you optimise.
  5. Web Workers15 minMove heavy work off the main thread properly: dedicated workers, structured clone and its cost, transferables, SharedArrayBuffer, and where service workers differ.
  6. Security in the Browser17 minThe same-origin policy, CORS from the server's side, XSS and CSP, SameSite cookies, token storage and supply chain risk — the part of security you own.

Prove it: JavaScript Certification

This course teaches the whole exam syllabus, free. The exam itself is 2½ hours under a clock, 65 questions, ₹199 — and a certificate with a link anyone can check if you pass.

See the exam