Что за проект
Эта верстка была сделана в рамках стажировки в Fullstack Development, это один из ее этапов.
Впервые я сделал такую объемную верстку
В общем, на эту верстку потратил 1,5 месяца. Подготовка - еще две недели. Это очень обьемный проект для меня. Познакомился с БЭМ, WebPack, Pug и… Просто влюбился в эти инструменты и с радостью буду их теперь использовать.
Интересные задачи
В проекте также было много интересных задачек, которые мне довелось решить. Например - сделал красивый дейтпикер и формирование текста в выборе количества гостей. Уж про всякие раскрывающиеся списки, меню и прочее не говорю, после этого проекта считаю это слишком простым :)
Соблюсти пикель перфект
Одной из главных задач было выполнить верстку точь в точь, как на макете. Мне кажется, что у меня вышло неплохо. С учетом того, что макет был кривоват - так вообще идеально. Но не берусь это утверждать, верстка еще не была проверена, так как я еще не закончил стажировку.
Технологии
В своем проекте я использовал Less и jQuery, помимо выше перечисленных технологий. При сборке Webpack сжимает текстовые файлы, проставляет префиксы в CSS, а Babel переписывает JS под старые браузеры.
Структура проекта
Вся важная информация о структуре проекта находится в его репозитории. Посмотреть его можно по ссылкам ниже.