Glosar

Termenii folosiți în lecții, explicați pe scurt. În lecții îi recunoști după sublinierea punctată — treci cu mouse-ul peste ei.

A

API: Interfața prin care un program folosește alt program — ex. un endpoint HTTP care returnează JSON sau metodele unui obiect.
ARIA: Atribute (aria-label, aria-expanded...) care adaugă informații pentru screen reader-e acolo unde HTML-ul nativ nu ajunge.; Detalii în lecția „Accesibilitate” →
Accesibilitate (a11y): Site-ul poate fi folosit de oricine: cu tastatura, cu screen reader, cu zoom sau vedere slabă.; Detalii în lecția „Accesibilitate” →

B

Bundle: Fișierele JS (și CSS) generate la build din codul tău și din librării, trimise în browser. Cu cât e mai mic, cu atât pagina e mai rapidă.; Detalii în lecția „Module: import / export” →

C

CDN: Rețea de servere răspândite în lume care țin copii ale fișierelor statice aproape de utilizatori, ca să se încarce rapid.; Detalii în lecția „Cum funcționează web-ul” →
CORS: Mecanism prin care un server permite explicit altor origini să-i citească răspunsurile. Se configurează pe server, nu în frontend.; Detalii în lecția „Securitate: XSS, CSRF, CORS” →
CSR (client-side rendering): Pagina e construită în browser de JavaScript; serverul trimite un HTML aproape gol. Mai lent la prima afișare și mai slab pentru SEO.; Detalii în lecția „SSR, SSG, ISR, CSR, PPR” →
CSRF: Atac în care alt site trimite un request în numele tău, folosind cookie-urile tale. Protecție: SameSite=Lax, verificarea Origin, tokenuri.; Detalii în lecția „Securitate: XSS, CSRF, CORS” →
Cache: Copie păstrată a unui rezultat costisitor (query, request, randare), refolosită ca să nu refaci munca. Se poate învechi, deci are nevoie de invalidare.; Detalii în lecția „Cache: 'use cache', tag-uri și PPR” →
Canonical: URL-ul „original” al unei pagini accesibile la mai multe adrese; indicat cu <link rel="canonical">.; Detalii în lecția „SEO tehnic” →
Cascade layers (@layer): Straturi CSS cu prioritate explicită: regulile dintr-un layer declarat mai târziu bat regulile din layer-ele anterioare, indiferent de specificitate.; Detalii în lecția „Cascadă, specificitate, moștenire” →
Client Component: Componentă marcată cu 'use client': trimisă în browser ca JS, poate folosi state, efecte, evenimente și API-uri de browser.; Detalii în lecția „Server vs Client Components” →
Closure: O funcție care ține minte variabilele din locul unde a fost creată, chiar și după ce acel cod a terminat de rulat.; Detalii în lecția „Funcții și closure” →
Commit: O „fotografie” salvată a proiectului în Git, cu un mesaj care explică schimbarea.; Detalii în lecția „Git: bazele” →
Componentă: Funcție React care primește props și returnează UI (JSX). Unitatea de bază a interfeței.; Detalii în lecția „Componente, props și JSX” →
Cookie: Mică bucată de text salvată de browser pentru un site și trimisă automat la server la fiecare request. Folosit pentru sesiuni și preferințe.; Detalii în lecția „Cookie-uri, localStorage, sessionStorage” →
Crawler (Googlebot): Programul unui motor de căutare care descoperă pagini urmând linkuri și le descarcă pentru indexare.; Detalii în lecția „Cum funcționează Google” →

D

DNS: Sistemul care traduce un nume de domeniu (exemplu.ro) în adresa IP a serverului — „agenda de telefon” a internetului.; Detalii în lecția „Cum funcționează web-ul” →
DOM: Reprezentarea paginii ca arbore de obiecte, construită de browser din HTML, pe care JavaScript o poate citi și modifica.; Detalii în lecția „DOM și evenimente” →
Design tokens: Variabile cu nume pentru deciziile vizuale (culori, fonturi, raze). Componentele folosesc token-urile, nu valorile brute.; Detalii în lecția „Teme și design tokens” →

