Curso de Especialista en Angular 7

Angular 7 es uno de los frameworks más actuales para el desarrollo de aplicaciones web en el lado del cliente desarrollado por Google.
Utiliza como lenguaje de desarrollo Typescript que es un lenguaje orientado a objetos que nos permitirá crear nuestras clases, interfaces, decoradores y módulos permitiéndonos compilar el código y así poder depurar de una forma sencilla nuestra aplicación.
Angular 7 nos permitirá crear aplicaciones SPA (Single Page Apps) lo que nos facilitará la integración y separción, por medio del uso de JSON, con cualquier aplicación de Backend (Java, Scala, VB.Net, Ruby…)
Angular 7 se basa en el patrón MVC por lo que es muy sencillo reutilizar componentes entre proyectos, permitiéndonos crear etiquetas HTML personalizadas, reutilizables y auto contenidas.

Introducción

• Que es Angular
• Instalar NodeJS
• Instalar Angular
• Angular CLI
• Estructura de una aplicación Angular
• Configuración del entorno de desarrollo
• Ejecución de una aplicación Angulara

Typescript

• Introducción
• Tipos de variables
• Interfaces
• Clases
• Genéricos
• Iteradores
• Módulos
• Decoradores

Componentes

• ¿Que es un componente y como funciona?
• Metadatos de componentes
• Creación de un componente
• Data binding
• Template dentro del componente
• Template en ficheros externos
• Constructores
• Uso de clases dentro de un componente

Templates

• Interpolación
• Expresiones
• Eventos
• Binding
• Propiedades
• Atributos, clases y estilos
• Eventos
• Two-way
• Variables referenciadas
• Variables de entrada y de salida
• El operador pipe

Ciclo de vida de los Componentes

• Secuencia del ciclo de vida
• ngOnChanges()
• ngOnInit()
• ngDoCheck()
• ngAfterContentInit()
• ngAfterContentChecked()
• ngAfterViewInit()
• ngAfterViewChecked()
• ngOnDestroy()
• Ejemplos de uso

Componentes y estilos

• Usando estilos
• Ámbito de los estilos
• Aplicando estilos 
• Ficheros externos con estilos

Directivas

• Estructurales:
• Directiva *ngFor
• Directiva *ngIf
• Directiva *ngSwitch
• Directivas estructurales personalizadas
• Atributos:
• Directiva *ngClass
• Directiva *ngStyle
• Directiva *ngClass
• Directivas de atributos personalizadas

Pipes

• Uso de los pipes
• Pipes por defecto
• AsyncPipe
• DatePipe
• CurrencyPipe
• JsonPipe
• LowerCasePipe
• UpperCasePipe
• SlicePipe
• DecimalPipe
• Parametrizando pipes
• Encadenando pipes
• Pipes personalizados

Formularios

• Módulo FormsModule
• Clases y mapeos con formularios
• Componente asociado al formulario
• Plantilla HTML con el formulario
• Binding
• Uso *ngFor en un formulario
• Envio de formulario con *ngSubmit
• Validaciones
• Mensajes de error

Servicios

• @Injectable
• Crear e inyectar un servicio
• Providers

Routing

• Que es routing
• Configuración
• Uso de RouterModule
• Router outlet
• Router links
• Router state
• Router events
• Router guards
• Usando parámetros

HTTP

• Introducción
• Configuración
• Acceso a datos JSON
• Uso de un servicio para HTTP
• Gestión de Errores
• Acceso a datos No JSON
• Observables y operadores
• Enviando datos al servidor
• Gestionando cabeceras
• POST
• PUT
• DELETE

Ngrx Store y Effects

• Cuando usar store y effects
• Servidor json-server
• Crear db.json
• Configuración módulo store
• Crear servicio uso api rest
• Actions
• Subscripción Effects a Actions
• Crear reducers para gestionar store
• Ejemplo práctico

 

Este curso está orientado a:

• Desarrolladores web
• Desarrolladores web Front-end
• Estudiantes de informática
• Personal de empresas que desarrollan y mantienen aplicaciones web que utilicen o quieran utilizar el framework Angular 7.

• Conocer el lenguaje Typescript
• Usar componentes y templates
• Conocer el ciclo de vida de los componentes
• Usar directivas
• Usar pipes
• Crear formularios
• Integrar con servicios
• Usar routers para desarrollar SPA
• Usar componentes HTTP y REST
• Integrar Ngrx stores y effects