This test consists on developing a page within a Ruby on Rails environment, by following a design handoff. This is a basic example of the daily job a Front end Developer does here at Telos. Oftentimes, and depending on the project, we use different libraries, frameworks and approaches, but essentially it always comes down to the use of HTML, CSS and Javascript to implement a design and/or client needs, using clean and maintainable code.
- The final website should look exactly like the one in the design handoff for the specified screen sizes. It should be pixel perfect for those resolutions.
- The final delivery should be in a fork repository in Github. This should be shared trough a link via email, alongside a short summary about any opinions and thoughts you had while working on this project.
- Nothing should look broken at any specific point. There is lack of specification for screens between mobile and desktop. This is on purpose. Use your best judgement to make it look correct.
- The content of the hero, the sections and the CTA should be vertically aligned from the sides. The image on the CTA and the background colors are the exception.
- The content of the hero, the sections and the CTA shouldn’t get wider than
1312px
. The image on the CTA, and the background colors are the exception.
- Can I use Bootsrap, jQuery or a similar frontend framework/library? No. They are useful tools and we use many on our daily work but for the purposes of this test it is better if everyone uses just the essentials.
- Which copy should I use inside each point in the why us section? You can use any text you want, for example a “lorem ipsum”
- Do I need to use the Roboto font? Yes, you can import it via Google Fonts.
- Is there any flexibility on the font-sizes and line heights? No, these should follow what's defined in the design handoff.