Практика верстки

Добро пожаловать! Это руководство может Вам ознакомиться с проектом, а также разобраться с его запуском.

Описание проекта

Данный проект представляется верстку 8 страниц учебного макета. Применялись компонентная архитектуру, с переиспользованием блоков, препроцессоры PUG и SASS, а также javascript. Проект написан с использованием сборщика проектов webpack.
Некоторые компоненты были разработаны с использованием библиотек jQuery, Moment.js.

Оглавление

• Описание проекта
• Оглавление
• Демо
• Приступая к работе
  • Клонирование репозитория
  • Требуемые зависимости
  • Установка
  • Запуск
  • Production
• Автор

Демо

См. Демонстрацию на страницах проекта.

Список страниц задания

• Страница регистрации
• Детали номера
• Поиск номера / фильтр
• Целевая страница
• Формы
• Элементы
• Headers and footers
• Шрифты

Приступая к работе

Клонирование репозитория

Клонирования осуществляется командой git clone c указанием ссылки на удаленный репозиторий проекта.

Требуемые зависимости

Перед запуском проекта необходимо установить все необходимые зависимости, которые указаны в файле package.json в свойствах dependencies и devDependencies.

Установка

Для установки зависимостей вам потребуется:

• Установить NodeJS
• Используя NPM выполнить команду npm install

  Запуск

  Запуск проекта в development режиме осуществляется скриптами npm build и npm start. Скрипт, исполняемый первой командой, подготовик сборку проекта. Второй запустит локальный сервер, с самим проектом.

  Production

  Для демонстрации проекта была использована площадка GitLab Pages. Подготовка сборки проекта в production режиме осуществляется скриптом npm build-prod.

Автор

• Victor Kiselev