webroad.online
enEnglishroRomânăruРусский
  1. 1Web
  2. 2HTML
  3. 3CSS
  4. 4JavaScript
  5. 5TypeScript
  6. 6Git
  7. 7Unelte
  8. 8React
  9. 9State management
  10. 10Next.js
  11. 11Formulare
  12. 12Date și backend
  13. 13SEO
  14. 14Tailwind CSS
  15. 15Animații
  16. 16Testare
  17. 17Arhitectură
GlosarBiblioteca

Biblioteca

Surse oficiale și ghiduri de încredere, grupate pe teme. Când ai o întrebare, începe de aici, nu de la primul rezultat din Google.

Web

MDN — Learn web development ↗GhidCurriculumul complet MDN, de la zero.developer.mozilla.orgMDN — HTTP ↗ReferințăMetode, statusuri, headere, cache, cookie-uri, CORS.developer.mozilla.orgweb.dev — Learn Performance ↗GhidCum se încarcă o pagină și cum o faci rapidă.web.devOWASP Top 10 ↗ReferințăCele mai frecvente riscuri de securitate web.owasp.org

HTML

MDN — HTML reference ↗ReferințăReferința completă pentru elemente și atribute.developer.mozilla.orgHTML Living Standard ↗ReferințăSpecificația oficială WHATWG — sursa de adevăr.html.spec.whatwg.orgweb.dev — Learn HTML ↗GhidCurs structurat de la echipa Chrome.web.devWCAG 2.2 Quick Reference ↗ReferințăCriteriile de accesibilitate, filtrabile.www.w3.orgWAI-ARIA Authoring Practices ↗GhidPattern-uri accesibile pentru modale, tab-uri, meniuri.www.w3.org

CSS

MDN — CSS reference ↗ReferințăToate proprietățile și selectorii.developer.mozilla.orgweb.dev — Learn CSS ↗GhidCurs complet: box model, cascadă, flex, grid.web.devFlexbox Froggy ↗UnealtăJoc pentru a învăța flexbox.flexboxfroggy.comGrid Garden ↗UnealtăJoc pentru a învăța CSS Grid.cssgridgarden.com

JavaScript

MDN — JavaScript Guide ↗GhidGhidul oficial MDN, de la bază la avansat.developer.mozilla.orgMDN — JavaScript Reference ↗ReferințăFiecare metodă, operator și obiect global.developer.mozilla.orgjavascript.info ↗GhidCel mai bun tutorial complet, cu exerciții.javascript.infoECMAScript Specification ↗ReferințăSpecificația limbajului (TC39).tc39.esTC39 Proposals ↗ReferințăCe funcționalități noi vin în limbaj.github.comMDN — Web APIs ↗Ghidfetch, DOM, Storage, Intl și toate API-urile browserului.developer.mozilla.orgCan I use ↗UnealtăSuportul în browsere pentru orice feature.caniuse.com

TypeScript

TypeScript Handbook ↗DocumentațieDocumentația oficială TypeScript.www.typescriptlang.orgTypeScript Playground ↗UnealtăScrii TS în browser și vezi tipurile și JS-ul rezultat.www.typescriptlang.orgReact TypeScript Cheatsheet ↗GhidRețete pentru tipat props, evenimente, hooks.react-typescript-cheatsheet.netlify.app

Git

Pro Git ↗GhidCartea oficială Git, gratuită.git-scm.comGitHub Docs ↗DocumentațiePull request-uri, Actions, branch protection.docs.github.comConventional Commits ↗ReferințăStandardul pentru mesaje de commit.www.conventionalcommits.orgLearn Git Branching ↗UnealtăVizualizare interactivă pentru branch, merge, rebase.learngitbranching.js.org

Unelte

npm Docs ↗Documentațiepackage.json, versiuni, comenzi.docs.npmjs.comnpm semver calculator ↗UnealtăVezi ce versiuni acceptă un range.semver.npmjs.comVite ↗DocumentațieBundler și dev server pentru SPA-uri.vite.devESLint ↗DocumentațieLinter: reguli și configurare.eslint.orgPrettier ↗DocumentațieFormatter de cod.prettier.ioChrome DevTools ↗GhidToate panourile, cu tutoriale.developer.chrome.com

React

react.dev — Learn ↗GhidDocumentația oficială React, cu exerciții interactive.react.devreact.dev — API Reference ↗ReferințăToate hook-urile și componentele React 19.react.devYou Might Not Need an Effect ↗GhidCel mai important articol despre useEffect.react.devReact Compiler ↗DocumentațieMemoizare automată — fără useMemo/useCallback manual.react.dev

State management

Redux Toolkit ↗DocumentațieModul oficial și actual de a scrie Redux.redux-toolkit.js.orgRTK Query ↗DocumentațieFetch și cache pentru server state, în Redux.redux-toolkit.js.orgZustand ↗DocumentațieStore global minimalist, fără provider.zustand.docs.pmnd.rsTanStack Query ↗DocumentațieServer state pe client, fără Redux.tanstack.comSWR ↗DocumentațieAlternativă simplă pentru fetch cu cache.swr.vercel.appJotai ↗DocumentațieState global din atomi mici.jotai.org