E

Event bubbling: După ce un eveniment are loc pe un element, „urcă” prin toți părinții lui, care îl pot asculta. Baza pentru event delegation.; Detalii în lecția „DOM și evenimente” →
Event loop: Mecanismul prin care JS, cu un singur thread, rulează callback-urile operațiilor asincrone când codul curent s-a terminat.; Detalii în lecția „Async: Promise și await” →

F

Feature-Sliced Design (FSD): Metodologie de arhitectură frontend cu straturi (app, views, widgets, features, entities, shared) și importuri permise doar în jos.; Detalii în lecția „Feature-Sliced Design” →
First-class function: Funcțiile sunt valori: le poți pune în variabile, trimite ca argumente și returna din alte funcții.; Detalii în lecția „Funcții și closure” →
Funcție pură: Pentru același input dă mereu același output și nu are efecte secundare (nu modifică nimic din afară).; Detalii în lecția „Funcții și closure” →

H

HTML semantic: Folosirea tag-ului care descrie ce este conținutul (nav, main, button, article), nu doar cum arată.; Detalii în lecția „Structură și semantică” →
HTTPS: HTTP criptat (cu TLS): nimeni de pe rețea nu poate citi sau modifica datele. Obligatoriu pentru cookie-uri Secure și multe API-uri moderne.; Detalii în lecția „Cum funcționează web-ul” →
Header HTTP: Pereche nume: valoare atașată unui request sau răspuns (Content-Type, Cache-Control, Cookie) care descrie mesajul.; Detalii în lecția „HTTP: metode, statusuri, headere” →
Hidratare: Pasul în care React preia HTML-ul randat pe server și îi atașează JS-ul și evenimentele, ca să devină interactiv.; Detalii în lecția „Server vs Client Components” →
Higher-order function: Funcție care primește alte funcții ca argumente sau returnează o funcție — ex. map, filter, addEventListener.; Detalii în lecția „Funcții și closure” →
Hoisting: Înainte de rulare, JS înregistrează declarațiile din scope: funcțiile pot fi folosite înainte de linia lor, var e undefined, let/const dau eroare (TDZ).; Detalii în lecția „Scope, hoisting și this” →
Hook: Funcție React (useState, useEffect...) care dă unei componente acces la memorie, efecte sau context. Numele începe cu „use”.; Detalii în lecția „Hook-uri custom” →

I

ISR (incremental static regeneration): Pagini statice regenerate periodic sau la cerere, fără rebuild complet.; Detalii în lecția „SSR, SSG, ISR, CSR, PPR” →
Idempotent: O operație pe care dacă o repeți de mai multe ori are același efect ca o singură dată (GET, PUT, DELETE — dar nu POST).; Detalii în lecția „HTTP: metode, statusuri, headere” →
Input controlled: Câmp de formular a cărui valoare stă în state-ul React (value + onChange). Opusul: uncontrolled — valoarea stă în DOM.; Detalii în lecția „Formulare în React” →

J

JSON: Format text pentru date, asemănător obiectelor JS, folosit pentru a trimite date între browser și server.; Detalii în lecția „fetch, JSON și AbortController” →
JSX: Sintaxă care arată ca HTML în interiorul JavaScript-ului, folosită de React pentru a descrie UI-ul.; Detalii în lecția „Componente, props și JSX” →
JWT (JSON Web Token): Token text în 3 părți (header.payload.semnătură); payload-ul e citibil de oricine, semnătura dovedește că nu a fost modificat.; Detalii în lecția „Autentificare și sesiuni” →

M

