webroad.online
enEnglishroRomânăruРусский
  1. 1Web
  2. 2HTML
  3. 3CSS
  4. 4JavaScript
  5. 5TypeScript
  6. 6Git
  7. 7Tooling
  8. 8React
  9. 9State management
  10. 10Next.js
  11. 11Forms
  12. 12Data and backend
  13. 13SEO
  14. 14Tailwind CSS
  15. 15Animations
  16. 16Testing
  17. 17Architecture
GlossaryLibrary

Library

Official sources and trusted guides, grouped by topic. When you have a question, start here, not with the first Google result.

Web

MDN — Learn web development ↗GuideThe complete MDN curriculum, from scratch.developer.mozilla.orgMDN — HTTP ↗ReferenceMethods, statuses, headers, caching, cookies, CORS.developer.mozilla.orgweb.dev — Learn Performance ↗GuideHow a page loads and how to make it fast.web.devOWASP Top 10 ↗ReferenceThe most common web security risks.owasp.org

HTML

MDN — HTML reference ↗ReferenceThe complete reference for elements and attributes.developer.mozilla.orgHTML Living Standard ↗ReferenceThe official WHATWG specification — the source of truth.html.spec.whatwg.orgweb.dev — Learn HTML ↗GuideA structured course from the Chrome team.web.devWCAG 2.2 Quick Reference ↗ReferenceAccessibility success criteria, filterable.www.w3.orgWAI-ARIA Authoring Practices ↗GuideAccessible patterns for modals, tabs, menus.www.w3.org

CSS

MDN — CSS reference ↗ReferenceEvery property and selector.developer.mozilla.orgweb.dev — Learn CSS ↗GuideA complete course: box model, cascade, flex, grid.web.devFlexbox Froggy ↗ToolA game for learning flexbox.flexboxfroggy.comGrid Garden ↗ToolA game for learning CSS Grid.cssgridgarden.com

JavaScript

MDN — JavaScript Guide ↗GuideThe official MDN guide, from basics to advanced.developer.mozilla.orgMDN — JavaScript Reference ↗ReferenceEvery method, operator and global object.developer.mozilla.orgjavascript.info ↗GuideThe best complete tutorial, with exercises.javascript.infoECMAScript Specification ↗ReferenceThe language specification (TC39).tc39.esTC39 Proposals ↗ReferenceWhich new features are coming to the language.github.comMDN — Web APIs ↗Guidefetch, DOM, Storage, Intl and every browser API.developer.mozilla.orgCan I use ↗ToolBrowser support for any feature.caniuse.com

TypeScript

TypeScript Handbook ↗DocsThe official TypeScript documentation.www.typescriptlang.orgTypeScript Playground ↗ToolWrite TS in the browser and see the types and the output JS.www.typescriptlang.orgReact TypeScript Cheatsheet ↗GuideRecipes for typing props, events, hooks.react-typescript-cheatsheet.netlify.app

Git

Pro Git ↗GuideThe official Git book, free.git-scm.comGitHub Docs ↗DocsPull requests, Actions, branch protection.docs.github.comConventional Commits ↗ReferenceThe standard for commit messages.www.conventionalcommits.orgLearn Git Branching ↗ToolInteractive visualization of branch, merge, rebase.learngitbranching.js.org

Tooling

npm Docs ↗Docspackage.json, versions, commands.docs.npmjs.comnpm semver calculator ↗ToolSee which versions a range accepts.semver.npmjs.comVite ↗DocsBundler and dev server for SPAs.vite.devESLint ↗DocsLinter: rules and configuration.eslint.orgPrettier ↗DocsCode formatter.prettier.ioChrome DevTools ↗GuideEvery panel, with tutorials.developer.chrome.com

React

react.dev — Learn ↗GuideThe official React docs, with interactive exercises.react.devreact.dev — API Reference ↗ReferenceEvery React 19 hook and component.react.devYou Might Not Need an Effect ↗GuideThe most important article about useEffect.react.devReact Compiler ↗DocsAutomatic memoization — no manual useMemo/useCallback.react.dev

State management

Redux Toolkit ↗DocsThe official, current way to write Redux.redux-toolkit.js.orgRTK Query ↗DocsFetching and caching server state, in Redux.redux-toolkit.js.orgZustand ↗DocsA minimalist global store, no provider.zustand.docs.pmnd.rsTanStack Query ↗DocsServer state on the client, without Redux.tanstack.comSWR ↗DocsA simple alternative for fetching with a cache.swr.vercel.appJotai ↗DocsGlobal state from small atoms.jotai.org

