Hello World! Меня зовут Рената.

Работа осложнялась тем, что вёрстку данного проекта приходилось совмещать с большим количеством работ по другим проектам. Я добилась окончания вёрстки совсем недавно, и в процессе работы над ней и обсуждения получаемого результата очень многое пришлось изменить в изначальном дизайне. Поэтому вёрстка несколько на него не походит :)

Также из-за постоянного вноса исправлений затянулся срок вёрстки.

Помимо вёрстки постаралась максимально облегчить жизнь будущему бэкендеру и прописала максимум js-скриптов, необходимых для работы сайта.

Работа осложнялась тем, что вёрстку данного макета приходилось совмещать с большим количеством работ по другим проектам. Приоритет по данной задаче постоянно откладывался, в конце концов вёрстку остальных страниц передали удалённому специалисту, а меня полностью перекинули на другие проекты.

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

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

Работу с этим сайтом начинала после долгого перерыва в вёрстке, поэтому не всеми решениями я здесь горжусь :) Однако постаралась сделать его аккуратным и удобным, насколько это возможно.

Макетов изначально мне дали только два, остальное додумывала на ходу.

Также работа над данным сайтом совмещалась с другими проектами, из-за чего время вёрстки несколько затянулось.

Некоторые моменты дизайна правились прямо на вёрстке, особенно то, что касалось адаптива сайта (т.к. макетов для адаптива не было, приходилось придумывать его самой).

В изначальной вёрстке сайта калькулятор не реализовывался, т.к. часть информации в нём преподалагалось редактировать через админ-панель, так что данную работу думали отдать целиком на бэкенд. Но в ходе работы над админкой выяснилось, что клиент не продумал расчёт изначально, калькулятор поменялся, данные в нём стали независимы от бэкенда, поэтому расчёт попробовала воплотить я.

Если говорить в целом, я постаралась сделать аккуратный и понятный со стороны код, на случай если после меня кто-то ещё стал бы с ним работать. Я использовала jQuery, т.к. в JavaScript я далеко не профи и работать с ним мне показалось проще (а ещё потому, что заказчику было необходимо стилизовать выпадающий список, и это уже сходу потребовало работы с плагином на jQuery).

Информация по тарифам для перевозки в разные города хранится в файле JSON, при загрузке страницы данные динамически подгружаются через AJAX в select с городами. При вводе данные проверяются на правильность, в случае с дробными числами запятые заменяются на точки. Результат высчитывается только тогда, когда заполнены все необходимые для расчёта поля, а также расчёт откладывается, если пользователь ещё не закончил или снова начал вводить данные.

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

Помимо этого, для удобства проверки работы калькулятора я проставила консольные «маячки» с сообщениями о промежуточных результатах расчёта. Так заказчик смог открывать консоль и, оперативно следя за расчётом, обнаруживать ошибки в формуле расчёта и передавать мне поправки.

Сюда я выкладываю только часть главной страницы, которая, собственно, относится к калькулятору.

После проверки и согласования калькулятора меня стали очень сильно торопить со сдачей проекта, так что отправку данных на почту я реализовала не очень-то элегантно, каюсь :(