Manuals / Cypress / Ch 1

StartBeginner25 min read

1. How to use this roadmap

Cypress · 48 pages source format

Cypress is not a weekend install — this path takes you from zero to job-ready: real selectors, network stubbing, POM, CI, accessibility, and team standards. Follow order, pass checkpoints, push to a public repo.

What you'll learn

  • 10–12 week pacing plan
  • Cypress strengths and limits (same-origin, browser support)
  • Job-ready Cypress portfolio definition

Study pace

Plan 1.5–2 hours most days. Cypress rewards daily practice — the command log becomes muscle memory.

  • Recommended: ~10–12 weeks at 10–12 hrs/week
  • Accelerated: ~7–8 weeks at 3 hrs/day
  • Slow: ~14–16 weeks — consistency wins

Do this now

Block calendar slots. Create cypress-journey repo on GitHub today.

Clear?

Prerequisites

Basic JavaScript (variables, functions, async/await intuition). Basic Git. HTML/CSS reading helps but is learnable along the way.

Do this now

If rusty on JS, spend 2 days on freeCodeCamp JS basics before Chapter 2.

Clear?

Practice app

You will use Sauce Demo, example.cypress.io, and optionally Cypress Real World App. Stick to one primary app per phase.

Do this now

Bookmark Sauce Demo. Create cypress/e2e/ folder structure in your repo.

Clear?

Checkpoints

Three gates: first green suite, intercept + POM, CI + a11y + standards. Do not skip.

Do this now

Read all checkpoint chapters. Copy pass criteria to README.

Clear?

Checklist