El objetivo del ejercicio consiste en aplicar las principales etiquetas HTML, trabajar elementos de la semántica web y añadir los estilos correspondientes.

Nuestro equipo de desarrollo a sido seleccionado para implementar un ecommerce de gafas. Para dividir el trabajo cada desarrollador del equipo se encargará de implementar el HTML y cSS de un componente de los listados a continuación que forman parte de la página web:

• Header: la cabecera con el menú, el logo y el buscador.
• Item: los elementos del listado y de detalle.
• Cart: la cesta de la compra con sus items y contadores.
• Payment: el formulario de pago y envio.

Es imprescindible seguir las siguientes pautas:

• Usar Doctype HTML5 y indicar el idioma del documento.
• Codificación de caracteres UTF8.
• Indicar autor, descripción y palabras clave.
• Indicar que los motores de búsqueda indexen la página pero que no sigan los enlaces.
• Los iconos deben de ser en formato SVG
• La lectura del contenido y del código debe ser clara (indentation & beautification)
• Utilizar elementos semánticos de primer nivel
• Los estilos deben de ser responsive y adaptarse a todos los tamaños entre las medidas de un iPhone 6 y Desktop
• Usar Flexbox y GridLayout
• Usar Normalize o Reset
• Los iconos deben de ser en formato SVG y modificar los colores de estos únicamente con el atributo fill
• Ficheros y media ordenados en carpetas
• Mobile first: los estilos principales deben de ser para móvil y con mediaqueries ir sobreescribiéndolos para tamaños de pantalla mayores.
• Las imágenes tienen que estar optimizadas y en formato PNG
• Implementar el diseño definido por los UI y UX. Se permite modificar el diseño para añadir estilo, siempre y cuando el mínimo sea el propuesto.
• Usar mínimo dos transiciones y/o animaciones
• Usar custom properties
• Seguir el formato de entrega
• Los estilos tienen que verse bien en Firefox y Chrome como mínimo
• Formato de entrega