uochtml2-cv

Objetivos

• Diseñar y ejecutar un pequeño sitio web responsive de una sola página.
• Utilizar un workflow de desarrollo frontend moderno, partiendo UOC Boilerplate.
• Utilizar el lenguaje de preprocesado de estilos Sass.
• Escoger criterios de desarrollo (metodologías y guías de estilo) adecuados al tipo de encargo.
• Configurar y usar correctamente Stylelint en función de los criterios escogidos.
• Documentar el proceso de elección y aplicación de los criterios escogidos, así como el propio proceso de desarrollo.
• Publicar el repositorio en GitHub y realizar un deployment en Netlify

Características

• :done Debe ser un sitio web de una sola página.

• :done El contenido de la página debe ser tu Currículum Vitae.

• :done La página debe ser responsive (teléfono, tablet, ordenador…).

• :done Debes partir de UOC Boilerplate para tu desarrollo. Asegúrate de estar usando la última versión (3.5.0). Debes respetar la estructura y nomenclatura de carpetas y ficheros (¡a menos que la metodología o guía de estilo escogida te indique lo contrario!).

• :done Debes añadir alguna dependencia externa a UOC Boilerplate. En la guía del módulo 1 tienes como ejemplo cómo añadir FontAwesome, que puede ser una dependencia válida para este ejercicio. Pero si te atreves, puedes probar a añadir cualquier otra dependencia que creas útil. Si escoges otra dependencia, es buena idea que expliques en el foro cuál es, por qué la escogiste, y si tienes cualquier duda o incidencia con su uso.

• :done Una vez finalices el desarrollo debes publicar el código en GitHub y realizar un deployment en Netlify, como se explica en la guía del módulo 1.

• :done El código que entregues deberá estar compilado para producción con el comando npm run build

• :done Debes utilizar necesariamente las siguientes características de Sass: variables, anidado, funciones, parciales y importación.

• Debes escoger una o más de las metodologías y guías de estilo estudiadas en el módulo 2 y aplicarlas en tu desarrollo. Puedes debatir en el foro cuáles son las opciones más adecuadas.

• Deberás instalar Stylelint y personalizar su configuración para que aplique los criterios de estilos escogidos, con plugins y reglas personalizadas, como se explica en el módulo 2. Al ejecutar el comando de validación no debe aparecer ningún error. También puedes comentar en el foro qué plugins y reglas aplicaste.

Documentación

• Deberás documentar todo el proceso de desarrollo de esta práctica (descargar/clonar el repositorio, instalar dependencias, el entorno de desarrollo, la compliación para producción, la publicación, etc), explicando los pasos que seguiste y los resultados obtenidos.
• Deberás justificar la elección de metodología y/o guía de estilo en base al tipo de encargo, tus conocimientos, la metodología de desarrollo aplicada y la avenencia de los conceptos estudiados con el proyecto y tu estilo de código. Deberás explicar detalladamente cómo aplicaste los criterios escogidos a tu código, así como la configuración que realizaste en Stylelint para que se aplicaran estos criterios.
• Deberás explicar cualquier decisión de diseño y desarrollo que tomaras (por ejemplo: qué dependencias añadiste, si en tus hojas de estilo seguiste una aproximación desktop first o mobile first, …).
• Deberás incluír de forma clara los enlaces al repositorio de GitHub y la URL pública de Netlify.

Evaluación

• Desarrollo (60%)
  • Uso correcto de UOC Boilerplate y dependencias externas (10%)
  • HTML (5%)
  • Sass (10%)
  • Diseño y responsiveness (10%)
  • Aplicación de metodologías y guías de estilo, adecuación a estándares y calidad del código en general (10%)
  • Configuración y aplicación Stylelint (10%)
  • Repositorio y publicación (5%)
• Documentación (40%)
  • Documentación del proceso de desarrollo (10%)
  • Justificación de las decisiones tomadas en el desarrollo (10%)
  • Justificación de la elección de la metodología y/o guía de estilo y memoria de la aplicación de los criterios elegidos (20%)

Entrega

• La parte de desarrollo se debe entregar en una carpeta que contenga todos los ficheros del proyecto desarrollado, incluyendo la carpeta dist/ correctamente compilada para producción, la carpeta src/ con el código fuente desarrollado, y los ficheros de configuración que hay en la raíz del proyecto (atención, porque según vuestro entorno pueden ser ficheros ocultos, ¡aseguraos de incluírlos!). No debéis incluír la carpeta node_modules, ya que las dependencias de desarrollo cambian según el entorno. Cualquier entrega que contenga la carpeta node_modules será rechazada.

• Se debe entregar la parte de documentación en un documento de texto en formato estándar, preferiblemente .pdf. Evita, a poder ser, formatos propietarios como .doc o .pages.

• Se deberán entregar ambas partes dentro de un solo fichero comprimido en formato .zip o .rar, con vuestro nombre e indicando que se trata de la PEC 1, a través del Registro de Evaluación Contínua del Campus. No se admitirán entregas por ningún otro canal.