Please read the instructions carefully before starting the test.
Return the test to [email protected]
This test has three sections, each having three or four questions. Your task is to choose one question per section.
Remember to choose the questions based on the position you are applying for. It will also affect your overall grading. For example: answering front-end only questions when applying to a back-end position isn't ideal.
You need to answer at least one question per section in order to pass the test. If you end up answering more than one question in a section, we will use the highest grade of these questions to grade the section.
Practicalities
Do the back-end tasks with Javascript or PHP, Drupal tasks in PHP and front-end tasks with HTML, CSS and Javascript. You can use Typescript if you prefer it. Make sure that your implementations can be tested easily.
Do the test yourself, don’t ask for help from outsiders. If you have questions about the test, contact Exove at [email protected]. We’ll be responding to your questions during office hours (Mon-Fri) between 9-17.
Add a README file to your test that lists the questions you answered and also little background on why and how did you came up with the implementation. You can also add screenshots of your implementation if applicable.
After you have finished, return the tasks by creating a Github repository and send us the link to it.
Write a sorting algorithm that sorts strings based on the ASCII code of the third letter first, then second letter and then the first letter.
Here’s a list of words you can test with:
- BOAT
- Locomotive
- Poet
- Accelerate
- GOLF
- ACCIDENTAL
- Submarine
- Add options to choose between size (large, small)
- Add options to choose between 2 colors
- Add options to modify speed (fast, slow)
- Have its value stored in state
- Have it fire an event with the value
- Have it fire the event only when the user has stopped moving it
Create a module for Drupal that shows the contents of an RSS feed. The module must create a configuration value for the URL of the RSS feed. The module must create a route (/link-list) and show the link and the title of the RSS feed in the route.
You don't have to style the page.
Create a comic book reader/image browser or a carousel with React. Use images from this document or your own. Continued in question 3B. Using TypeScript is recommended.
You have an SQL database with two tables, people and phones.
mysql> select * from people;
+----+------------+-------------+
| id | first_name | last_name |
+----+------------+-------------+
| 1 | John | Smith |
| 2 | Mary | Jones |
| 3 | Gerhard | Feuerhaufen |
| 4 | Rami | Pitkäniemi |
| 5 | Anna | Kråkström |
+----+------------+-------------+
mysql> select * from phones;
+----+---------+------------------+
| id | user_id | number |
+----+---------+------------------+
| 1 | 2 | +1 213 621 0002 |
| 2 | 2 | +1 800 444 4444 |
| 3 | 1 | +1 604 444 4444 |
| 4 | 1 | +44 20 8759 9036 |
| 5 | 4 | +358 50 333 3333 |
| 6 | 5 | +46 771 793 336 |
+----+---------+------------------+
Create a single SQL query that will produce the following:
+---------------------+----------------------------------+
| name | numbers |
+---------------------+----------------------------------+
| Gerhard Feuerhaufen | N/A |
| Mary Jones | +1 213 621 0002,+1 800 444 4444 |
| Anna Kråkström | +46 771 793 336 |
| Rami Pitkäniemi | +358 50 333 3333 |
| John Smith | +1 604 444 4444,+44 20 8759 9036 |
+---------------------+----------------------------------+
Search for at least 10 accessibility, validity and style errors in this HTML and fix them to the HTML. Return the whole fixed HTML.
Write code that gets data from a product API (URL) and saves it into an SQL database locally. For extra points note the following:
- Figure a way to save the hierarchical data (see product variations and categories for example)
- Figure a way to handle schemaless data (variations)
- Take into account that the database schema should support translations although the API doesn’t, use ISO 639-1 as language keys
- Add support for extra currencies
- How to update the product data from the API without re-saving everything but only parts that have changed
- Also note that not every object have IDs
- Separate elements into components
- Browse multiple comics/images from the top level
- If you chose to use Typescript, correctly type the code
- Use state to toggle dark mode
Write a program that counts the number of nodes in a non-directional graph and finds out whether there is a cycle in the graph
Examples of non-directional graphs:
Fig 1. A graph with a cycle
Fig 2. A graph without a cycle
Write the HTML and CSS for the simplified layout underneath. Also note that there might be more than three items present.
Make sure that one row has three columns if the window size exceeds 960 pixels and two if less. The extra item should drop to the next row.