Лекция 2 | сборка front-end приложения

0. установить node.js и какой-нибудь редактор кода (я рекомендую vscode)
1. сделать fork репозитория (сверху справа есть кнопочка "fork") - у вас появится такой же репозиторий, только свой
2. "склонировать" ваш репозиторий себе на компьютер

$ git clone https://github.com/<ваш_username>/homework2.git

3. перейти в папку проекта, открыть в ней терминал и установить зависисмоти

в windows / vscode если вы отметили галочку "добавить в проводник" при установке, при клике правой кнопкой мыши по папке. появляется пункт меню "открыть с помощью code"

терминал в vscode вызывается с помощью комбинации ctrl + j или cmd + j (mac os)

$ cd homework2 # необязательно, если вы уже в папке проекта
$ npm install

В папке проекта у вас появится папка node_modules с зависимостями проекта и файл package-lock.json с их описанием. Не обращайте на них внимания, это нормально.

4. Запустите проект

$ npm start

В идеале, все должно сработать без ошибок и у вас появится запущенный проект на http://localhost:9999.

Если этого не произошло, попробуйте глобально поставить webpack, webpack-dev-server, @babel-core и @babel/preset-env.

Вообще, читайте, какие там вылетают ошибки и гугл в помощь!

(неплохое умение для разработчика - разбираться с вопросом "почему оно не работает")

5. попробуйте собрать проект

$ npm run build

Если все сработает, у вас появится папка /dist. Если не сработает - см. предыдущий шаг

6. в файлах src/index.js и webpack.config.js есть комментарии - url другого сервера, откуда вы можете получить xml с данными погоды для Уфы. Создайте ветку weather, в которой попробуйте изменить код таким образом, чтобы загружалась эта информация и показывался график погоды.

$ git checkout -b weather # создание новой ветки в git

7. не забудьте сделать коммит и залить изменения в ваш репозиторий на github - сделайте это до воскресенья, чтобы мы успели проверить вашу домашнюю работу.

$ git add .
$ git commit -m 'НАПИШИТЕ СООБЩЕНИЕ ДЛЯ ОПИСАНИЕ КОММИТА'
$ git push # тут не все так просто, прочтите и сделайте, как напишет git

8. Ссылку на репозиторий отправьте @n_imaeva в телеграм