Learning path
Build with AI without losing control
Plan first, constrain generation, inspect files, and verify the deployed result.
Outcome
Use a deterministic brief and evidence-led audit chain instead of accepting unreviewed generated code.
01
prompt
Prompt for a responsive business landing page
Generate an original, responsive one-page business site with honest content boundaries and a staged inspection checklist.
02
prompt
Prompt to audit semantic HTML
Review an existing page for element meaning, landmarks, headings, names, forms, links, and progressive structure without scoring theater.
03
prompt
Prompt for an accessibility audit
Combine automated findings, keyboard checks, zoom and reflow, semantics, forms, motion, and assistive-technology limits.
04
prompt
Prompt to fix mobile overflow
Diagnose the element and CSS rule causing horizontal overflow, then apply the smallest fix without redesigning the page.
05
lesson
Progressive enhancement
Start with a working HTML experience, then add CSS and JavaScript enhancements without making basic access depend on them.
06
lesson
DOM basics with JavaScript
Query existing semantic elements, respond to events, update text and state, and preserve focus, security, and a useful no-script baseline.
07
lesson
Enhance forms with JavaScript validation
Add timely client feedback while preserving native controls, server authority, accessible errors, safe values, and honest submission states.
08
lesson
Handle browser events without breaking native behavior
Register event listeners, understand propagation and defaults, and connect behavior to native controls without duplicating handlers or input assumptions.
09
lesson
Fetch data and handle every response state
Use Fetch with explicit request contracts, abortable lifetimes, status handling, safe output, and honest loading, success, empty, and failure states.
10
prompt
Prompt for a static-site deployment audit
Verify a deployed static site’s real URLs, statuses, metadata, links, security headers, mobile behavior, and rollback path.
11
guide
Review AI-generated website code
Turn a large generated code dump into an inspectable set of claims, files, behaviors, tests, and small corrections.
12
guide
Test a web page before launch
Verify the exact preview artifact across responses, semantics, keyboard, reflow, forms, performance, rollout, and rollback before promotion.
13
guide
Technical SEO for a small static site
Make a focused site crawlable and understandable with useful pages, real links, accurate metadata, canonicals, status codes, and sitemaps.
14
guide
Publish and verify a static website
Move a tested local site through preview and production while preserving one artifact, correct configuration, rollback, and real-service checks.