> Módulo 1: Primeros pasos

Evolución de Angular 

Bloques de construcción de Angular 

Configuración de su entorno de desarrollo 

Escribiendo tu primera aplicación Angular 

Conceptos básicos sobre Angular 

Nuestro proyecto de muestra

Prototipos de papel

 

> Módulo 2: Trabajando con TypeScript

La mejor ruta para comprender TypeScript 

La relación entre JavaScript y TypeScript 

Una serie de eventos afortunados para JavaScript 

Conceptos de TypeScript

Transpilación versus compilación 

Let 

Const

Escritura de datos

Objetos 

JSON 

Entorno de ejecución de JavaScript

Arrays y TypedArray

Maps y WeakMap

Set y WeakSet

Classes

Interfaces

Herencia

Destructuring

Template strings

for-of loop

Decorators

Promises y Modules

 

> Módulo 3: Bootstrap: Grid Layout y componentes

Sass | Papel de Bootstrap en nuestra aplicación | Instalación de Bootstrap | Sistema de Grid reponsivo de Bootstrap | Componentes de Bootstrap | Carrusel de listado

 

> Módulo 4: Routing

¿Qué es el enrutamiento en Angular? 

Creando el shell de nuestra aplicación usando la CLI 

Configurando rutas para nuestra aplicación 

Rutas parametrizadas 

Child Routes

Route guards 

Completando nuestra configuración de ruta

Directivas de enlaces de enrutador y barra de navegación de Bootstrap 

Especificación de la ubicación para renderizar las plantillas de componentes

Ejecutando nuestra aplicación 

Estrategias de enrutamiento

 

> Módulo 5: Diseño flexible: motor de diseño receptivo angular

Las cuatro técnicas disponibles para el diseño de nuestros componentes 

Por qué FlexBox CSS es probablemente la mejor opción 

¿Qué es Flex-Layout y por qué debería utilizarlo?

Integración de Flex-Layout 

La API de diseño flexible 

Diseñar estrategias al utilizar FlexBox 

Implementando nuestros wireframes 

 

  > Módulo 6: Construyendo componentes angulares

Arquitectura de aplicaciones angular 

Un árbol de componentes 

Arquitectura de una aplicación angular 

Anotaciones 

@Component Proyección de contenido 

Ciclo de vida de Hooks

Interfaz de componentes 

Entradas y salidas, y flujo de datos

 

> Módulo 7: Plantillas, directivas y Pipes

Plantillas 

Directivas 

Directivas de atributos

Directivas estructurales

Directivas integradas 

Enlace de datos mediante la directiva NgModel 

Pipes

 

> Módulo 8: Trabajar con NG Bootstrap

Integrando NGB 

Instalación de NBG

¿Por qué utilizar NGB?

Creando nuestro playground para NGB (y Angular Material, y más) 

Widgets NGB 

Colapsables 

Modal 

Carrusel 

Implementando NGB en nuestra aplicación 

Reglas generales de diseño de UX

 

> Módulo 9: Trabajar con formularios

Forms bootstrap 

¿Qué son los Forms? 

Clases de formulario Bootstrap 

Clases de formulario Bootstrap extendidas

Forms Angular 

Formularios basados ​​en plantillas 

Forms basados en modelos o formas reactivas 

Validaciones de forms Angular

Envío de datos del formulario

 

> Módulo 10: Inyección de dependencia y servicios

¿Qué es DI? 

Generación de servicios e interfaces 

Protección contra la modificación del código

 

> Módulo 11: Integración de servicios de datos backend

HttpClient angular 

Integración de servicios backend 

Usando Firebase

 

> Módulo 12: Implementación de aplicaciones

Implementación de aplicaciones Angular

Implementación de aplicaciones Angular compuestas

Implementación de aplicaciones Angular en páginas de GitHub