Memory leak: Memorie ocupată de date care nu mai sunt necesare, dar nu pot fi eliberate pentru că ceva încă le referă (listener, timer, cache).; Detalii în lecția „Map și Set” →
Mock: Înlocuitor fals pentru o dependență (API, timp, modul) într-un test, ca testul să fie rapid și previzibil.; Detalii în lecția „Vitest: teste unit” →
Mutație: Modificarea pe loc a unui obiect sau array existent (push, sort, obj.x = 1), în loc să creezi unul nou.; Detalii în lecția „Referințe și imutabilitate” →

N

Narrowing: În TypeScript: o verificare (typeof, in, ===) după care TS știe tipul exact al unei valori dintr-un union.; Detalii în lecția „Union types și narrowing” →

O

Origin: Combinația protocol + domeniu + port (https://exemplu.ro:443). Browserul izolează originile între ele.; Detalii în lecția „Cum funcționează web-ul” →

P

Partial Prerendering (PPR): Next.js servește instant un „static shell” pre-generat, iar părțile dinamice ale paginii sosesc apoi în stream.; Detalii în lecția „Cache: 'use cache', tag-uri și PPR” →
Prefetch: Încărcarea în avans, în fundal, a unei pagini sau resurse înainte ca userul să ajungă la ea — ca navigarea să fie instantă.; Detalii în lecția „Layout-uri, stări și navigare” →
Promise: Obiect care reprezintă o valoare care va veni în viitor; e pending, apoi fulfilled (cu valoare) sau rejected (cu eroare).; Detalii în lecția „Async: Promise și await” →
Props: Datele pe care o componentă React le primește de la părinte, ca argumente. Sunt read-only.; Detalii în lecția „Componente, props și JSX” →
Prototip: Obiectul spre care un alt obiect are o legătură ascunsă; proprietățile lipsă sunt căutate în lanțul de prototipuri.; Detalii în lecția „Clase și prototipuri” →
Pull Request (PR): Cerere de a integra un branch în altul, cu loc pentru review, discuții și verificări automate (CI).; Detalii în lecția „Workflow: PR, review, Conventional Commits” →

R

Race condition: Bug în care rezultatul depinde de ordinea în care termină operații asincrone — ex. un răspuns vechi care îl suprascrie pe cel nou.; Detalii în lecția „fetch, JSON și AbortController” →
Reducer: Funcție pură (state, acțiune) => state nou. Baza lui useReducer și Redux.; Detalii în lecția „Redux Toolkit” →
Referință: Adresa unui obiect în memorie. Variabilele cu obiecte țin referința, deci două variabile pot indica același obiect.; Detalii în lecția „Referințe și imutabilitate” →
Request: Mesajul trimis de client către server: metodă (GET, POST...), URL, headere și, opțional, body.; Detalii în lecția „HTTP: metode, statusuri, headere” →
Response: Mesajul trimis de server înapoi: cod de status (200, 404...), headere și body.; Detalii în lecția „HTTP: metode, statusuri, headere” →

S

SSG (static site generation): Paginile sunt generate o dată, la build, și servite ca fișiere statice — foarte rapid.; Detalii în lecția „SSR, SSG, ISR, CSR, PPR” →
SSR (server-side rendering): HTML-ul paginii e generat pe server la fiecare request, cu date proaspete.; Detalii în lecția „SSR, SSG, ISR, CSR, PPR” →
Schemă (validare): Descrierea formei și regulilor unor date (ex. cu Zod); din ea obții validare, mesaje de eroare și tipul TypeScript.; Detalii în lecția „Validare cu Zod” →
Scope: Zona din cod în care o variabilă există și poate fi folosită: globală, de funcție sau de bloc.; Detalii în lecția „Scope, hoisting și this” →
Semver: Versionare MAJOR.MINOR.PATCH: major pentru schimbări incompatibile, minor pentru funcționalități noi, patch pentru bug-uri.; Detalii în lecția „Workflow: PR, review, Conventional Commits” →
Server Action: Funcție 'use server' apelată din UI (form, buton) care rulează pe server — pentru mutații. E un endpoint public: verifică auth și validează.; Detalii în lecția „Server Actions și formulare” →
Server Component: Componentă care rulează doar pe server: poate fi async și citi date direct, iar codul ei nu ajunge în browser.; Detalii în lecția „Server vs Client Components” →
Server state: Date care trăiesc pe server (useri, produse); în browser ai doar o copie care se poate învechi.; Detalii în lecția „Server state și TanStack Query” →
Sesiune: Mecanismul prin care serverul te recunoaște între request-uri după login — de obicei printr-un cookie.; Detalii în lecția „Autentificare și sesiuni” →
Specificitate: Scorul unui selector CSS (ID-uri, clase, elemente) care decide ce regulă câștigă când mai multe țintesc același element.; Detalii în lecția „Cascadă, specificitate, moștenire” →
Stacking context: Grup izolat de elemente pentru z-index: un copil nu poate ieși deasupra elementelor din afara contextului părintelui.; Detalii în lecția „Poziționare și z-index” →
State: Memoria unei componente React: date care se schimbă în timp; la schimbare, componenta se re-randează.; Detalii în lecția „State, derivare și reducer” →
Store: Obiect care ține state-ul global al aplicației în afara componentelor; componentele se abonează la el (Redux, Zustand).; Detalii în lecția „Tipuri de state și cum alegi” →
Suspense: Componentă React care afișează un fallback (skeleton, spinner) cât timp conținutul din interior se încarcă.; Detalii în lecția „Data fetching și streaming” →
staleTime: În TanStack Query: cât timp datele din cache sunt considerate proaspete, deci nu se cer din nou. Implicit 0.; Detalii în lecția „Server state și TanStack Query” →

T

TDZ (temporal dead zone): Zona dintre începutul scope-ului și declarația unui let/const, în care variabila există, dar folosirea ei dă ReferenceError.; Detalii în lecția „Scope, hoisting și this” →
Test flaky: Test care uneori trece și uneori pică fără ca codul să se fi schimbat — de obicei din cauza timpului sau a ordinii.; Detalii în lecția „Playwright: teste end-to-end” →
Tree shaking: Eliminarea la build a codului exportat, dar neimportat nicăieri. Funcționează doar cu import/export statice.; Detalii în lecția „Module: import / export” →
Truthy / falsy: Cum e convertită o valoare la boolean. Falsy: false, 0, "", null, undefined, NaN. Tot restul e truthy.; Detalii în lecția „Variabile și tipuri” →
this: Variabilă specială a unei funcții care indică obiectul în contextul căruia e apelată; depinde de cum apelezi, nu de unde e scrisă.; Detalii în lecția „Scope, hoisting și this” →

U

Utility-first: Stilizare prin clase mici, cu un singur rol (p-4, flex, text-lg), compuse direct în markup — abordarea Tailwind.; Detalii în lecția „Utility-first și layout” →

V

Valoare primitivă: Valoare simplă și imutabilă: string, number, boolean, null, undefined, bigint, symbol. Se copiază prin valoare.; Detalii în lecția „Variabile și tipuri” →
Variabilă de mediu: Configurare sau secret (URL de DB, chei API) dat aplicației din afara codului, diferit pe local, preview și producție.; Detalii în lecția „Env, build și deploy” →

W

Waterfall (cascadă de request-uri): Request-uri care așteaptă unul după altul deși ar putea rula în paralel — pagina se încarcă inutil de lent.; Detalii în lecția „Data fetching și streaming” →
Webhook: Request HTTP trimis automat de un serviciu extern (Stripe, CMS) către aplicația ta când se întâmplă ceva.; Detalii în lecția „Route Handlers și Proxy” →

X

XSS: Atac în care cod JS străin ajunge să ruleze pe pagina ta, de obicei prin input de la user afișat ca HTML.; Detalii în lecția „Securitate: XSS, CSRF, CORS” →

Glosar

A

B

C

D

E

F

H

I

J

M

N

O

P

R

S

T

U

V

W

X

Ți-a fost utilă pagina?