Este repositorio contiene los entregables para la prueba Front-end de Koombea del 2015. Las pruebas se realizaron con Google Chrome versión 42.0.2311.90.
(06/01/2018)
Terminaré el proyecto para practicar un poco AngularJS y maquetación.
(26/04/2015)
Entrego la estructura del HMTL de la página. Para las convenciones de las clases CSS me guié de BEM, para el grid usé csswizardry-grids y para el modal window fancybox. Guiándome de SCRUM y tomando en cuenta el tiempo y la cantidad de trabajo opté por maquetar por bloques. De acuerdo a esto, para la fecha y hora estipulada entrego el bloque que en el código llamé Header, el cual incluye el brand del sitio, la botonera de navegación y la sección del usuario.
-
Todo texto debe poder ser seleccionado en el navegador, a excepción del texto que haga parte de logos o imágenes.
-
Los botones deben poder cambiar su tamaño naturalmente al modificarse su texto.
-
El sitio debe ser responsive, incluyendo pantallas con resoluciones altas.
-
CoffeeScript, SASS y Stylus son permitidos.
-
Se puede usar cualquier framework de Javascript.
-
Probar en un solo navegador (indicar cuál y qué versión).
-
Al hacer click en una película se debe abrir un acordeón mostrando los detalles sobre la película, como se muestra en la página 3 del diseño
-
Al hacer click en el botón ‘Watch Trailer’ se debe abrir un modal window (pop-up) con el video como se muestra en la página 4 del diseño. Usar cualquier video para probar.
Opcionales
-
El video es insertado con la etiqueta
-
Proveer soporte para pantallas con alta densidad de pixeles (retina display).
-
Utilizar una fuente de iconos creados para el sitio.
-
Proveer soporte para Internet Explorer 8 en adelante.
-
Se usan datos de prueba guardados en Javascript.
-
Optimizaciones para rendimiento.
-
Transiciones, accesibilidad y detalles adicionales.
- Atención a los detalles
- Estructura semántica del código
- Organización
- Modularidad
- Simplicidad
- Link al repositorio en GitHub
- URL de la página funcionando en un servidor