Internet

Subiect din roadmap-ul Frontend Developer

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

Înțelegerea modului în care funcționează internetul este fundamentală pentru orice dezvoltator frontend, deoarece browserul tău comunică constant cu serverele prin intermediul protocolului HTTP. Fără o bază solidă în acest domeniu, vei avea dificultăți în depanarea erorilor de rețea, în optimizarea performanței sau în implementarea cerințelor moderne de securitate.

Ce trebuie să știi

  • Protocolul HTTP/HTTPS: Înțelege structura unei cereri (request) și a unui răspuns (response), inclusiv metodele GET, POST, PUT și DELETE. Știe diferența dintre cele două protocoale și importanța criptării SSL/TLS.
  • Coduri de stare HTTP: Memorează semnificația codurilor comune precum 200 (OK), 404 (Not Found), 401 (Unauthorized), 403 (Forbidden) și 500 (Internal Server Error). Acestea îți indică rapid starea operațiunii.
  • Arhitectura Client-Server: Grafică clară a fluxului: utilizatorul introduce o adresă în browser -> browserul trimite o cerere către server -> serverul procesează și returnează date -> browserul randează pagina.
  • Headers și Body: Cunoaște rolul antetelor (headers) pentru transmiterea metadatelor (ex: Content-Type, Authorization) și al corpului (body) pentru datele efectiv trimise sau primite.
  • Metodele de cache: Înțelege cum funcționează cache-ul browserului și cum pot fi controlate header-ele precum Cache-Control sau ETag pentru a reduce timpul de încărcare.
  • DNS (Domain Name System): Știe că o adresă URL trebuie convertită într-o adresă IP pentru ca datele să ajungă la destinație corectă.

Exemplu concret: O cerere simplă

Când accesezi https://api.example.com/user, browserul trimite o cerere GET. Răspunsul arată astfel:

HTTP/1.1 200 OK
Content-Type: application/json
Cache-Control: max-age=3600

{
  "id": 1,
  "name": "Alex"
}

Aici, 200 OK confirmă succesul, Content-Type spune browserului că primește JSON, iar Cache-Control îi indică să stocheze răspunsul timp de o oră.

Cum să înveți

  1. Folosește Developer Tools: Deschide tab-ul Network din browser (F12) și examinează fiecare cerere făcută de site-urile pe care le vizitezi. Analizează header-ele, timpii de răspuns și codurile de stare.
  2. Experimentează cu cURL sau Postman: Fă cereri manuale către API-uri publice pentru a vedea exact ce se întâmplă la nivel de protocol, fără intermediarul complex al interfeței grafice.
  3. Citește documentația oficială MDN: Referința Mozilla pentru HTTP este extrem de detaliată și actualizată; consult-o de fiecare dată când ai dubii despre un anumit header sau metodă.

Subteme