Hello 👋🏼 braveheart. We are truely delighted to introduce you to a front-end developer recruitment task. It was designed to provide multiple layers of a feedback for our HR teams in the recruitment process. You will be asked to create a module based on a prototype – on top of ability to code pixel perfect component optimized for all size devices, we will examine code quality, your english and documentation reading skills as well as usage of latest trends and technologies.
The task was divided into 3 levels ordered by their difficulty where level 1 is the easiest and level 3 is the most difficult. You will be told which level you are expected to accomplish, however we strongly recommend to start with the easiest one first as all levels are strongly dependnent on others. You will be able to reuse most of your code.
We really hope to see you shortly on board, good luck! 🤘🏼
Output of every single level is exactly the same – in fact the only difference is technology used to acheve the result. The module is a dead simple image, heading, text and button combination as shown below. Feel free to visit Adobe XD Prototype where you can find more details about spacing, font or color settings.
Level 1 – HTML&CSS approach (est. 30~60 minutes)
You are expected to create a module based on the prototype above. It is a pure approach to code using HTML, CSS and Bootstrap 4 only. On top of a pixel perfect component optimized for all size devices, you may get extra points for using relative lenghts, or image source sets.
Level 2 – HTML, Gulp and SCSS approach (est. 10~20 minutes based on lvl 1)
You are expected to use SCSS and Gulp in your development process. Everything was already set-up – it is ready to start out of the box. On top of a pixel perfect component you may get extra points for optimizing bootstrap bundle or using bootstrap mixins and variables.
Level 3 – PHP, Twig, Gulp and SCSS approach (est. 10~30 minutes based on lvl 2)
You are expected to use Twig (a templating engine), SCSS and Gulp in your development process. This level requires a lot of dependencies, make sure you follow the instructions to start easily.