Enhorabuena! Desde Flexiant hemos visto tu potencial y ahora queremos ver si eres capaz de superar este pequeño reto que te hemos puesto por delante. La idea es bastante simple: maquetar la siguiente web utilizando HAML y Compass.
Las únicas imágenes que puedes utilizar son las que se encuentran en la carpeta public/images. Dentro de esa misma carpeta os podéis encontrar un fichero PSD en donde se puede ver con mayor detalle. Todo lo demas (degradados, sombras, curvaturas, ...) debes hacerlo con funcionalidades de SASS/Compass.
Para esta prueba solamente vas a tener que trabajar con dos ficheros:
- app/views/prueba/index.html.haml Fichero que contiene el layout de la pagina en HAML
- app/assets/stylesheets/prueba.css.scss Fichero que contiene la hoja de estilo con funcionalidades de Compass
La prueba es opcional y tiene por objeto que tengamos una base para poder ver rápidamente en la entrevista como sería trabajar contigo.
Si nos quieres dejar realmente impresionamos te proponemos un reto mas: Dotar de funcionalidad a nuestra página de login. Para ello tendrás que usar el framework AngularJS (y nada de jQuery) y escribirlo en Coffeescript. Te proporcionamos un servicio Angular contra el que tendrás que validar si los datos de login son correctos. La interfaz del servicio es sencilla acepta un objeto user con dos propiedades, name y password y una función callback que llamara con el resultado de la validación.
loginService(user, callback)
Pon tu código en el archivo:
- app/assets/javascripts/prueba.js.coffee
Si te ha resultado fácil prueba a guardar en el navegador los datos de login si la casilla ‘remember me’ esta marcada y el login es correcto (un servicio que use localStorage seria ideal) y recupera estos datos para hacer login automático al inicio.
En primer lugar tenéis que instalaros en vuestro equipo Ruby on Rails y Git. Podeis seguir los procedimientos de los siguientes enlaces:
Una vez instalado el entorno de Ruby on Rails y de Git, ejecuta los siguientes comandos desde una terminal para descargarte este codigo e instalar las dependencias del proyecto.
git clone git@github.com:besol/maquetador-web.git
cd maquetador-web
bundle install
Para levantar el entorno abre una terminal y ejecuta, una vez situado en la carpeta de la prueba, el siguiente comando:
rails server
Conectate con tu navegador web a la URL http://0.0.0.0:3000
Una vez hecho eso puedes modificar los fichero HAML y COMPASS sin tener que arrancar y apagar el servidor cada dos por tres.
Una vez completada la prueba, comprime la carpeta y mándanosla por correo a adelvalle_arroba_flexiant_com antes del día 6 de agosto.