Six dedicated deep pages, one per chapter group. Pick where you want to dive in. Each page
walks every program from the LearningPlaywrightBatch curriculum, restates the concept in
original prose, draws a fresh diagram, and ends with predict-the-output drills. No third-party
tutorials, no demo sites you've already seen - just the path from let to
async/await.
chapters 1-4 . ~30 programs . ~45 diagrams
Runtime, V8 engine, var / let / const, the full hoisting deep dive, identifiers + literals, equality, and every operator family.
chapters 5-7 . conditionals + loops + truthy
The branches and loops behind every assertion, every data-driven test, every retry pattern. Truthy / falsy decisions, short-circuit evaluation, labelled breaks.
chapters 8-12 . arrays + objects + strings
Locator arrays, response JSON, DOM attributes, CSV rows. 2D arrays, object iteration, the string methods you need to clean scraped text.
chapters 9 + 13 . declarations + arrows + closures
The unit Playwright fixtures are built from. Function expressions, arrows, IIFEs, default + rest params, the callback pattern that leads into Promises.
chapters 14-15 . Promises + async / await
Every Playwright API returns a Promise. Four states, three combinators you actually use, and why await in a forEach is a footgun.
chapters 16-17 . classes + inheritance
Page Object Model is built on classes. Class syntax, constructor, methods, extends, super, # private fields, the prototype chain.
Living pages where the concepts above turn into working code. Open each one in a new tab and try the exercises against the running practice page.
beforeAll, beforeEach, test.skip, test.step.
Data-driven + POM
Faker / inline / JSON / CSV / XLSX patterns + a clean Page Object Model. Apply the OOP group here. Eleven worked examples.
Assertions cookbook
Every expect() matcher, soft assertions, custom matchers, and the auto-retrying wait baked into Playwright.
Advance framework V1
Folder-by-folder build of a production Playwright framework - TypeScript, POM, fixtures, env config, Docker, GitHub Actions sharding.
TypeScript curriculum
The next track once JS feels solid. Type system, interfaces, generics, narrowing, and how Playwright types compose.