Nuestro obejtivo era la contrucción de nuestra página principal de manera estática por lo que hasta el momento no implementamos ninguna funcionalidad con JavaScript.
En este repositorio actualizado encontrarás 3 ramas, cada una de las cuales contiene una versión actualizada del código. Siendo Live parte I, Live parte II y Full Crud. Al hacer clic en cada uno de ellos, obtendrá una versión actualizada del repositorio y podrá navegar entre los archivos.
- Carpeta assets con todas las imagenes utilizadas en nuestra página principal
- Archivo index.html donde encontrarás el código HTML referente a la página principal de nuestro AluraGeek
- Archivo login.html donde encontrarás el código HTML referente a la página de iniciar sesión
- Archivo reset.css utilizado para quitar todas los estilos predeterminados
- Archivo style.css donde están todas las clases CSS utiilizadas en la personalización de nuestra barra principal y nuestro banner
- Archivo productos.css donde están todas las clases CSS utiilizadas en la personalización de nuestras secciones de productos
- Archivo style-login.css donde están todas las clases CSS utiilizadas en la personalización de la sección de login.
- Views, donde se almacena el HTML de toda la aplicación.
- Controllers, donde se encuentra la lógica de manipulación de los protocolos CRUD.
- Servicios donde se encuentra la lógica de las peticiones CRUD como: Get, Post, Update y Delete.
Es importante que recordemos que este código lo construimos juntos en nuestro live coding y que aún pueden faltar algunos estilos y elementos por aplicar. Como lo dijimos en la live también dejamos para ustedes una versión responsiva solo para mobile, ahora queda en sus manos terminar el desarrollo de nuestro e-commerce.
Si te perdiste el Live no te preocupes puedes acceder a través del link Live Coding AluraGeek
Si tienes alguna pregunta puedes realizarla a través del canal de dudas del Challenge en la categoría Front End o inclusive unirte con tus colegas en las salas de estudio para encontrar nuevas soluciones.
¡No olvides publicar un link o un vídeo de tu proyecto en Linkedin y en nuestro canal de resultados en Discord! 🏁
Un punto importante: hay varias formas de desarrollar los desafíos, no crean que el código presentado es el correcto o el único a seguir, es una base y pueden comparar con su resolución y la de otros colegas.