Next.js

Next.js Docs ↗DocsThe official App Router documentation.nextjs.orgNext.js Learn ↗GuideThe official free course, a complete project.nextjs.orgNext.js — Caching ↗GuideCache Components, 'use cache', PPR.nextjs.orgNext.js — Data Security ↗GuideHow to protect Server Actions and data.nextjs.orgNext.js — Upgrading to 16 ↗GuideWhat changed: proxy.ts, async params, caching.nextjs.orgVercel Docs ↗DocsDeploys, env vars, domains, analytics.vercel.comNext.js — Authentication ↗GuideSessions, Data Access Layer, authorization.nextjs.orgAuth.js ↗DocsOpen-source authentication: OAuth, sessions.authjs.devBetter Auth ↗DocsComplete, typed, open-source authentication.www.better-auth.com

Forms

React Hook Form ↗DocsPerformant forms with useForm.react-hook-form.comZod ↗DocsSchema validation with inferred types.zod.devConform ↗DocsForms for Server Actions, with progressive enhancement.conform.guideTanStack Form ↗DocsFully typed, framework-agnostic forms.tanstack.comValibot ↗DocsA modular, small alternative to Zod.valibot.devNext.js — Forms ↗GuideForms with Server Actions and useActionState.nextjs.org

Data and backend

PostgreSQL Docs ↗ReferenceThe official Postgres documentation.www.postgresql.orgDrizzle ORM ↗DocsA typed ORM, close to SQL.orm.drizzle.teamPrisma ↗DocsAn ORM with a simple API and rich tooling.www.prisma.ioNeon Docs ↗DocsServerless Postgres — this project's database.neon.comOWASP — SQL Injection Prevention ↗GuideHow to prevent SQL injection.cheatsheetseries.owasp.org

SEO

Google Search Central ↗GuideGoogle's official SEO documentation.developers.google.comSEO Starter Guide ↗GuideGoogle's basic guide.developers.google.comGoogle Search Console ↗ToolIndexing, queries, CTR, errors.search.google.comGoogle Analytics ↗ToolVisitor behavior and conversions.marketingplatform.google.comGoogle Keyword Planner ↗ToolSearch volume and keyword ideas.ads.google.comGoogle Trends ↗ToolInterest in a topic over time.trends.google.comRich Results Test ↗ToolValidates structured data.search.google.comschema.org ↗ReferenceThe vocabulary for structured data.schema.org

Tailwind CSS

Tailwind CSS Docs ↗DocsThe official v4 documentation.tailwindcss.comTailwind — Theme variables ↗Guide@theme, namespaces and design tokens.tailwindcss.comTailwind — Dark mode ↗Guideprefers-color-scheme vs a manual toggle.tailwindcss.comtailwind-merge ↗ToolResolves class conflicts.github.comcva ↗ToolDeclarative component variants.cva.styleRadix Primitives ↗ToolAccessible headless components you style with Tailwind.www.radix-ui.comTailwind — Adding custom styles ↗Guide@utility, @theme, arbitrary values.tailwindcss.comshadcn/ui ↗ToolRadix + Tailwind components copied into your project.ui.shadcn.comclsx ↗ToolConditional classes, 239 bytes.github.com

Animations

Motion ↗DocsDeclarative animations in React.motion.devGSAP ↗DocsTimelines, ScrollTrigger, SplitText.gsap.comGSAP + React ↗GuideuseGSAP, cleanup, contextSafe.gsap.comMDN — Scroll-driven animations ↗ReferenceScroll-linked animations, CSS only.developer.mozilla.orgMDN — View Transition API ↗ReferenceTransitions between states and pages.developer.mozilla.orgeasings.net ↗ToolEasing curves, visualized.easings.net

Testing

Vitest ↗DocsA fast test runner, Jest-compatible.vitest.devTesting Library ↗DocsTest components like a user.testing-library.comPlaywright ↗DocsEnd-to-end tests in real browsers.playwright.devNext.js — Testing ↗GuideHow to set up Vitest and Playwright with Next.nextjs.org

Architecture

Feature-Sliced Design ↗DocsThe official FSD documentation.feature-sliced.designFSD with Next.js ↗GuideHow to combine FSD layers with the App Router.feature-sliced.designSteiger ↗ToolA linter that enforces FSD rules.github.comBulletproof React ↗GuideFeature-based architecture with complete examples.github.comAtomic Design ↗GuideThe original book on design systems.atomicdesign.bradfrost.comTurborepo ↗DocsMonorepos for multiple apps.turborepo.com

Was this page helpful?

One tap — no account needed.