Proyecto Final

Laboratorio III
Planificación
1. Objetivos: definir los objetivos y los resultados que esperas obtener.

¿Qué tipo de sitio web vas a construir? ¿Cuál es su propósito? ¿Quién es el público
objetivo? ¿Qué acciones quieres que los usuarios realicen en tu sitio?

2. Boceto: diseñar con Figma cómo quieres que se vea el sitio y cómo funcionarán las
diferentes partes.

3. Estructura de navegación: determinar qué páginas necesita el sitio, cómo se conectan

entre sí y cómo los usuarios llegarán a cada una.

4. Herramientas: para desarrollar el sitio web, deberán utilizar HTML, CSS y JavaScript.
Además, utilizar como editor de código, Visual Studio Code.

5. Contenido: determinar qué tipo de contenido utilizará cada página, cómo se

mantendrá el contenido y cómo se optimizará para los motores de búsqueda. Se debe
asegurar de que el contenido sea coherente con los objetivos del sitio y se dirija al
objetivo público.

6. Prueba del sitio web: probar la funcionalidad de todas las páginas, comprobar que
todas las imágenes y vídeos se cargan correctamente y asegurarte de que el sitio se ve
bien en diferentes dispositivos y navegadores. También deben asegurarse de que el
sitio cumpla con los estándares de accesibilidad web.

Enunciado
Crear un sitio web de compras en línea
Objetivo: Crear un sitio web de compras en línea que permita a los usuarios buscar
productos, agregarlos a su carrito y realizar pagos utilizando una API de pago.

Instrucciones:

1. Utilice HTML para crear una página principal que muestre los productos disponibles y
un formulario de búsqueda para que los usuarios puedan buscar productos específicos
dentro del sitio.

2. Use CSS para diseñar la página y asegúrese de que se vea atractiva y fácil de usar en
diferentes dispositivos.
3. Utiliza JavaScript para conectarte a una API que proporciona información sobre los
productos. Puedes utilizar una API pública o cualquier otra que prefieras.

4. Utilice JavaScript para permitir a los usuarios buscar productos y mostrar los
resultados de búsqueda en la página.

5. Agrega funcionalidades adicionales como la opción de filtrar los productos por

categoría, precio, etc.

6. Utilice JavaScript para permitir a los usuarios agregar productos a su carrito de

compras y mostrar los productos agregados en el carrito.

7. Agrega una funcionalidad de pago utilizando una API de pago, como PayPal, Mercado
Pago o Stripe.

8. Asegúrese de que su sitio web se adapte a diferentes tamaños de dispositivos.

9. Agrega medidas de seguridad, como cifrado de datos y validación de formularios, para

proteger la información del usuario.

10. Asegúrese de que su código esté limpio, bien organizado y sea fácil de leer.