Frontend Testing: Behavior, Boundaries & Regressions
Choose meaningful frontend tests for interactions, async states, responsive layouts, and browser storage.
Find your next step
What do you want
to learn or make?
Explore the resource library
293 resources. Add a search term or choose a type to narrow the list.
HTML: Accessible Data Tables
Choose table structures that communicate headers, groups, and data relationships.
HTML Media: Playback & Responsive Sources
Choose responsive images, text tracks, playback controls, and reliable media behavior.
HTML: Native UI Patterns & Interactions
Reason through disclosure panels, dialogs, form controls, labels, and native browser behavior.
JavaScript: Async UI States & Race Conditions
Handle overlapping searches, cancellation, stale responses, failed requests, and loading states.
JavaScript: Component Events & DOM Updates
Read and debug event delegation, listener lifecycles, live properties, and safe DOM rendering.
JavaScript: Immutable State Updates
Practice copying arrays and objects without accidentally changing earlier state.
JavaScript Intl: Localized Interface Decisions
Format numbers, dates, lists, and comparisons deliberately while keeping presentation separate from stored data.
JavaScript: Promise Coordination & Partial Failure
Choose the right Promise combinator, preserve result order, and reason about partial failure and cancellation.
JavaScript: URL State & Browser Navigation
Build predictable filters and navigation with query parameters, history, validation, and storage boundaries.
Vibe Coding: Evidence-Led Debugging
Use reproduction steps, competing hypotheses, minimal changes, and verification in AI-assisted debugging.
Vibe Coding: Safe Changes to Existing Projects
Reason through targeted modifications, existing contracts, dependency choices, and reviewable patches.
Vibe Coding: Frontend Prototypes That Work
Turn AI-assisted interface ideas into testable prototypes with clear behavior, states, and constraints.
Vibe Learning: Practice Plans & Progress Evidence
Build realistic practice plans, choose useful feedback, and measure learning through independent performance.
Vibe Learning: Retrieval & Misconception Checks
Choose learning activities that reveal understanding, expose errors, and use AI feedback thoughtfully.
Vibe Coding: A Practical Beginner’s Guide
Learn a repeatable workflow for turning an idea into working software with AI—without losing control of the code.
A JavaScript Debugging Checklist That Saves Time
A systematic way to find frontend bugs using the console, breakpoints, network panel, and smaller test cases.
How to Evaluate an AI Coding Assistant
Compare coding assistants by workflow fit, context handling, verification, privacy, and total value—not hype.
Create a JSON Endpoint with Google Apps Script
Turn Google Sheet data into a simple JSON response that frontend JavaScript can request.
Modern CSS Layout: Grid, Flexbox, and Container Queries
Choose the right CSS layout tool and build components that respond to their available space.
The Practical Web Developer Starter Kit
A focused collection of browser, editor, deployment, testing, and learning resources for building modern websites.
Vibe Coding Prompts That Reduce Rework
Use outcome, constraint, evidence, and review prompts to keep AI-assisted projects focused and understandable.
How to Verify AI-Generated JavaScript
A practical checklist for understanding, testing, and safely improving JavaScript created with an AI assistant.
A Security Checklist for Vibe-Coded Web Apps
Protect credentials, validate inputs, review dependencies, and test authorization before publishing an AI-assisted app.