docker stop $(docker ps -qa) && docker rm $(docker ps -qa) && docker rmi -f $(docker images -qa ) && docker volume rm $(docker volume ls -q) && docker network rm $(docker network ls -q)Основная задача тестового не узнать как сильно вы знаете React, а посмотреть насколько хорошо вы сможете разобраться с новыми технологиями в относительно короткий срок. В идеале, на него нужно потратить не более 3 дней. А так - делайте сколько делается, пока мы не закроем вакансию ;)
Нужно написать одностраничное приложения для просмотра фильмов с помощью The Movie Database API.
При открытии приложения, должен отображаться список популярных фильмов с пагинацией или динамической подгрузкой (на выбор). Также на странице должно быть поле для поиска. Когда ты вводишь туда какой-то текст, должны отобразиться фильмы которые ему соответствуют. Для каждого фильма в списке должен отображаться список жанров (названий жанров, не айдишек), к которым он принадлежит.
You can run either of the following snippets in your terminal to generate a markdown list of your VS Code extensions.
code --list-extensions | awk '{ print "* [" $1 "](https://marketplace.visualstudio.com/items\?itemName\=" $1 ")" }'
npx https://gist.github.com/elijahmanor/7f9762a4c2296839ad33e33513e88043
NOTE: You can append | pbcopy to either of the above commands to pipe the output to your Mac's copy/paste buffer.
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Test generator</title> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> | |
| <script async> | |
| const data = '[{"answers":[{"correct":true,"title":"Модульный тест"},{"title":"UI-тест"},{"title":"Системный тест"},{"title":"Нагрузочный тест"}],"question_id":"123","title":"Каким типом тестов покрывается бизнес-логика?"},{"answers":[{"title":"100%"},{"correct":true,"title":"Зависит от требований к надежности"},{"title":"80%"},{"title":"50%"}],"question_id":"124","title":"Какое покрытие кода считается нормальным?"}]'; |
Пропустить теорию и перейти прямо к задачам
Ссылка на учебник: http://learn.javascript.ru
Сразу расскажу про несколько особенностей яваскрипта, о которых может быть не написано (или мало написано) в учебниках, но которые стоит понимать:
| var fs = require('fs'), | |
| stub = require('./stub'), | |
| _ = require('underscore'), | |
| request = require('request'); | |
| // config for local file | |
| var basePath = "images/", | |
| data = stub.data, | |
| urlRoot = "http://cdn.catalogs.com/"; |
| /** | |
| * Create a web friendly URL slug from a string. | |
| * | |
| * Requires XRegExp (http://xregexp.com) with unicode add-ons for UTF-8 support. | |
| * | |
| * Although supported, transliteration is discouraged because | |
| * 1) most web browsers support UTF-8 characters in URLs | |
| * 2) transliteration causes a loss of information | |
| * | |
| * @author Sean Murphy <[email protected]> |