curso _Angular JS 1.5

OBJETIVOS

AngularJS permite extender el lenguaje HTML para añadir vistas dinámicas a tus aplicaciones web de forma sencilla y rápida de programar. Con AngularJS podrás actualizar los cambios en tus modelos de datos directamente sobre la vista final, sin necesidad de recurrir a métodos JavaScript de manipulación del DOM, automatizando el trabajo con el mismo, y facilitando su integración con otras librerías o entornos de trabajo.

DIRIGIDO A

Desarrolladores y maquetadores web.

CONTENIDOS

1. Introducción a AngularJS

2. Angular Bootstrapping

   • Automático
   • Manual

3. Inyección de dependencias

   • ¿Qué es?
   • Notación simple
   • Notación array de strings
   • ngAnnotate
   • Obtener la instancia de injector desde el DOM
   • Lazy loading

4. Templates

   • Expresiones
   • ¿Qué pasa con los valores indefinidos?
   • Directivas y filtros
   • Template vs templateUrl
   • Servicios $parse y $compile
   • Servicio $templateCache
   • Directivas ng más usadas

5. Constantes y valores

   • ¿Qué son?
   • ¿en qué se diferencian?
   • ¿cómo se definen?
   • ¿cómo se usan?

6. Controller

   • ¿Qué son?
   • Usarlos con la directiva ngController
   • Usarlos con un router
   • Pasar valores y métodos a través de $scope
   • Pasarlos usando la nomenclatura de alias “as”

7. Servicios

   • ¿Qué son?
   • ¿Cómo se definen?
   • ¿Qué diferencia hay entre Factory y service?
   • ¿Cómo se usan?
   • ¿Cuándo me planteo tener un servicio?

8. Filtros

   • ¿Qué son?
   • ¿Cómo se definen?
   • ¿Cómo se usan?
   • El servico $filter, o ¿cómo uso un filtro dentro de mi controller?

9. Formularios

   • La directiva ngModel
   • La directiva ngSubmit
   • La directiva ngChange, ngBlur, ngFocus …
   • Validadores y mensajes de error

10. Animaciones con ngAnimate

    • CSS
    • JS
    • CSS+JS
    • Servicio $animate y promesas, o ¿cómo saber cuándo termina?
    • Animaciones emparejadas con ngAnimateRef

11. Directivas

    • ¿Qué son?
    • ¿Cómo se definen?
    • ¿Cómo se usan?
    • Configurar el scope
    • Template
    • Otras configuraciones
    • Las fases de compilación: compile, preLink, postLink, controller...
    • Transclusion
    • ¿Cómo exponer métodos hacia otras directivas?

12. Promesas

    • ¿Qué son?
    • ¿Cómo se usan?
    • Servicios relacionados: $http y $q
    • ¿Cómo abortar una llamada ajax en curso?

13. Scope

    • ¿Qué es?
    • $rootScope y sus descendientes
    • Obtener el scope del DOM
    • Digest y template rendering
    • Apply y evalAsync
    • Watch (deep) y sus primos watchCollection, watchGroup
    • Eventos

14. Misc

    • El método config y los providers
    • Providers muy útiles: enableDebug, html5...
    • Organizar en módulos
    • Browserify/Webpack vs concatenate!
    • Debugging: sourcemaps, Batarang, ngInspector...
    • jQlite vs jQuery
    • ¿Cuándo tocar directamente el DOM?
    • ¿Cuándo refactorizar en servicios?
    • Usar directivas para llegar al DOM

15. Ui-router

    • ¿Por qué ui-router si tenemos ngRouter?
    • Estados
    • Vistas anidadas
    • Referencia padre, relativo
    • Directivas
    • Servicios
    • Más sobre configuración
    • Navegación HTML5 y el servidor

16. Testing

    • Unit testing
    • httpBackend
    • timeOut
    • e2e testing
    • Protractor
    • Phantomjs

DURACIÓN

30 horas teórico-prácticas