Résumé de section

  • Interacțiunea Backend-Frontend

    Introducere în Interacțiunea Backend-Frontend

    Interacțiunea între backend și frontend este crucială pentru dezvoltarea aplicațiilor web. Backend-ul gestionează datele și logica aplicației, în timp ce frontend-ul se ocupă de interfața cu utilizatorul.

    Componentele Backend-ului

    • Server: Găzduiește aplicația web.
      • Exemple: Apache, Nginx.
    • Aplicația: Logica aplicației, scrisă în limbaje precum Node.js, Python, Java.
    • Baza de Date: Stochează datele aplicației.
      • Exemple: MySQL, PostgreSQL, MongoDB.

    Componentele Frontend-ului

    • HTML: Structura paginilor web.
    • CSS: Stilizarea paginilor web.
    • JavaScript: Interactivitatea paginilor web.
    • Framework-uri Frontend:
      • Exemple: React, Angular, Vue.js.

    Cum Interacționează Backend-ul cu Frontend-ul

    1. Cererile HTTP: Frontend-ul trimite cereri HTTP (GET, POST) către backend pentru a obține sau trimite date. 
      fetch('https://api.exemplu.com/data')
  .then(response => response.json())
  .then(data => console.log(data));
    2. API-uri: Backend-ul expune API-uri pe care frontend-ul le folosește. 
      GET /api/studenti
POST /api/studenti
    3. Autentificare: Backend-ul gestionează autentificarea utilizatorilor. 
      const token = localStorage.getItem('token');
fetch('https://api.exemplu.com/protected', {
  headers: {
    'Authorization': `Bearer ${token}`
  }
});
    4. WebSockets: Permite comunicarea în timp real între client și server. 
      const socket = io('https://api.exemplu.com');
socket.on('message', data => {
  console.log(data);
});

    Exemple de Proiecte Practice

    • Aplicație To-Do List: Frontend-ul permite adăugarea și gestionarea sarcinilor, iar backend-ul stochează sarcinile.
    • Aplicație de Social Media: Frontend-ul afișează postări și comentarii, iar backend-ul gestionează datele utilizatorilor.
    • Aplicație de E-Commerce: Frontend-ul afișează produsele și coșul de cumpărături, iar backend-ul gestionează stocurile și comenzile.

    Resurse Suplimentare