Lista de productos - Curso Frontend con Angular: parte 9
Sigue así. Cada lección te acerca más a tu certificado.
Sobre esta lección
Mostremos todos los productos que tenemos para ofrecer! En este video vemos como crear la lista de productos según la categoría a la que accedemos. Vamos a usar directivas ngIf, ngFor, ngStyle, también vamos a usar las interfaces de Categoría y Producto que creamos en el video pasado. Les pido disculpas por el audio porque el micrófono por partes anduvo horrible, no me di cuenta hasta el momento de la edición e hice lo posible para arreglarlo! Mirá el curso desde el principio: https://www.youtube.com/playlist?list=PL3Qv7aeTNq0eChWdLTbxelz-5d6ZTBp3i Descargate el proyecto como quedó al final de este video: https://github.com/cacalo/Curso-frontend-angular-pedir-comida/releases/tag/v0.0.7 00:00 - Intro 00:37 - Servicio de artículos - GetArticulosByCategoria 05:39 - Leer datos de router 09:29 - Diseño tarjeta producto 24:52 - Cambiar título categoría - GetCategoriaById 28:27 - Fixes varios 1 29:17 - Símbolos apto celíaco y vegano 34:05 - FIxes varios 2 35:34 - En el video que viene
Sobre este curso
En este curso te enseño todo lo que tenés que saber para crear tu propia aplicación web dinámica usando Angular. Vas a aprender cómo crear un proyecto, vamos a hablar de los bloques de construcción de Angular: Componentes y módulos. También vamos a usar Angular Router para crear rutas dinámicas, código reutilizable y de bajo mantenimiento. Como nos basamos en Angular significa que también vamos a aprender a usar typescript como lenguaje de programación y vamos a apalancarnos de algunas otras tecnologías como SASS. Si estás listo para pasar al próximo nivel de desarrollo front end, te espero! Si querés ver como queda el proyecto terminado entrá acá: https://pedir-comida-puntojson.netlify.app/ (Se ve bien únicamente en teléfonos, que es lo que el alcance de este curso llegó a hacer).
Lo que aprenderás en este curso:
- Comprender la arquitectura de módulos y componentes de Angular
- Crear servicios, directivas y pipes personalizados
- Implementar formularios reactivos y validaciones
- Gestionar el enrutamiento y la navegación en Angular