Задачник курса по Vue.js.
Инструкция по работе непосредственно с задачником подробно описана во введении в 00-intro/README.md.
Перед началом работы требуется установить все необходимые npm пакеты. Они понадобятся для запуска и проверки решений.
npm ci
npm test
- тестирование всех задач;npm test <TASK>
- тестирование задачиTASK
(например,npm test sum
протестирует00-intro/01-sum
);npm run file-serve
- запуск локального сервера для ручного тестирования;
Можно открытьindex.html
задачи по адресуhttp://localhost:5000/<MODULE>/<TASK>
;npm run serve
- запуск сервера разработки для ручного тестирования задач со сборщиком; Можно разрабатывать Vue приложение через WebpackDevServer и открывать задачу по адресуhttp://localhost:8080/<module>/<task>
.
Если задача простая и у неё есть тесты, вы можете написать решение, протестировать его и сдать решение через задачник. Но иногда решение задачи хочется отлаживать, проверять вручную. Для этого в каждой задаче есть возможность проверять задачу в браузере.
Решение задачи без сборки можно проверить, открыв index.html
. Но просто открыть HTML документ в браузере как файл не получится из-за политик безопасности браузера в использовании EcmaScript модулей. Потребуется запуск локального сервера:
- В корне репозитория выполните команду
npm run file-serve
; - Откройте сайт по ссылке из терминала (или из буфера обмена);
- Выберите нужный файл, например
00-intro/01-sum
, или сразу откройте
http://localhost:5000/00-intro/01-sum ; - После изменения файлов решения обновите страницу.
Начиная с третьего модуля мы начнём разрабатывать с использованием инструментов сборки.
- В корне репозитория выполните команду
npm run serve
;
Выполнится запуск Webpack DevServer черезvue-cli-service
. - Откройте страницу, соответствующую решаемой задачи, например,
http://localhost:8080/03-SFC/01-counter-button ; - После изменения файлов решения страница должна обновиться автоматически с помощью HMR.
В течение курса вы будете разрабатывать проект.
В некоторых задачах вам потребуется выполнить часть вашего проекта. Эти задачи также описаны в этом задачнике, но решать вы их будете в своём репозитории с вашим проектом. В качестве решения в этом репозитории потребуется приложить ссылку на commit с решением.
К концу курса у вас должен получиться репозиторий с законченным проектом.
При разработке проекта и в решении задач мы будем использовать API сервиса митапов.
Документация API доступна по адресу: https://course-vue.javascript.ru/api
Есть два варианта использования API:
- Использование публичного API на https://course-vue.javascript.ru/api.
- База Данных сбрасывается каждые 15 минут;
- Может одновременном использоваться несколькими разработчиками.
- Разворачивание локальной версии сервера. Для этого требуется клонировать репозиторий https://github.com/javascriptru/course-vue-backend и следовать инструкции в README.