Desarrollo Web con Angular 6

Duración: 35 horas

Código: ANG-005

Descripción:

En este curso se abarcará desde los conceptos básicos y avanzados de desarrollo de Single Page Applications (SPAs) con la versión más reciente de Angular 6; realizando un enfoque en todo lo que este poderoso framework ofrece.

Las lecciones que se contemplaran en este curso son:

  • Breve Introducción
  • App final
  • Arquitectura de app final
  • Lo básico para crear tu SPA
  • ¿Por qué Angular?
  • Creando una app en Angular / Instalación de CLI
  • Boilerplate - App Structure
  • Componentes
  • Templates
  • Directivas
  • Usando CSS externo - CDN
  • Services
  • HTTP Client
  • Conexión a un REST API
  • Creación de un pipe para corrección de rutas en imágenes
  • Forms Intro
  • Creando rutas
  • JSON Web Tokens
  • Guards
  • Generación de Token en session storage
  • Inputs / Outputs
Objetivos:

El objetivo del curso es recorrer las piezas principales de este potente framework y estudiar los mecanismos para el desarrollo de aplicaciones empresariales con Angular 6.

Audiencia:

Este curso está dirigido a:

  • Desarrolladores web
  • Personas interesadas en el Desarrollo Web
  • Interesados en el desarrollo front-end
  • Interesados en el mundo de AngularJS, Angular 6
Contenido:
  1. Revisión de ECMAScript 2015
    1. Clases (exports, imports)
    2. Operador de extensión
    3. Arrow functions
  2. Repaso de TypeScript
    1. Uso de tipos
    2. El concepto de transpiler
    3. Desarrollando con orientación a interfaces
    4. Implementación de interfaces
  3. Arquitectura, Configuración y Archivos de Código importantes
    1. Arquitectura de una aplicación de Angular
    2. Instalación paso a paso
    3. Revisión de archivos fuente importantes
  4. Creando nuestra primera aplicación con Angular 6
    1. Instalación
    2. Uso de @Component
    3. El concepto de módulo
    4. Uso de @NgModule
    5. El concepto de Bootstrapping de Angular
  5. Usando templates
    1. Interpolación
    2. Bindings de propiedades y eventos
    3. Two-way data binding
  6. Built-in Directives
    1. nglf
    2. ngFor y su uso con colecciones
    3. ngClass
  7. El ciclo de vida de una aplicación Angular
    1. Personalizando el método ngOnlnit
  8. Módulos y componentes
    1. Componentes inteligentes y componentes dumb
    2. Descripción del flujo de datos unidireccional
    3. Módulos de funciones con @NgModule
  9. Inputs & Outputs
    1. Transmisión de datos a componentes hijos con @Input
    2. Valores dinámicos en @Input
    3. Uso @Output y EventEmitter
  10. Servicios
    1. Inyección de dependencias
    2. Cómo usar @Injectable
    3. Observables y Promises
    4. Obtención de datos via HTTP
  11. Forms
    1. Forms module
    2. ngForm y ngModel
    3. Ejemplos con form elements comunes
    4. Validación y uso de estados de error
    5. Form validation y estados de error
  12. Routes
    1. Router Module
    2. Rutas raíz
    3. Rutas hijas
    4. Uso de routerLink
    5. Parámetros en rutas
Costos:

Este costo incluye: Material de seguimiento, Material de estudio, el uso de una computadora por persona, certificados, refrigerios e impuestos de ley.