npm install
-- Устанавливаем все необходимые для работы пакеты из package.json (зависимости)
npm run dev
-- Запускаем проект (запускается скрипт прописаный внутри package.json с ключем "dev")
npm run build
-- Собираем проект для релиза, оптимизирует и собирает в один файл весь js и сопутствующие файлы.
- Каждый урок находиться в своей ветке
- Все задания обязательны
- Для того чтобы работать с этим репозиторием, необходимо сделать его форк.
- Для особых заданий можно сделать отдельный репозиторий, или же ветку на этом репозиторие в случае если вы не хотите в будущем выложить это задание.
- первая неделя - изучение материала + практика для закрепления
- вторая неделя выполнение задания, которое покрывает все изученые материалы, в коммандах.
- public - в этой папке должны лежать все пользовательские файлы, например изображения которые вы будете использовать в проекте, шрифты и прочее.
- src - здесь мы храним файлы с которыми работаем, в частности js файлы в которых пишем приложение и стили sass.
- js
- scss
- .babelrc - конфиг для babel.
- .gitignore - нужен для исключения определенных файлов и папок из отслеживаемых в системе контроля версий
git
. - index.html - когда вы сделаете build проекта, вы сможете открыть этот index.html и посмотреть на сборку.
- package.json - нужен для информации о зависимостях проекта, а также содержит определенные команды для запуски и сборки проекта, которые прописаны в
scripts
- readme - в каждой ветке этого курса этот файл содержит материалы относящиеся к конкретному уроку этого репозитория.
- webpack - webpack это сборщик проекта, в нашем случае он нужен нам для того чтобы скомпилировать наш js и транспилировать новые возможности js стандартов es6 и выше в понятный браузер es5 стандарт. В зависимости от того какую команду из package.json мы вызовем, исполниться определенный файл конфигурации webpack. Узнать больше о webpack можно на бесплатном видеокурсе от monsterlessons
Дополнительные материалы: