Giter VIP home page Giter VIP logo

frontend-test's Introduction

Desktop

Telos Labs - Front end test (TEESH Project)

Overview

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.

Requirements

  • 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.

Frequently Asked Questions

  • 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.

Desktop

frontend-test's People

Contributors

nriqu322 avatar luigir0jas avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.