8 (800) 775-52-93      hr@cetera.ru    

Инфраструктура верстки

  1. Посмотрите обучающее видео:
  2. Установите Git, TortoiseGit, npm, Node.js (устанавливаем версию LTS), консоль Ruby.
  3. С помощью TortoiseGit или PhpStorm выкачайте из гита проект prod-example. Откройте консоль Ruby или терминал PhpStorm и запустите последовательно команды:
    • cd путь к папке с проектом
    • npm install
    • npm run start для сборки локально или npm run minify, чтобы создалась папка dist.
  4. npm install мы запускаем только один раз, когда разворачиваем верстку впервые. npm run start мы запускаем каждый раз перед началом работы с версткой.
  5. После запуска вышеупомянутых команд сформируется папка dist, в которой окажутся готовые для дальнейшего использования html-файлы.
  6. Вся работа с версткой ведется в папке src.
  7. Исходники верстки лежат в папке проекта в гите. Чтобы поправить верстку на сайте, нужно выкачать проект из гита, собрать верстку, перенести css на сайт, сделать коммит в гит.
  8. Правила складирования верстки.
  9. Инструкция по работе с прототипами
  10. Обратите внимание, что в репозитории на видео верстка лежит прямо в корневой директории, а в репозиториях клиентских проектов верстка лежит в папке working.
  11. Можно потренироваться делать тестовые коммиты в репозиторий prod-example

Тестовое задание

  • Выкачайте из гита репозиторий prod-example. Разверните локально верстку из репозитория. Предоставьте проверяющему скриншот открытого в браузере файла /prod-example/working/wireframe/dist/corp-index.html

  • Поменяйте основной цвет и добавьте новый пункт меню на странице /prod-example/working/wireframe/dist/corp-index.html, сделайте коммит в гит. О том, как работать с гитом, вы узнаете из курса Git и VS Code. Предоставьте скриншоты внесенных изменений и ссылку на ваш коммит в гитлабе.


Поделиться в соц. сетях:    

Мы на связи

Поле обязательно для заполнения

Введите ваш электронный адрес

logo
Адрес офиса
С 2002 года компания работает полностью дистанционно.
Телефон
Email
         
   © Fastsite, 2002–2018       Создание сайта — Cetera Labs      Сообщить об ошибке      Политика конфиденциальности