Responsive Web Design with AngularJS

Libro breve de Packt en el que Sandeep Kumar Patel explora cómo combinar AngularJS 1.x con el diseño web adaptable (responsive) en aplicaciones de una sola página. Está dirigido a desarrolladores y diseñadores web que manejan lo básico de HTML, CSS y JavaScript. Empieza con un capítulo introductorio sobre la importancia del diseño adaptable y los conceptos de AngularJS, así que sirve también para quien no conoce el framework.

Presenta varias estrategias para adaptar la interfaz con AngularJS en lugar de hacerlo solo con CSS. La primera es el enrutamiento dinámico: detectar el tipo de dispositivo y cargar vistas y hojas de estilo distintas para escritorio, móvil y tableta. La segunda son las directivas personalizadas adaptables y los puntos de corte (breakpoints) gestionados desde JavaScript, que escuchan el tamaño de la ventana ($window) y reorganizan el contenido aplicando clases. También repasa el data binding bidireccional y el ciclo de digest, y cierra con depuración y pruebas de la SPA, con herramientas como Batarang.

La práctica se reduce a una aplicación de demostración de una sola vista, en la que se desarrollan y verifican las versiones de escritorio, móvil y tableta. Tiene ideas curiosas, pero las reseñas critican la calidad de la redacción y señalan que casi todo se resuelve mejor con media queries de CSS o un framework como Bootstrap; además, los enfoques basados en detectar el navegador escalan mal. Conviene leerlo como una exploración de técnicas y no como referencia de buenas prácticas, y tener presente que se basa en AngularJS 1.x.