Frontend și Backend: cum se construiește o aplicație web de la A la Z

Când deschizi un site web, se întâmplă două lucruri simultan: vezi ceva și ceva se întâmplă în spatele ecranului. Ceea ce vezi — culorile, butoanele, textul, animațiile — se numește frontend. Ceea ce se întâmplă invizibil — verificarea identității tale, căutarea în baza de date, calculele, logica — se numește backend. Împreună construiesc orice aplicație web existentă, de la Google la Instagram, de la un magazin online la o aplicație de banking.

Analogia restaurantului — cea mai clară imagine

Imaginează-ți un restaurant. Tu, clientul, stai la masă, citești meniul, comanzi și primești farfuria. Asta e experiența ta — frontend-ul: tot ce vezi și cu ce interacționezi. Dar în spatele ușii de la bucătărie se desfășoară un întreg univers invizibil: bucătarul care gătește după rețetă, frigiderul cu ingrediente, casa de marcat — backend-ul.

Chelnerul care face legătura între sală și bucătărie este API-ul — subiectul unui episod separat. Frigiderul cu ingrediente este baza de date. Fiecare element din restaurant are echivalentul lui în arhitectura unei aplicații web.

Frontend — ce vede și atinge utilizatorul

Frontend-ul este construit din trei tehnologii fundamentale care lucrează împreună:

• HTML — scheletul paginii. Definește ce conținut există: un titlu, un paragraf, un buton, o imagine. La fel cum un arhitect desenează planul unui apartament, HTML-ul definește structura — fără culori, fără design, doar conținut organizat.
• CSS — designul și stilul. Adaugă culori, fonturi, spații, animații. Dacă HTML-ul e scheletul, CSS-ul e vopseaua, mobila și iluminatul. Același HTML poate arăta complet diferit cu CSS-uri diferite.
• JavaScript — comportamentul și interactivitatea. Face ca butonul să reacționeze la click, ca un formular să fie validat în timp real, ca o hartă să se deplaseze. JavaScript rulează pe 98,9% din toate site-urile web — este singurul limbaj nativ în browser.

Pe aceste trei fundamente s-au construit framework-uri care accelerează munca programatorilor. Cel mai popular este React, creat de Meta, folosit de 69,9% din developerii frontend profesioniști. Vue.js îl urmează cu 44,8%, iar Angular (creat de Google) cu 22,1%. Aceste framework-uri sunt seturi de tipare predefinite — ca bricurile LEGO față de cimentul turnat de la zero.

O provocare permanentă a frontend-ului în 2026: 62,66% din traficul web global vine de pe telefoane mobile. Designul „responsive" — care se adaptează automat la orice dimensiune de ecran — nu mai e o opțiune, e o cerință. Google nu mai indexează site-urile care nu funcționează corect pe mobil.

Backend — logica invizibilă

Backend-ul este creierul aplicației. Când te autentifici pe un site, backend-ul verifică dacă parola e corectă. Când plasezi o comandă, backend-ul scade produsul din stoc, procesează plata și trimite email-ul de confirmare. Când dai scroll pe Instagram, backend-ul calculează ce postări sunt relevante pentru tine dintre cele câteva miliarde disponibile.

Backend-ul poate fi scris în mai multe limbaje, fiecare cu puncte forte diferite:

Cum ajunge o pagină web pe ecranul tău — cei 8 pași

Tastezi viitorultau.ro și apeși Enter. Ce se întâmplă în următoarele 200–500 de milisecunde?

1. Browserul verifică cache-ul — a mai vizitat această adresă recent? Dacă da, sare direct la final.
2. Rezoluție DNS (20–120ms) — browserul întreabă un server DNS, cartea de telefon gigantică a internetului: „Ce adresă IP are viitorultau.ro?" Primește un număr precum 185.92.3.44.
3. Conexiune TCP (10–50ms) — browserul „sună" la acea adresă IP. Se stabilește o conexiune criptată (HTTPS).
4. Request HTTP — browserul trimite un mesaj formal: „Bună ziua, vreau pagina principală, sunt Chrome pe Windows."
5. Serverul procesează (10–500ms) — backend-ul primește cererea, verifică autentificarea, execută logica de business, interoghează baza de date dacă e nevoie.
6. Baza de date răspunde — returnează datele cerute: ultimele articole, prețurile produselor, profilul utilizatorului.
7. Răspuns HTTP — serverul asamblează HTML+CSS+JS și îl trimite înapoi.
8. Browserul redă pagina — construiește structura vizuală, aplică stilurile, execută JavaScript. Pagina apare pe ecran.

Tot acest drum durează sub o secundă. De obicei sub 500 de milisecunde — mai rapid decât o clipire. La scară globală, acest ciclu se repetă de sute de miliarde de ori pe zi.

Full-stack — când un singur om face tot

Un dezvoltator full-stack stăpânește atât frontend-ul cât și backend-ul — poate construi singur o aplicație completă, de la interfața vizuală până la server și baze de date. Este valoros mai ales în startup-uri mici unde un singur om trebuie să livreze rapid un produs funcțional.

Cel mai popular set de tehnologii (stack) în 2026 este MERN: MongoDB (baza de date) + Express (server) + React (frontend) + Node.js (runtime JavaScript). Avantajul: un singur limbaj — JavaScript — pentru tot, de la browser până la server.

Un detaliu contraintuitiv despre salarii: specialiștii câștigă mai mult decât generaliștii. Un backend specialist senior câștigă în medie 175.000 de dolari pe an în SUA, față de 145.000 pentru un frontend specialist și 138.000 pentru un full-stack developer. Motivul: specializarea adâncă în sisteme distribuite sau în performanța UI sunt mai rare și mai greu de înlocuit decât versatilitatea.

Perspectivă: 1,49 miliarde de site-uri, aceleași ingrediente

Există în prezent 1,49 miliarde de site-uri web pe internet. Fiecare — de la paginile personale la platformele cu miliarde de utilizatori — este construit din aceleași componente de bază: un frontend care afișează, un backend care procesează, o bază de date care stochează. Complexitatea variază enorm; ingredientele sunt aceleași.

În episodul următor al seriei intrăm în stratul de fundament pe care se sprijină tot ce am descris astăzi: bazele de date — ce sunt, cum funcționează și de ce fără ele nu ar exista internetul modern.