Skip to content

jigius/tpl-main-page

Repository files navigation

Задание на верстку Главной страницы сайта

Установка

  1. Скачать и установить Git
  2. Скачать и установить Node Virtual Environment (NVM)
  3. Скачать Node версии 16.14.2. Для этого в командном окне(cmd.exe) выполнить - nvm install v16.14.2
  4. Указать скаченную версию Node как текущую. Для этого в командном окне(!!!ВАЖНО!!! ЗАПУСКАТЬ С ПРАВАМИ АДМИНИСТРАТОРА) выполнить - nvm use 16.14.2
  5. Склонировать проект задания(Проект). Для этого в командном окне с правами пользователя выполнить - git clone https://github.com/jigius/tpl-main-page.git в текущую папку
  6. Перейти в папку Проекта. Выполнить - cd tpl-main-page
  7. Установить все библиотеки Проекта. Выполнить - npm install
  8. Собрать Проект. Выполнить - npm run build

Варианты выполнения задания

Базовый

После успешной сборки появится файл Главной страницы dist/index.html, которую можно открыть в броузере. Главная страница содержит шаблон который сгенерирован фреймворком (Opencart) для сайта проекта. Данную страницу можно использовать как референс для выполнения задачи.

Успешным результатом является сверстанная Главная страница со всеми ассетсами, удовлетворяющая требованиям ТЗ. Результат предоставляется упакованным в ZIP-архив, который должен содержать все необходимые файлы для успешного открытия в броузере сверстаной страницы.

Продвинутый

Требуется форкнуть и склонировать проект задания. После этого можно непосредственно править шаблон и ассетсы страницы. В процессе работы над задачей, удобно использовать автоматическую сборку с включенным режимом разработки.

Исходники (шаблон страницы и ассетсы) находятся в папке /src.

Режим разработки запускается командой npm run start. В этом режиме запускается http-сервер(порт 8080) и открывается броузер. При внесении правок, в автоматическом режиме пересобирается Проект и обновляется страница в броузере.

Успешным результатом является сверстанная Главная страница со всеми ассетсами, удовлетворяющая требованиям ТЗ. Результат предоставляется в виде пулл-реквеста в оригинальный проект.