Один день из жизни верстальщика или «кодим» за еду

Мало кто знает, кто такой верстальщик веб-страниц. Дизайнера знают, программиста знают. А когда упоминается эта таинственная профессия, возникает вопрос: «А кто такой верстальщик, что он делает? И для чего он вообще нужен в digital-агентстве?».

Виктор Дорофеев, верстальщик WGG, решил поведать о своей роли в работе нашего агентства. 

Привет, меня зовут Виктор, я front-end разработчик в компании WGG.

Полтора года назад, вдохновленный красивыми сайтами и зарплатами front-end разработчиков, начал погружаться в мир веба. Изучив основы HTML, CSS и немного JS, я сверстал свой первый лэндинг.

Посмотрев на результат и ужаснувшись, я записался на первые попавшиеся курсы по верстке. И вот, набравшись опыта, нашел работу в WGG.

Моя работа заключается в HTML-верстке sketch-макетов, написания СSS-стилей, подключения к этому всему готовых решений на JQuery, написания JS скриптов.

Утро

Мои стандартный день на работе вполне можно отобразить в достаточно примитивной схеме. Но такая форма повествования вряд ли будет интересна кому-то, кроме ребят из моего отдела, поэтому я решил рассказать о своем дне более развернуто.  Утро начинается со слов project-менеджера: «Доброе утро, как прошел вечер? Ты почему так долго? Правки по Lego пришли надо срочно делать».   
Lego Education — клиент, который выделяется количеством мелких ежедневных правок. Мы изменили уже структуру сайта на 30% с первоначального варианта.

День

Закончив с правками, открываю и анализирую макет дизайнера — Марии Дановой, присланный вчера вечером. Выстраиваю структуру сайта и основные модули, начинаю отвлекать Машу своими вопросами по поводу «непонятных» блоков. Читаю в её глазах ненависть и раздражение желание помочь. Получаю ответы на все мои вопросы, начинаю верстать.

Сознание полностью затягивается в процесс верстки и в итоге я забываю пообедать. Сверстав больше половины сайта, замечаю, что в некоторых блоках макета дизайнер полностью наплевал на сетку забыл про сетку. Бросив в его сторону гневный взгляд, начинаю извращаться как могу, чтобы все выглядело более менее схоже с макетом.Закончив с версткой, подключаю и пишу пару скриптов для сайта. Далее, тестирую свой код в остальных браузерах, исправляю все баги и попутно ненавижу все браузеры кроме Chrome.

Сайт готов и выложен на тестовый сервер. Project доволен до тех пор, пока не вспомнит про мобильную версию сайта. Выслушав все его приятные и теплыегневные слова в мой адрес, начинаю «прикручивать» адаптив. Дизайнер снова не нарисовал мобильную версию, поэтому расположение блоков в моей власти (*злобный смех*).

Второй интересный проект – сайт для нашего агентства, Web Generation Group. Можно сказать, лендинг для продажи лендингов. Его главной фишкой был рисунок анимированного айсберга, который смотрелся очень эффектно.

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

Макет
Результат

Вечер

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

Чаще всего я читаю Хабрахабр и smashingmagazine, именно оттуда я узнаю все новости из мира web’a. Если же мне не хватает вдохновения, то я открываю awwwards.com, там много классных работ.

Тем временем рабочий день подходит к концу. Отложив все дела «на завтра», я спешу домой, где мне предстоит работа над собственным «учебным» проектом на JS, ведь мир веб-разработки меняется очень быстро и необходимо все время учиться, чтобы стать классным специалистом.

Автор: Виктор Дрофеев, front-end разработчик WGG

Подписаться на нашу группу ВКонтакте
Наш  Instagram

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *