Angular desde cero (2022)

Aprender que es Angular, cuales son sus beneficios y saber que requerimientos técnicos debemos tener en cuenta antes de comenzar.

• 1.1 - Introducción a Angular y preview ejercicio a realizar
  1:21
• 1.2 - ¿Qué es Angular?
  3:48
• 1.3 - Requisitos necesarios para comenzar (html, css, typescript)
  1:40
• 1.4 - Preparar entorno de trabajo para comenzar a crear nuestra aplicación
  9:24
• 1.5 - Iniciar aplicación en Angular
  7:01
• 1.6 - Explicar estructura de carpetas por defecto
  14:29
• 1.7 - ¿Qué es un modulo? Generando el primer modulo
  8:50
• 1.8 - ¿Qué es un componente? Generando el primer componente
  8:37

Aprender a navegar entre diferentes rutas de la aplicación y entender lo que significa la carga perezosa y como puede ayudarnos en el performance..

• 2.1 - Aplicar estructura de carpetas modularizadas
  15:36
• 2.2 - Definiendo las interfases de datos
  10:59
• 2.3 - ¿Qué es un ruta? Cómo generar un ruta
  11:05
• 2.4 - ¿Qué son las rutas hijas?
  5:50
• 2.5 - ¿Qué es LazyLoading? Cómo implementar esta carga perezosa en nuestros módulos
  8:34
• 2.6 - Cómo proteger rutas
  18:22
• 2.7 - Qué son los pipes y cómo generarlos
  15:18

Aprender a crear Formularios Reactivos, manipular los datos, obtener el estado actual, revisar la validación.

• 3.1 - ¿Qué son los formularios reactivos? Ejemplo de formulario reactivo
  18:04
• 3.2 - Cómo aplicar validación de datos en formularios reactivos
  11:24
• 3.3 - Cómo cargar datos en un formulario reactivo
  9:02
• 3.4 - Ejecutar validación asíncronas
  18:30
• 3.5 - Beneficios de los formularios reactivos
  5:58

Aprender sobre las directivas comunes de angular.

• 4.1 - ¿Qué es un directiva? Ejemplo de *ngIf
  7:50
• 4.2 - Uso de *ngFor
  11:45
• 4.3 - Cómo usar *ngSwitch y directivas atributos
  12:21
• 4.4 - Cómo crear una directiva propia
  12:52
• 4.5 - Cómo usar ng-template
  7:42
• 4.6 - Usando los template dentro de un container
  11:32

Aprender sobre los ciclos de vida de angular.

• 5.1 - ¿Qué es un componente?
  9:57
• 5.2 - ¿Qué son los ciclos de vida?
  5:49
• 5.3 - ¿Cuáles ciclos de vida existen en angular?
  8:27
• 5.4 - ¿Qué es el OnInit y el OnDestroy?
  22:05
• 5.5 - Cuando usar AfterViewInit y diferencia con AfterViewCheked
  12:50
• 5.6 - OnChanges y OnDoCheck
  9:15

Aprender a conectar con una API REST Mediante HTTP, aprender a generar servicios.

• 6.1 - ¿Qué es un servicio y cómo generarlo?
  13:57
• 6.2 - Creando un servicio que conecte con Http
  22:12
• 6.3 - ¿Qué es un interceptor y cómo generarlos?
  22:02
• 6.4 - Obtener la data mediante un subscriber
  18:31
• 6.5 - Cómo hacer uso de "pipe" en la respuesta de nuestra API
  21:51
• 6.6 - Cómo usar la hacer unsbscribe de un observable (Parte 1)
  18:43
• 6.7 - Cómo usar la hacer unsbscribe de un observable (Parte 2)
  21:42

Compilar proyecto y desplegar en servidor.

• 7.5 -clase de prueba 001
  11:08:27
• test dev 02
  16:18:31
• 7.1 - Entornos de Angular
  14:16
• test dev 03
  16:18:31
• test dev 04
  16:18:31
• test dev 13
  16:18:31
• test dev 14
  16:18:31
• 7.2 - Compilar proyecto en entorno especifico
  10:48
• 7.3 - Desplegar proyecto en Netlify
  5:56
• 7.4 - Conectar repositorio con netlify para tener un despliegue continuo
  7:06