Header - Curso Frontend con Angular: parte 7
Sigue así. Cada lección te acerca más a tu certificado.
Sobre esta lección
En este video del curso de frontend con Angular 16: Creamos el header de nuestra app, también creamos un archivo para guardar variables de scss, hacemos un par de animaciones y creamos un servicio nuevo, todo usando las nuevas herramientas que Angular 16 nos brinda, signals y effects. Me parece que la app va tomando un poco de forma y vamos en buen camino! 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.5 Timestamps: 00:00 - Intro 01:01 - Creación componente 03:40 - Íconos 09:00 - Reset CSS 10:35 - Función navegar 17:25 - CSS 19:10 - Marcar botón seleccionado 28:31 - Bajar footer 31:21 - Marcar deseleccionado 35:22 - Transición
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