Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Latest commit

 

History

History
History
50 lines (43 loc) · 3.54 KB

File metadata and controls

50 lines (43 loc) · 3.54 KB
Copy raw file
Download raw file
Edit and raw actions

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

  1. установить node.js и какой-нибудь редактор кода (я рекомендую vscode)
  2. сделать fork репозитория (сверху справа есть кнопочка "fork") - у вас появится такой же репозиторий, только свой
  3. "склонировать" ваш репозиторий себе на компьютер
$ git clone https://github.com/<ваш_username>/homework2.git
  1. перейти в папку проекта, открыть в ней терминал и установить зависисмоти

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

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

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

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

  1. Запустите проект
$ npm start

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

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

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

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

  1. попробуйте собрать проект
$ npm run build

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

  1. в файлах src/index.js и webpack.config.js есть комментарии - url другого сервера, откуда вы можете получить xml с данными погоды для Уфы. Создайте ветку weather, в которой попробуйте изменить код таким образом, чтобы загружалась эта информация и показывался график погоды.
$ git checkout -b weather # создание новой ветки в git
  1. не забудьте сделать коммит и залить изменения в ваш репозиторий на github - сделайте это до воскресенья, чтобы мы успели проверить вашу домашнюю работу.
$ git add .
$ git commit -m 'НАПИШИТЕ СООБЩЕНИЕ ДЛЯ ОПИСАНИЕ КОММИТА'
$ git push # тут не все так просто, прочтите и сделайте, как напишет git
  1. Ссылку на репозиторий отправьте @n_imaeva в телеграм
Morty Proxy This is a proxified and sanitized view of the page, visit original site.