Web development · free flashcards
Web development flashcards: HTML & CSS, React, Vue, Angular, Next.js, Node.js and GraphQL
Frameworks change fast, but each one rests on a handful of ideas you use every day: components and props, reactivity, rendering on the server or the client, the event loop. These decks drill those ideas with short, highlighted examples, so they stay sharp between projects.
- Frontend and backendFrom semantic HTML and CSS layout to React, Vue and Angular, Next.js server components and Node.js internals.
- Up to dateModern APIs: hooks, the Composition API, signals, the App Router and ES modules.
- Short, real snippetsEvery code answer is a few highlighted lines you could paste into a project.
Web development decks
HTML & CSS
Fifty HTML and CSS cards: semantic HTML and accessible forms, specificity and cascade layers, flexbox and grid, stacking contexts and z-index, modern units and container queries.
50 cardsReact
Fifty React cards: state and re-rendering, useEffect and cleanup, memoization, refs, context, Suspense and the React 19 APIs like use, useOptimistic and useActionState.
50 cardsVue
Vue 3 fundamentals: ref vs reactive, computed and watch, props and emits, v-model, directives, slots, single-file components and Pinia stores.
50 cardsAngular
Modern Angular: standalone components, signals, inputs and outputs, dependency injection, RxJS basics, @if and @for, routing and OnPush change detection.
50 cardsNext.js
Next.js App Router basics: server vs client components, layouts, route handlers, server actions, caching, metadata, dynamic routes and middleware.
50 cardsNode.js
Node.js fundamentals: the event loop, ESM vs CommonJS, npm, streams, Buffer, fs/promises, process, error handling, worker threads and a basic HTTP server.
50 cardsGraphQL
GraphQL basics: schema types, queries, mutations, subscriptions, resolvers, variables, fragments, N+1 and DataLoader, introspection and GraphQL vs REST.
50 cardsHow spaced repetition works
- Step 1See a cardRecall the answer before you flip it. Effortful recall is what builds memory.
- Step 2Grade yourselfAgain, Hard, Good or Easy. Each answer sets when the card comes back.
- Step 3Review just in timeCards return right before you would forget them: minutes, then days, then months.
Frequently asked questions
Which web framework deck should I start with?
Start with HTML & CSS and the JavaScript decks, then pick the framework you use: React, Vue or Angular. Next.js builds on React.
Are these decks for frontend or backend developers?
Both. The framework decks cover the frontend; Node.js and GraphQL cover the server side of a full-stack app.
Do the cards follow current versions?
Yes: React hooks, Vue 3, standalone components and signals in Angular, the Next.js App Router and modern Node.js.
Start learning web development today
Free forever. Sync your progress, build a streak, get a daily reminder when your cards are ready, and see your stats grow.