- Установка зависимостей
npm intall
- Для сборки проекта в продакшн
npm run build
-
- Для дальнейшей разработки
npm run dev
- Для дальнейшей разработки
- Открыть index.html из папки
dist
Тестовое задание XKCD
Разработать новый интерфейс просмотра комиксов для сайта https://xkcd.com.
* Только интерфейс просмотра комиксов. Другие страницы не нужны.
* Интерфейс содержит: название, картинку, управляющие элементы, текстовую транскрипцию и дату размещения.
* Оформление на ваше усмотрение. Вы делаете редизайн и должны быть довольны результатом.
* При навигации меняется URL, комиксы должны быть доступны по прямой ссылке.
* Разработка без использования фреймворков и библиотек. Чистые HTML, CSS и JavaScript. Будет достаточно простой сборки на Webpack. CSS фреймворки вроде Bootstrap тоже использовать не нужно.
* Данные брать из открытого JSON-интерфейса https://xkcd.com/json.html. Используйте любой, бесплатный прокси для обхода CORS.
При проверке задания внимание будет уделяться организации кода.
Декомпозируйте структуру проекта, не пишите монолитные файлы скриптов и стилей
- HTML
- CSS
- JavaScript
- Webpack