FSD_task2

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

Создание страниц сайта по поиску номеров в отеле с учетом PerfectPixel.
Выполнена responsive верстка страниц UI Kit и самих страниц сайта по макету.
При верстке использовался БЭМ - компонентный подход, в основе которого лежит принцип разделения интерфейса на независимые блоки. Он позволяет легко и быстро разрабатывать интерфейсы любой сложности и повторно использовать существующий код, избегая «Copy-Paste». Для сборки проекта использовался Webpack.
Дропдауны сделаны на js, для реализации календаря, слайдера картинок и тд использовались JQuery-плагины.
Итоговый вариант сайта можно посмотреть здесь

Подключение проека

Команды для установки и работы с проектом:

• git clone https://github.com/ArtemDmitrenko/FSD_task2.git (клонирование проекта);
• npm install (установка пакета из файла package.json);
• npm run dev (запуск пакета в режиме разработки с сервером);
• npm run start (запуск локального сервера);
• npm run deploy (деплой на gh-pages);

Использумеые библиотеки, плагины и технологии

• упаковщик веб-приложений Webpack
• шаблонизатор и HTML-препроцессор Pug
• препроцессор SCSS
• язык программирования JavaScript
• библиотека JQuery
• различные JQuery-плагины

Скилы, полученные после выполнения данного проекта

• понимание верстки больших макетов с большим количеством одинаковых элементов
• навыки проектирования компонентной архитектуры, где каждый блок можно переиспользовать
• работа с препроцессорами Pug и SCSS
• базование знания БЭМ
• навыки отзывчивой верстки
• умение искать, подключать и настраивать JavaScript-библиотеки и jQuery-плагины в частности
• навыки работы с макетами в Figma