Reto 01 de Desarrollo Web (Front End):

Portafolio del Desarrollador.

Descripción del Proyecto:

Tu tarea para este primer Reto consiste en: crear una página
web de tipo “Landing page” que sirva como el portafolio de
productos y servicios para un desarrollador web. La página
debe ser atractiva, fácil de navegar y mostrará información
relevante sobre el desarrollador, sus habilidades, proyectos
anteriores y formas de contacto.

Requisitos Técnicos:
Requisitos Técnicos:
1. HTML5:
o Utiliza HTML5 para estructurar la página. Incluye secciones como "Inicio", "Sobre Mí",
"Habilidades", "Proyectos", "Contacto" y “Ubicación”.
o Asegúrate de que la estructura sea semántica y accesible.
2. CSS3:
o Implementa un diseño atractivo y responsive utilizando CSS3.
o Utiliza estilos para resaltar la información clave y mantener la coherencia visual.
o Considera la inclusión de animaciones o transiciones para mejorar la experiencia del
usuario.
3. JavaScript:
o Agrega interactividad a la página utilizando JavaScript.
o Puedes incluir un carrusel de imágenes, efectos de desplazamiento suave entre secciones
o cualquier otra característica que mejore la experiencia del usuario.
o Valida y utiliza formularios para la sección de contacto.
4. Contenido:
o Incluye una sección "Sobre Mí" que destaque la experiencia y habilidades del
desarrollador.
o Muestra una lista de habilidades técnicas con iconos o gráficos.
o Crea una sección de "Proyectos" que destaque algunos proyectos anteriores del
desarrollador con imágenes y descripciones breves.

Extras -(Opcionales):
Extras Opcionales:

1. Animaciones:
o Implementa animaciones para hacer la página más dinámica y
atractiva.
 2. Filtros de Proyectos:
o Agrega la capacidad de filtrar proyectos por tecnologías o categorías.
3. Mapa de Ubicación:
o Incluye un mapa que muestre la ubicación del desarrollador.

Criterios
Criterios dede evaluación:
Evaluación:

 Diseño: La página debe tener un diseño atractivo y

coherente.
 Funcionalidad: Todas las secciones y enlaces deben
funcionar correctamente.
 Responsividad: La página debe ser totalmente responsive y adaptarse a diferentes dispositivos.
 Código Limpio: Utiliza buenas prácticas de codificación y comentarios si es necesario.

Entregable:
Entregable:

 Repositorio de código en una plataforma como GitHub.

 URL de la página en un entorno de hospedaje en línea (puedes utilizar GitHub Pages).

Recomendaciones:
Recomendaciones:

 Planifica y diseña antes de empezar a codificar.

 Divide el proyecto en tareas más pequeñas para facilitar el desarrollo.
 Testea la página en varios navegadores para asegurar la compatibilidad.

¡Éxitos en tu proyecto! Si tienes alguna pregunta o necesitas más orientación, no dudes en preguntar.

Fecha de entrega: 19 de febrero (URL proyecto – Sheet3 Entrega Retos)

Modelos de referencia para su diseño:

 https://www.cassie.codes/
 https://lynnandtonic.com/
 https://olaolu.dev/
 https://robbowen.digital/