Temario y recursos del Curso de Angular
Temario del Curso de Angular
Introducción a Angular
1 Clases abiertas- Bienvenida e introducción al curso
- Instalación y preparación del entorno de desarrollo
Acelera tu carrera profesional con más de 56 Clases del Curso de Angular
Comienza ahora- Preparando el entorno para Windows
- Preparando el entorno para Linux
- Crea tu primera aplicación en Angular
Estructuras de control
- Introducción al Angular CLI y proyecto del curso
- String interpolation
- Data binding en Angular
- Uso de ngIf
- Uso de ngFor add y delete
- Uso de ngFor para recorrer objetos
- Uso de ngSwitch
Componentes
- ¿Qué son los componentes y decoradores?
- Uso de Inputs y Outputs
- Ciclo de vida de los componentes
- Estilos para mostrar la lista de productos
- Uso de ng generate y ng lint
Pipes y Directivas
Módulos y Rutas
- Introducción al NgModule
- Creando rutas en Angular
- Creando la página home de la tienda
- Usando routerLink y routerActive
- Creando el detalle de cada producto
- Elaboración de la página de detalle de producto
- Creando el módulo del website con vistas anidadas
- Preparar el proyecto para Lazy Loading
- Implementación del Lazy Loading
- Creando un shared module y core module
- Guardianes
UI/UX, estilos
- Instalando Angular Material
- Instalando un sistema de grillas
- Creando el header
- Estilos a product-card
- Creando vistas con Angular schematic
Servicios
- Creando nuestros propios servicios: HTTP Client
- Haciendo una solicitud GET desde el servicio
- Haciendo una solicitud POST desde el servicio
- Haciendo una solicitud PUT y DELETE desde el servicio
- Ambientes en Angular
- Lista de inventario y detalle
- Cierre de ejercicio de detalle
Formularios
- Introducción al FormControl
- Creando el formulario de productos
- Ajustar estilos en un formulario
- Validaciones personalizadas
- Editar un producto a través de un formulario
Programación reactiva
- Añadiendo productos al carrito
- Usa un pipe para hacer un contador de productos
- Creando la página de la orden y uso de async
Para este curso vas a necesitar
8 Horas de contenido
22 Horas de práctica
Proyecto del curso
Platzi ShopDesarrolla una tienda en línea con Angular desde cero. Aprovecha las características de Angular para construir una aplicación en menos tiempo usando componentes, módulos y rutas. Usa Angular Material para dar estilo los elementos de tu webapp. Despliega tu aplicación de e-commerce a Internet.
Para este curso vas a necesitar
8 Horas de contenido
22 Horas de práctica
Proyecto del curso
Platzi ShopDesarrolla una tienda en línea con Angular desde cero. Aprovecha las características de Angular para construir una aplicación en menos tiempo usando componentes, módulos y rutas. Usa Angular Material para dar estilo los elementos de tu webapp. Despliega tu aplicación de e-commerce a Internet.
Introducción a Angular
1 Clases abiertas- Bienvenida e introducción al curso
- Instalación y preparación del entorno de desarrollo
Acelera tu carrera profesional con más de 56 Clases del Curso de Angular
Comienza ahora- Preparando el entorno para Windows
- Preparando el entorno para Linux
- Crea tu primera aplicación en Angular
Estructuras de control
- Introducción al Angular CLI y proyecto del curso
- String interpolation
- Data binding en Angular
- Uso de ngIf
- Uso de ngFor add y delete
- Uso de ngFor para recorrer objetos
- Uso de ngSwitch
Componentes
- ¿Qué son los componentes y decoradores?
- Uso de Inputs y Outputs
- Ciclo de vida de los componentes
- Estilos para mostrar la lista de productos
- Uso de ng generate y ng lint
Pipes y Directivas
Módulos y Rutas
- Introducción al NgModule
- Creando rutas en Angular
- Creando la página home de la tienda
- Usando routerLink y routerActive
- Creando el detalle de cada producto
- Elaboración de la página de detalle de producto
- Creando el módulo del website con vistas anidadas
- Preparar el proyecto para Lazy Loading
- Implementación del Lazy Loading
- Creando un shared module y core module
- Guardianes
UI/UX, estilos
- Instalando Angular Material
- Instalando un sistema de grillas
- Creando el header
- Estilos a product-card
- Creando vistas con Angular schematic
Servicios
- Creando nuestros propios servicios: HTTP Client
- Haciendo una solicitud GET desde el servicio
- Haciendo una solicitud POST desde el servicio
- Haciendo una solicitud PUT y DELETE desde el servicio
- Ambientes en Angular
- Lista de inventario y detalle
- Cierre de ejercicio de detalle
Formularios
- Introducción al FormControl
- Creando el formulario de productos
- Ajustar estilos en un formulario
- Validaciones personalizadas
- Editar un producto a través de un formulario
Programación reactiva
- Añadiendo productos al carrito
- Usa un pipe para hacer un contador de productos
- Creando la página de la orden y uso de async
