Curso JavaScript Práctico

Esta es el proyecto final para el Curso JavaScript Práctico.

Tabla de Contenido

• Visión General
  • Reto
  • Screenshot
  • Links
• My process
  • Built with
• Author

Visión General

Reto

• Fusiona los componentes en HTML y CSS de Yard Sale, la tienda online que construimos para la Escuela de JavaScript.
• Agrega interactividad con JavaScript usando técnicas de Manipulación del DOM.
• Contribuir a proyectos open source en GitHub como Frontend Developer.

Screenshot

Desktop design

Mobile design

Links

• Live Site URL: live site
• Galería de imágenes: Galeria

Mi Proceso

Realizado en el curso:

• HTML
• CSS
• JS Fusion los componentes de la vista principal en uno y se creó algunas funcionalidades.

Archivos combinados en Index.html:

• clase6.html (lista de productos)
• clase7.html (menú escritorio)
• clase8.html (menú móvil)
• clase11.html (menú general)
• clase12.html (detalle del producto)
• clase13.html (carrito de la compra)

Al fusionar estos archivos, ahora los usuarios pueden usar el menú de navegación con todos sus componentes, funciona en dispositivos móviles y de escritorio, también muestra una lista de productos de una matriz (codificados)

Nuevas funciones

• Arreglo de objetos, en donde se encuentran los productos.
• Desplegar todos los productos desde JS.
• Desplegar categorias desde JS.
• Filtrar los productos por categorías.
• Agregar un fondo al momento de dar click en cualquier funcionalidad( carrito, aside, email..).
• El aside muestra la info del producto al que se le dio click.
• Agregar producto desde el aside.
• Editar el carrito para agregar/eliminar productos y contador de los items.
• Mensaje "Your cart is empty" cuando no hay items en el carrito.
• Calcular y visualizar el total de los productos en el carrito( calcula cuando se agrega y se elimina).

Author

• Platzi - LuisMiguelRodriguez
• Certificación - Certificación