Como miembro del equipo de desarrollo, el conocimiento del backend (PHP, JS, etc.) es un hecho. Sin embargo, es igualmente importante tener un dominio adecuado del desarrollo frontend (HTML, CSS, SASS, etc.).
Desafío: Del diseño a la página de destino
Visión general:
Creará una página de aterrizaje sencilla (.html está bien) que siga el diseño proporcionado.
Especificaciones:
- Crear una página de destino HTML a partir de nuestro diseño Figma.
- Utilice técnicas y métodos modernos de marcado y estilización.
- La imagen destacada debe reproducirse este vídeo de YouTube cuando se pulsa el botón de reproducción. Usted decide cómo implementarlo.
- La página debe ser totalmente adaptable, así que cambia y reduce el tamaño de los elementos según te convenga. La visualizaremos en el escritorio, la tableta y el móvil.
- CSS debe ser escrito usando SASS y tanto la fuente y los archivos compilados deben ser incluidos. El método de compilación (gulp, grunt, etc) depende de ti.
Notas:
- Si no tiene una cuenta Figma (gratuita), regístrese para acceder a la vista del inspector.
- Puede descargar y utilizar el archivos de activos preparados (imágenes e iconos).
- No se precipite. Strive for attention to detail (one of our core values) – we’ll compare the HTML template to the design file provided 🙂
Empaquete el código como un archivo Zip y cárguelo en el siguiente formulario:
ES 
EN 
FR 
DE 
PT 