Este es el ejercicio de evaluacion final bis de yen Hoang.
Ejercicio de evaluación final ﴾bis﴿ - Sprint 1 El ejercicio consiste en desarrollar una página web de acuerdo a un diseño dado. Habrá que resolver varios puntos: -Usar Sass -Usar base de gulp del Adalab web starter kit.
Diseño URL del proyecto en zeplin: http://zpl.io/agnqg9D Recuerda avisar a tu profesora en persona o por DM en slack para que te de acceso
Las imágenes necesarias son: logo de Adalab imagen del hero
La tipografía es Rubik, accesible en Google Fonts.
Maquetación En primer lugar vamos a realizar la maquetación sobre un diseño dado.
- El primer módulo ﴾hero﴿ debe ocupar, como mínimo el alto de la ventana del navegador.
- El menú superior debe estar fijo en la parte superior de la pantalla al hacer scroll
- Es un diseño responsive con 2 breakpoints ﴾móvil, tablet y desktop﴿
Interacción En total, tenemos 3 interacciones que resolver:
- El logo de Adalab enlaza a la web de Adalab ﴾http://adalab.es﴿
- Los enlaces del menú apuntan al blog de Adalab y a la página de contacto de Adalab
- En el hover de los enlaces de la cabecera ﴾"Blog" y "Contacto"﴿ hay una transición en el color ﴾al azul #32decf﴿ y aparece una línea de ese mismo color bajo el texto
Entrega La entrega del ejercicio se realizará en el mismo repositorio que has creado al comienzo del ejercicio. Hemos pautado 12 horas de dedicación al ejercicio, por lo que el límite de entrega es de 3 días desde la entrega.
Normas 1 / 21_evaluacion_final_bis.md 11/26/2018 Este ejercicio está pensado para que se realice de forma individual, pero podrás consultar tus dudas con la profesora y tus compañeras si lo consideras necesario. Es una buena oportunidad para conocer cómo estás progresando, saber qué temas debes reforzar durante las siguientes semanas y cuáles dominas. Te recomendamos que te sientas cómoda con el ejercicio que entregues y no envíes cosas copiadas que no entiendas, puesto que en la revisión del ejercicio con la profesora se te pedirá que expliques las decisiones tomadas para realizar el ejercicio. Este feedback individual con la profesora será de un máximo de 30 minutos, y te propondrá además realizar cambios in situ sobre el ejercicio. Al final, tendrás un feedback sobre aspectos a destacar y a mejorar en tu ejercicio, y sabrás qué objetivos de aprendizaje has superado de los listados a continuación.
Criterios de evaluación Vamos a listar los criterios de evaluación de este ejercicio. Si superas más del 80% de los criterios, estás aprendiendo al ritmo que hemos pautado para poder afrontar los conocimientos del siguiente sprint.
General Usar una estructura adecuada de ficheros y carpetas para un proyecto web, y enlaza bien los distintos ficheros Uso de control de versiones para manejar un proyecto de código
HTML Crear código HTML con sintaxis correcta, bien estructurado e indentado Usar etiquetas HTML semánticamente adecuadas para cada pieza de contenido
CSS / Sass Crear código Sass con sintaxis correcta, bien estructurado e indentado Usar algunas características de Sass como variables y parciales Crear con CSS composiciones ajustadas a un diseño especificado Usar código CSS que usa de forma intensiva selectores de clase Usar el modelo de caja de CSS de forma adecuada para especificar tamaño, relleno y márgenes Usar estilos de texto y fondo para distintos tipos de elementos Usar flexbox de forma adecuada para organizar elemento en cajas flexibles Usar mediaqueries para que los diseños se ajusten a distintos tamaños de dispositivo Usar posicionamiento para emplazar elementos fijos en la pantalla Usar CSS grid para emplazar elementos usando una rejilla Usar transiciones CSS para dotar de dinamismo a un proyecto web ¡Al turrón!