Cum funcționează web-ul

Subiect din roadmap-ul Full Stack Developer

Vezi în roadmap și marchează progresul Întreabă AI Tutor

Înțelegerea modului în care funcționează web-ul este fundamentul oricărui dezvoltator Full Stack. Fără această cunoaștere, depanarea problemelor de rețea sau optimizarea performanței devine aproape imposibilă. Este esențial să știi cum se comunică clientul cu serverul pentru a construi aplicații robuste și eficiente.

Ce trebuie să știi

  • Arhitectura Client-Server: Înțelege rolul browserului (clientul) care trimite cereri și al serverului care le procesează și returnează răspunsuri.
  • Protocolul HTTP/HTTPS: Cunoaște structura unei cereri (metodă, URL, anteturi, corp) și a unui răspuns (cod de stare, anteturi, corp). HTTPS adaugă stratul de securitate prin criptare.
  • Metodele HTTP: Diferențiază între GET (citire date), POST (creare date), PUT/PATCH (actualizare) și DELETE (ștergere date).
  • Coduri de Stare: Interpretă corect răspunsurile serverului, precum 200 OK, 404 Not Found, 401 Unauthorized sau 500 Internal Server Error.
  • DNS și IP: Știe cum numele de domeniu (ex: example.com) se transformă într-o adresă IP fizică pentru a localiza serverul.
  • JSON: Formatul standard pentru schimbul de date între client și server în majoritatea API-urilor moderne.

Exemplu concret

Iată cum arată o cerere simplă HTTP pentru a crea un utilizator nou:

POST /api/users HTTP/1.1
Host: api.exemplu.ro
Content-Type: application/json

{
  "nume": "Ion Popescu",
  "email": "ion@exemplu.ro"
}

Un răspuns succes ar fi:

HTTP/1.1 201 Created
Content-Type: application/json

{
  "id": 123,
  "mesaj": "Utilizator creat cu succes"
}

Cum să înveți

  1. Folosește Developer Tools: Deschide consola de rețea din browser (F12) și observă cererile reale făcute de site-urile pe care le vizitezi. Analizează anteturile și codurile de status.
  2. Exersează cu cURL sau Postman: Trimite manual cereri HTTP către un API public pentru a vedea exact ce se întâmplă la nivel de protocol, fără interfața grafică a unui site.
  3. Simulează un server simplu: Creează un server Node.js sau Python de bază care răspunde la diferite rute pentru a înțelege fluxul complet de la cerere la răspuns.

Resurse gratuite

Subteme