Retoques y arreglo de errores - Curso Frontend con Angular: parte 16
Ya has superado la mitad. Estás muy cerca de completar el curso.
Sobre esta lección
En este video del curso de frontend con Angular, vamos a acompañar a Calo a hacer arreglos de múltiples fixes, retoques estéticos por todos lados y refactorización del código. Con ansias de dejar el proyecto listo para ser publicado. 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.14 Timestamps: 00:00:00 - Intro 00:01:17 - Cambiar el footer a un nav 00:03:03 - Cambiar el “seleccionado” del footer a una signal 00:08:13 - Cambiar el tipo de datos de precio a number 00:08:38 - Cambiar los cuadrados del home a 1fr 1fr en vez de width en pixeles 00:12:06 - Pasar a signals el home y la pantalla de artículos. 00:15:46 - Borrar el servicio de productos en la página de categorias 00:16:20 - Cambiar el servicio de carritos a signal en carrito 00:18:41 - Autoborrado del carrito después de mucho tiempo. 00:25:21 - Sacar el resize del textarea de la pág de producto 00:26:39 - Cambiar algunos divs, como el tarjetas-container del carrito a section 00:28:50 - Componente "selloComida" 00:29:57 - Crear variables para borderRadius 00:36:06 - Borrar el span dentro del precio del carrito (abajo de todo) 00:37:06 - Agregar padding al lapiz de editar direción de envío 00:38:26 - Cambiar “Enviar mensaje” por “Hacer pedido” 00:38:58 - Cambiar estética de página de perfil a inputs sin bordes y línea abajo 00:44:45 - Hacer un Json de donde viene toda la data de las comidas y también el costo de envío 00:53:50 - Hacer carteles de “no hay nada en el carrito” 00:54:09 - Cartel de “búsqueda sin resultados” para el search. 00:57:49 - Cambiar el “enviar” de los formularios a “guardar” 00:58:09 - Que el localstorage no tenga clear sino que borre propiedades de a una 00:59:21 - Que no se pueda enviar el mensaje si no hay dirección de envío 01:00:53 - Bug en carrito cuando tengo más de un producto cargado 01:06:20 - Tarjeta artículos en búsqueda no vinculando a página de artículo 01:08:07 - Barra de navegación que no se queda abajo de todo 01:13:06 - Proximo video
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