Página de producto individual - Curso Frontend con Angular: parte 10
Ya has superado la mitad. Estás muy cerca de completar el curso.
Sobre esta lección
¡Creemos la página de producto! Vamos a mostrar la imagen del producto, sus ingredientes, sus marcas especiales (vegano, celíaco) y camos a crear un componente para contar la cantidad de ítems que vamos a agregar al carrito. Como siempre, un paso más cerca del final me pone más contento :) 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.8 Timestamps: 00:00 - Intro 00:51 - Leer artículo de URL 04:47 - Leer artículo por ID (parte caótica) 10:39 - Diseño HTML página (parte caótica) 14:22 - Vincular tarjetas de artículos a páginas de artículos 26:10 - Selector de cantidad 31:48 - Comunicación entre componentes (hijo a padre con @Output) 34:28 - Estilos selector de cantidad 38:54 - Arreglo de footer 41:17 - Arreglo de header 44:28 - Ending
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