Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Prueba de selecion para maquetador web.
Ruby CSS JavaScript CoffeeScript
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
app
config
db
doc
lib
log
public
script
test
vendor
.gitignore
Gemfile
Gemfile.lock
README.md
Rakefile
config.ru

README.md

Prueba de Selección para Desarrollador Web

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.

Look and Feal

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.

Extra (No es imprescindible pero…)

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.

Procedimiento de Instalación del Entorno

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

Levantar el entorno

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.

Procedimiento de Entrega

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.

Documentación de Referencia

Something went wrong with that request. Please try again.