
AngularJS UI Development
Amit Gharat, Matthias Nehlsen
- Editorial
- Packt
- Año
- 2014
- Páginas
- ~258
- Nivel
- Intermedio
De qué trata
Libro de Amit Gharat y Matthias Nehlsen sobre cómo diseñar, construir y probar interfaces de usuario listas para producción con AngularJS 1.x y el ecosistema AngularUI. Está dirigido a desarrolladores con conocimientos prácticos de JavaScript, HTML y CSS que quieren resolver problemas reales de interfaz en aplicaciones de una sola página (SPA).
Empieza montando un entorno automatizado de desarrollo con Grunt para las tareas, Bower para las dependencias, Git para el control de versiones y Karma con Protractor para las pruebas unitarias y de extremo a extremo. Después recorre las utilidades de AngularUI y sus módulos extendidos, con la integración de Google Maps y de un componente de calendario, la personalización de tablas de datos con ng-grid, animaciones con CSS3 integradas en AngularJS, widgets interactivos como mapas y gráficos, y el diseño de versiones adaptadas a móviles con los frameworks responsive Twitter Bootstrap y Foundation. También dedica espacio a entender el funcionamiento interno de Angular.
Se aprende construyendo aplicaciones de ejemplo, cuyo código por capítulos está publicado en GitHub. Su punto fuerte es tratar la interfaz con un flujo de trabajo profesional (automatización y pruebas incluidas), algo poco común en libros de UI de la época. Hay que tener en cuenta que AngularUI, ng-grid, Grunt y Bower pertenecen al ecosistema de AngularJS 1.x y hoy están en desuso, así que el libro sirve sobre todo para mantener proyectos heredados o como referencia de buenas prácticas.
- AngularJS 1.x
- AngularUI
- ng-grid
- Google Maps
- Animaciones CSS3
- Twitter Bootstrap
- Foundation
- Diseño responsive
- Grunt
- Bower
- Karma
- Protractor
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Aplicación de tareas (to-do)
Aplicación de lista de tareas construida con AngularJS para practicar componentes de interfaz y el flujo de trabajo automatizado con Grunt, Bower y pruebas con Karma y Protractor.
Panel de GitHub
Dashboard que muestra información de GitHub en una interfaz AngularJS con widgets interactivos.
Aplicación de gestión de proyectos
Herramienta de gestión de proyectos que combina componentes de AngularUI, tablas de datos y diseño adaptable a móviles.

