
SPA Design and Architecture
Emmit Scott
- Editorial
- Manning
- Año
- 2015
- Páginas
- ~275
- Nivel
- Intermedio
De qué trata
Obra formativa centrada en los fundamentos de diseño y los patrones arquitectónicos necesarios para construir aplicaciones web de página única (Single-Page Applications) escalables y mantenibles. Basándose en los estándares web fundamentales de JavaScript (ES5/ES6 incipiente), HTML y CSS, está dirigida a desarrolladores frontend y full-stack con conocimientos intermedios que buscan estructurar aplicaciones ricas en el navegador sin atarse de forma dependiente a la sintaxis efímera de una única librería.
El temario explora en profundidad los bloques constitutivos de una arquitectura SPA: el patrón arquitectónico MV* (Model-View-Controller y Model-View-ViewModel), la modularización de código en el cliente mediante el patrón de módulo y cargadores AMD (RequireJS), el enrutamiento del lado del cliente (client-side routing) mediante la History API, la composición de vistas y maquetación dinámica, la comunicación desacoplada entre módulos con el patrón Publicador/Suscriptor (Pub/Sub), el consumo asíncrono de APIs RESTful con XMLHttpRequest/JSON, la suite de pruebas unitarias con Jasmine y la automatización del flujo de construcción y empaquetado con Node.js y Gulp.js (o Grunt). Asimismo, ilustra estos conceptos comparando el enfoque de frameworks de la época como Knockout.js, Backbone.js y AngularJS.
El núcleo práctico del libro se plasma en el desarrollo de una aplicación completa de directorio de empleados (Employee Directory), que aborda formularios con validación en tiempo real, sincronización de vistas, navegación interna y persistencia con un servicio web. Su mayor mérito es enseñar cómo funcionan las piezas internas de un cliente web moderno (enrutadores, enlace de datos y eventos desacoplados), lo que proporciona una excelente base conceptual aplicable a cualquier herramienta contemporánea, aun cuando no aborde el ecosistema de componentes funcionales modernos como React o Vue 3.
- Single Page Applications
- Arquitectura frontend
- JavaScript
- Patrón MV*
- RequireJS
- Enrutamiento cliente
- Patrón Pub-Sub
- APIs REST
- Jasmine
- Gulp.js
- Knockout.js
- Backbone.js
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Directorio de empleados (Employee Directory)
Aplicación SPA modular que gestiona un catálogo de personal con formularios reactivos, vistas dinámicas sincronizadas, enrutamiento en el cliente y comunicación con un backend RESTful.

