5. Comunicació asíncrona Client-Servidor

En aquest apartat deixarem enrere les constants recàrregues de pàgina per endinsar-nos en l'AJAX (Asynchronous JavaScript and XML). Aprendrem com el navegador pot comunicar-se amb el servidor en segon pla, enviant i rebent dades de forma invisible sense interrompre l'experiència de l'usuari.

Què hi tractarem en detall?

• El concepte d'Asincronia: Entendrem com funciona el fil d'execució de JavaScript i com podem demanar dades a un servidor sense bloquejar la interfície gràfica.

• El format JSON: Dominarem l'estàndard universal actual per empaquetar i intercanviar informació entre el front-end i el back-end.

• La Fetch API: Deixarem enrere l'històric i feixuc XMLHttpRequest per centrar-nos de ple en l'estàndard modern fetch(). Aprendrem a fer tota mena de peticions HTTP (GET, POST, PUT, DELETE).

• Promeses i Async/Await: Descobrirem com llegir i escriure codi asíncron de manera neta i elegant, incloent-hi la captura i gestió d'errors de xarxa mitjançant blocs try/catch.

L'objectiu final és donar les eines per crear aplicacions web dinàmiques, fluides i professionals (com les Single Page Applications).