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 start
  4. npm install мы запускаем только один раз, когда разворачиваем верстку впервые. npm start мы запускаем каждый раз перед началом работы с версткой.
  5. После запуска вышеупомянутых команд сформируется папка dist, в которой окажутся готовые для дальнейшего использования html-файлы.
  6. Вся работа с версткой ведется в папке src.
  7. Исходники верстки лежат в папке проекта в гите. Чтобы поправить верстку на сайте, нужно выкачать проект из гита, собрать верстку, перенести css на сайт, сделать коммит в гит.
  8. Правила складирования верстки.
  9. Обратите внимание, что в репозитории на видео верстка лежит прямо в корневой директории, а в репозиториях клиентских проектов верстка лежит в папке working.
  10. Можно потренироваться делать тестовые коммиты в репозиторий prod-example

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

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

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


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

Мы на связи

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

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

Схема проезда

logo
Адрес офиса

Проспект Ленина, дом 25, 6 этаж, офис 606 (Адрес для курьера)

Почтовый адрес

ООО «Цетера Лабс» Куда: 150040, г.Ярославль, п/о 40, а/я 62

Телефон
Email
         
   © Fastsite, 2002–2018       Создание сайта — Cetera Labs      Сообщить об ошибке      Политика конфиденциальности