Curso Angular  5 en Madrid, Barcelona y Online

Duración: 80 Horas

Objetivos: 

Vamos a estudiar como implementar Angular 5, todo lo relativo al manejo de datos. En términos de manejo de datos, Angular 5 ofrece un conjunto completo de herramientas que son capaces de lograr cualquier reto relacionado con la presentación, la transformación, la sincronización y la validación de los datos en la interfaz del usuario.Todo esto viene con una sintaxis muy simple que puede acortar radicalmente la curva de aprendizaje

Curso presencial Angular 5 para programadores Senior en Madrid y Barcelona - 80 Horas

Metodología Blended ( 40 horas presenciales + 40 horas proyecto y prácticas a distancia )

Opción Entresemana. Inicio-Fin: 21 Mayo al 11 Junio. Lunes a Jueves de 19 a 22 horas.

Opción Fin de Semana. Inicio-Fin: 4 Mayo al 26 Mayo. Viernes 16:30-21:30h  Sábados 9-14h

PVP. 450 €/alumno

Madrid: Infórmate en Calle Nuñez de Balboa, 120, Edificio Cink.9-14h y 16-20h. 91 163 15 18

Barcelona: Infórmate en Calle D´Aribau, 200 9:00-14:00 hrs y 16-20 hrs. 692 31 76 48

Solicitud de información y matrícula. 

Temario de la convocatoria: Solicitar el temario  a medida para programadores JavaEE y .NET

Modalidad: Demo presentación curso en nuestra plataforma Online

 

 

Temario:

Tema 1 - INTRODUCCIÓN

  • 1.1 Introducción a angular
    • Patrón SPA
    • Patrón MVC
    • Url fragments
  • 1.2 Introducción a ECMA Script 6
    • Template literals
    • let y const
    • Arrow functions
    • Operador for…of
    • Sintaxis corta de objetos
    • Operadores Rest y Spread
    • Valores por defecto
    • Destructuring
    • Otras características de ES2015/ES6
    • Clases
  • 1.3 Introducción a TypeScript
    • Particularidades de TypeScript
    • Tipado de datos
    • Interfaces
    • Visibilidad de métodos y propiedades de las clases
    • Constructores breves
    • Tipos unión
    • Otras características de TypeScript
    • Operador Elvis (de Angular)

Tema 2 - INSTALACIÓN Y ESTRUCTURA DE UN PROYECTO

  • 2.1 Instalación de Angular
    • Instalación de angular-cli
    • Creación de un proyecto angular
    • Instalación de un proyecto angular a partir de un repositorio git
  • 2.2 El servidor integrado de angular
  • 2.3 Estructura física de un proyecto Angular (archivos y directorios)
  • 2.4 Estructura lógica de un proyecto Angular (módulos y componentes)
  • 2.5 Módulos
    • El módulo raíz
    • Anatomía de un módulo
    • Creación de un módulo con angular-cli (se verá al final del curso)
  • 2.6 Componentes
    • El componente raíz
    • Anatomía de un componente
    • Creación de un componente con angular-cliente

Tema 3 - CONCEPTOS ESENCIALES DEL DESARROLLO DE APLICACIONES ANGULAR

  • 3.1 Sintaxis de plantillas y data-binding
    • One-way data binding del componente a la plantilla
    • One-way data binding de la plantilla al componente (eventos)
    • Two-way data binding
  • 3.2 Directivas
    • Directivas de componentes
    • Directivas estructurales
      • *ngIF
      • *ngFor
      • *ngSwitch
    • Directivas de atributo
      • ngClass
      • ngStyle
      • ngPlural
    • Creación de directivas estructurales personalizadas
    • Creación de directivas de atributo personalizadas
  • 3.3 Pipes
    • Built-in pipes
      • AsyncPipe
      • CurrencyPipe
      • DatePipe
      • DecimalPipe
      • I18nPluralPipe
      • I18nSelectPipe
      • JsonPipe
      • LowerCasePipe
      • PercentPipe
      • SlicePipe
      • TitleCasePipe
      • UpperCasePip
    • Creación de pipes personalizadas
      • Anatomía de una pipe
      • Creación de una pipe con angular-cli
    • Pipes puras e impuras

Ejemplo: GALERÍA DE FOTOS

Ejercicio: CRUD SIMPLE

Tema 4 - INTERACCIÓN ENTRE COMPONENTES

  • 4.1 Creación de un layout o master page
  • 4.2 Paso de parámetros entre componentes

Tema 5 - SERVICIOS

  • 5.1 Servicios
    • Anatomía de un servicio
    • Creación de un servicio con angular-cli
  • 5.2 La Inyección de dependencias

Tema 6 - ENRUTAMIENTO

  • El Servicio Angular Router. 
    • Instalación
    • Configuración de las rutas
    • Router Outlet
    • Router Links
    • Router State
    • Router Events
    • Seguridad en las rutas (Route Guard) (se verán en el tema 9)
    • Acceso a los parámetros de las rutas (ParamMap)

Tema 7 - FORMULARIOS TEMPLATE-DRIVEN

  • El módulo FormsModule
    • Binding
    • Validaciones
    • Mensajes de error

Tema 8 - OBSERVABLES

  • Introducción al patrón Observer y a la programación reactiva.
  • La librería RxJS
    • Observables
    • Observers
    • Operadores Reactivos

Tema 9 - SEGURIDAD (GUARDS)

  • Los Servicios Guards
    • CanActivate
    • CanDeactivate
    • CanActivateChild
    • CanLoad

Tema 10 - FORMULARIOS REACTIVOS O MODEL-DRIVEN

  • El módulo ReactiveFormsModule
    • Binding
    • Validaciones
    • Mensajes de error

Tema 11 - PETICIONES HTTP

  • 11.1 El servicio HTTPClient (Angular 5) o HTTP (Angular 2/4)
    • Peticiones GET
    • Peticiones POST
    • Peticiones PUT
    • Peticiones DELETE

Ejercicio final: CRUD con API REST

EXTRA 1 - Separar aplicación en módulos y lazy loading

EXTRA 2 - Ciclo de vida de un componente

EXTRA 3 - Animaciones

EXTRA 4 - Internacionalización

EXTRA 5 - Testeo de aplicaciones angular