Процесс создания сайта для компании hotrock

Описание   Процесс
 
 

Сайт адаптивный, поэтому изначально я продумал каркас так, чтобы по максимуму использовать одну и ту же разметку. Исключение — меню и поиск для телефонной версии, сделать их отдельными блоками было гораздо проще.

Каждый интерактивный элемент я вынес в отдельный программный модуль. Старался сделать модули менее зависимыми от разметки, чтобы использовать повторно. (К примеру, меню-аккордеон и стилизованная выбиралка есть почти в каждом шаблоне сайта.)

Самой сложной была страница калькулятора. В первый раз получилась каша. Я плохо отделил скрипты от разметки, и вложенные выбиралки дали мне по шее, кое-что я переписал. Некоторые модули пришлось расширить специально для этой страницы — она была во второй итерации (например, выбиралку городов надо было доработать, не хватало поиска). Порадовало, что большая часть модулей работала «из коробки», без доработок.

Не менее сложную работу я провёл и «под капотом» — удачно спроектировал передачу данных из формы на сервер. Если опустить технические подробности, то я сделал так, чтобы менять можно было всё: от названий свойств до способа передачи. Система получилась столь гибкая, что сломать у меня её не получилось, как я ни старался :-)