Charla/Taller en Hack2Progress sobre AngularJS Cómo desarrollar una aplicación orientada a componentes con Angular 1.x y buenas prácticas

1. AngularJS
Carlos Azaustre - @carlosazaustre

2. ¿Qué es AngularJS?

3. ¿Qué es AngularJS?
Framework de JavaScript para
desarrollar aplicaciones web
(Frontend)

4. Aplicación de Ejemplo

5. App de Ejemplo: Lista de Empleados
Controllers
Services
Routes
Views

6. Estructura de Archivos
app
- index.html
- scripts
- app.js
- app-routeconfig.js
- servicios
- dataservice.js
- componentes
- empleadoList.js
- empleadoItem.js
- empleadoDetail.js

7. index.html

8. services/dataservice.js

9. Orientado a Componentes
<empleado-list>
<empleado-item>
<empleado-detail>

10. components/empleadoDetail.js

11. components/empleadoItem.js

12. components/empleadoList.js

13. app-routeconfig.js

14. app.js

15. Repositorio del proyecto
http://github.com/carlosazaustre/angular-hack2progress/tree/es5

16. Repositorio del proyecto
(Con ES2015 - ECMAScript 6)
http://github.com/carlosazaustre/angular-hack2progress/

17. ¿Preguntas?