mindmap
root((Arquitectures Desenvolupament Web))
1. Introducció
Arquitectura client-servidor
Guia per a desenvolupadors web
2. Evolució Històrica
Web inventada Tim Berners-Lee
Estàndards W3C HTML CSS JS
Tipus de pàgines
Estàtiques
Generades pel servidor
AJAX
SPA
PWA
3. Model Client-Servidor
Client-side
Navegador
Codi executat a usuari
Server-side
Servidors i backend
Gestió dades i seguretat
Xarxa
Protocol HTTP
4. Arquitectura Client-side
Contingut HTML
Presentació CSS
Comportament JavaScript
Funcionalitats
Resposta a interaccions
Modificació DOM
Validació dades
AJAX
Ecosistema JavaScript
Vanilla JS
Llibreries jQuery React
Frameworks Angular Vue Svelte
Limitacions
Sense accés fitxers locals
Sandbox i política mateix origen
5. Arquitectura Server-side
Programari servidor Apache NGINX
Llenguatges backend PHP Node Java
Bases de dades i persistència
Funcions seguretat i autenticació
6. Comparativa Client vs Servidor
Validació Formularis UX vs Seguretat
Accés dades visualització vs emmagatzematge
Execució càlculs simple vs complex
Manipulació DOM només al client
7. Navegadors i Web
Definició navegador
Components clau hipervincles protocols
Principals navegadors Firefox Chrome Edge
Recomanació per desenvolupadors
8. Eines i millors pràctiques
Editors i IDEs VSCode WebStorm
Separació contingut estil comportament
Validació codi i accessibilitat
Control de versions Git
Dev i debug navegador