Next.js

Next.js Docs ↗DocumentațieDocumentația oficială App Router.nextjs.orgNext.js Learn ↗GhidCurs oficial gratuit, proiect complet.nextjs.orgNext.js — Caching ↗GhidCache Components, 'use cache', PPR.nextjs.orgNext.js — Data Security ↗GhidCum protejezi Server Actions și datele.nextjs.orgNext.js — Upgrading to 16 ↗GhidCe s-a schimbat: proxy.ts, params async, cache.nextjs.orgVercel Docs ↗DocumentațieDeploy, env vars, domenii, analytics.vercel.comNext.js — Authentication ↗GhidSesiuni, Data Access Layer, autorizare.nextjs.orgAuth.js ↗DocumentațieAutentificare open-source: OAuth, sesiuni.authjs.devBetter Auth ↗DocumentațieAutentificare completă, tipată, open-source.www.better-auth.com

Formulare

React Hook Form ↗DocumentațieFormulare performante cu useForm.react-hook-form.comZod ↗DocumentațieValidare cu scheme și tipuri deduse.zod.devConform ↗DocumentațieFormulare pentru Server Actions, cu progressive enhancement.conform.guideTanStack Form ↗DocumentațieFormulare complet tipate, agnostice de framework.tanstack.comValibot ↗DocumentațieAlternativă modulară și mică la Zod.valibot.devNext.js — Forms ↗GhidFormulare cu Server Actions și useActionState.nextjs.org

Date și backend

PostgreSQL Docs ↗ReferințăDocumentația oficială Postgres.www.postgresql.orgDrizzle ORM ↗DocumentațieORM tipat, aproape de SQL.orm.drizzle.teamPrisma ↗DocumentațieORM cu API simplu și tooling bogat.www.prisma.ioNeon Docs ↗DocumentațiePostgres serverless — baza de date a acestui proiect.neon.comOWASP — SQL Injection Prevention ↗GhidCum eviți SQL injection.cheatsheetseries.owasp.org

SEO

Google Search Central ↗GhidDocumentația oficială Google pentru SEO.developers.google.comSEO Starter Guide ↗GhidGhidul de bază al Google.developers.google.comGoogle Search Console ↗UnealtăIndexare, căutări, CTR, erori.search.google.comGoogle Analytics ↗UnealtăComportamentul vizitatorilor și conversii.marketingplatform.google.comGoogle Keyword Planner ↗UnealtăVolum de căutare și idei de cuvinte cheie.ads.google.comGoogle Trends ↗UnealtăInteresul pentru un subiect în timp.trends.google.comRich Results Test ↗UnealtăValidează datele structurate.search.google.comschema.org ↗ReferințăVocabularul pentru date structurate.schema.org

Tailwind CSS

Tailwind CSS Docs ↗DocumentațieDocumentația oficială v4.tailwindcss.comTailwind — Theme variables ↗Ghid@theme, namespace-uri și design tokens.tailwindcss.comTailwind — Dark mode ↗Ghidprefers-color-scheme vs toggle manual.tailwindcss.comtailwind-merge ↗UnealtăRezolvă conflictele de clase.github.comcva ↗UnealtăVariante de componente, declarativ.cva.styleRadix Primitives ↗UnealtăComponente headless accesibile, stilizezi cu Tailwind.www.radix-ui.comTailwind — Adding custom styles ↗Ghid@utility, @theme, valori arbitrare.tailwindcss.comshadcn/ui ↗UnealtăComponente Radix + Tailwind copiate în proiectul tău.ui.shadcn.comclsx ↗UnealtăClase condiționate, 239 de bytes.github.com

Animații

Motion ↗DocumentațieAnimații declarative în React.motion.devGSAP ↗DocumentațieTimeline-uri, ScrollTrigger, SplitText.gsap.comGSAP + React ↗GhiduseGSAP, cleanup, contextSafe.gsap.comMDN — Scroll-driven animations ↗ReferințăAnimații legate de scroll, doar CSS.developer.mozilla.orgMDN — View Transition API ↗ReferințăTranziții între stări și pagini.developer.mozilla.orgeasings.net ↗UnealtăCurbele de easing, vizual.easings.net

Testare

Vitest ↗DocumentațieTest runner rapid, compatibil cu Jest.vitest.devTesting Library ↗DocumentațieTestezi componentele ca un user.testing-library.comPlaywright ↗DocumentațieTeste end-to-end în browsere reale.playwright.devNext.js — Testing ↗GhidCum configurezi Vitest și Playwright cu Next.nextjs.org

Arhitectură

Feature-Sliced Design ↗DocumentațieDocumentația oficială FSD.feature-sliced.designFSD cu Next.js ↗GhidCum combini straturile FSD cu App Router.feature-sliced.designSteiger ↗UnealtăLinter care impune regulile FSD.github.comBulletproof React ↗GhidArhitectură feature-based, cu exemple complete.github.comAtomic Design ↗GhidCartea originală despre design systems.atomicdesign.bradfrost.comTurborepo ↗DocumentațieMonorepo-uri pentru mai multe aplicații.turborepo.com

Ți-a fost utilă pagina?

Un click — fără cont.