Portafolio
⚙️ Consigna
Para el primer proyecto vas a realizar un portfolio personal. Este sitio te servirá como introducción personal y presentación de los proyectos que vas a ir haciendo a lo largo del curso, de modo que cualquiera que acceda al mismo pueda ver lo que hayas armado durante el mismo. En esta primera entrega del proyecto desarrollarás la estructura, los estilos y las secciones principales. En el siguiente módulo, a partir de lo que veas en las clases, le agregarás nuevas secciones, elementos, interacciones y efectos que ofrecerán una mejor y más completa experiencia de usuario
👍 Criterios de aceptación
Los requisitos mínimos para que el proyecto sea considerado para la entrega son:
- Se debe respetar el siguiente diseño
- Pueden modificarse colores, tipografías e imágenes
- El portfolio debe contar con:
- Header con links de navegación
- Sección de presentación
- Sección de habilidades
- Cita
- Sección de proyectos con grilla de proyectos (*)
- Secci´ón y formulario de contacto
- Footer con links de navegación y links de contacto
- Al clickear en los links de navegación, debe llevar a la sección correspondiente
- Al clickear en los links de contacto, debe llevar a la página externa correspondiente
- El portfolio debe tener un diseño responsivo y verse correctamente en distintos dispositivos (especialmente mobile)
- El portfolio debe estar deployado y ser accesible desde una URL
- El repositorio en GitHub debe tener un readme adecuado
(*) Los proyectos los irás agregando a medida que los vayas finalizando en los siguientes módulos
📝 Criterios de evaluación
- Menos de 6 (No aprobado)
- 6 (Aprobado)
- Estructura correcta de documento HTML
- Respeta la consigna
- Respeta el diseño dado
- Responsive funciona correctamente
- 7 (Bueno)
- Buena estructura de proyecto
- Código bien indentado
- Comentarios que permiten mejorar la legibilidad del código
- 8 (Muy bueno)
- Uso correcto de etiquetas semánticas
- Buenos nombres de clases
- 9 (Muy bueno)
- Código CSS bien estructurado
- Reutilización de estilos
- 10 (Excelente)
- Cumple con criterios básicos de accesibilidad
- Los colores tienen un contraste adecuado
- Las imágenes tiene el atributo
altque corresponde - La página tiene la información meta correspondiente
- La página tiene una semántica correcta
- Los íconos y elementos que no presentan texto agregan la información correspondiente por otros medios (etiquetas aria, texto oculto)
- Los íconos y elementos que no necesitan ser anunciados por un lector de pantalla tienen la etiqueta aria correspondiente
- Commits con mensajes adecuados
- Cuenta con un favicon
- Cuenta con etiquetas para redes sociales
- Cumple con criterios básicos de accesibilidad