All Topics
59 topics across 6 categories — pick one and start learning
59 topics across 6 categories — pick one and start learning
The foundation of every web page — structure, semantics, and accessibility.
Style, layout, and responsive design — from Flexbox to Grid to animations.
The language of the web — from closures and the event loop to modern ES6+.
Component-based UI development with hooks, state, and the virtual DOM.
The React framework for production — SSR, SSG, App Router, and more.
Structure tabular data with rows, columns, headers, spanning, and accessibility attributes.
Collect user input with forms, input types, validation, and embed media with HTML5 elements.
Target elements precisely with CSS selectors, understand the cascade, specificity, and combinators.
Build powerful one and two-dimensional layouts with CSS Flexbox and CSS Grid.
Style interactive states with pseudo-classes, generate content with pseudo-elements, and animate with @keyframes.
Build layouts that work on all screen sizes using media queries, responsive units, and SASS preprocessor features.
Control program flow with if/else, switch, ternary, and iterate with for, while, and for...of loops.
Master function declarations, expressions, arrow functions, closures, HOFs, and the call stack.
Work with arrays and objects — methods, destructuring, spread/rest, and Object utilities.
Select, traverse, modify, create, and remove DOM elements dynamically with JavaScript.
Handle user interactions with addEventListener, event bubbling, delegation, and keyboard/mouse events.
Work with localStorage, sessionStorage, timers, requestAnimationFrame, and the Fetch API.
Apply object-oriented programming with classes, inheritance, encapsulation, and the four OOP pillars.
Master the event loop, Promises, async/await, and parallel async patterns with Promise.all.
Error handling, custom errors, debounce, throttle, memoization, optional chaining, and Map/Set.
Understand JSX syntax, functional components, props, list rendering with keys, and conditional rendering.
Manage component state with useState, lift state up, control forms, and apply CSS Modules.
Deep dive into useEffect, useRef, useMemo, useCallback, and creating custom hooks.
Share state across the component tree with Context API and manage complex state with useReducer.
Client-side routing with React Router — nested routes, dynamic params, navigation hooks, and protected routes.
Manage global state with Redux Toolkit — slices, thunks, selectors, and connecting to React components.
Build forms with React Hook Form, validate inputs, and optimize with React.memo and useCallback.
Build, configure, and deploy React apps — environment variables, Vite build, Nginx SPA config, and Vercel.
Build installable, offline-capable web apps with service workers, Web App Manifest, and caching strategies.