UI/UX layout developer / HTML-верстальщик / Front-end разработчик
* Свободен
Я занимаюсь версткой, front-end разработкой и веб-дизайном более 11 лет. Самозанятый.
Стек по умолчанию: сборка на Gulp; Pug/SASS/JS/jQuery; методология БЭМ, без CSS-фреймворков. Включает в себя: cлежение за файлами, копирование/создание/удаление/переименование каталогов и файлов, компиляция Pug в HTML, компиляция SASS/SCSS в CSS, автообновление браузера, добавление автопрефиксов для стилей, конкатенация файлов, объединение дублирующихся классов, переименование файлов, преобразование растровых изображений в WebP, преобразование изображений, являющиеся элементами интерфейса, в стили (например SVG экспортируется, оптимизируется, преобразуется в Base64 и используется в background-image, сохраняя при этом возможность для цветовой кастомизации в зависимости от текущего состояния интерфейса), переиспользование компонентов из Figma, переменные/формулы/миксины в стилях, упрощенный синтаксис для написания медиа-запросов. В зависимости от текущей задачи стек можно изменить по договоренности.
Стандартный порядок работ. Вы передаете необходимые вводные данные по проекту (ТЗ в любом виде, дизайн-макеты, референсы, шрифты и т.д.). Далее я делаю поблочную оценку для каждого из дизайн-макетов. В зависимости от полученных цифр, мы работаем либо в один этап, либо в два и более. Если срок составляет от 8 до 40 часов, то сумма делится на две равные части (предоплата до начала работ и постоплата после их завершения). Если же оценка превышает 40 часов, то проект делится на два и более этапа (например десктоп и адаптив). Для каждого этапа согласовываем объем работ, сумму и срок. Каждый этап также предоплачивается до начала и постоплачивается после завершения. Кроме того, я гарантирую ежедневную отчетность минимум 1 раз в день, а также вечерний коммит в репозиторий с Вашим доступом.
Навыки
• Создание шаблонов (от простых целевых страниц до сложных интерфейсов CRM)
• Создание анимированных страниц и динамических презентаций
• Создание фиксированных / адаптивных писем
• Создание кросс-браузерных / кросс-платформенных / отзывчивых макетов
• Создание плагинов jQuery
• Написание интерфейсного JS
• Отрисовка веб-дизайна
Инструменты/технологии
• HTML, CSS, JS
• Pug, SASS, jQuery, Vue.js (в основном)
• BEM методология (в основном)
• LESS, PostCSS, Stylus
• Gulp (в основном)
• Grunt, Webpack
• Git (в основном)
• Bitbucket, Github, Gitlab
• Trello (в основном)
• Redmine, Youtrack
• macOS
• Firefox, Opera, Chrome, Safari (в основном)
• IE 10-11, Edge
• Photoshop, Sketch App, Figma, Zeplin
• Scrum, Kanban
Портфолио http://front-end-with-love.github.io
Резюме https://career.habr.com/frontend-dev-ru
Telegram https://t.me/michailkhlebnikov
Пример исходников кода: https://github.com/front-end-with-love/front-end-with-love.github.io/tree/master/front-end/public
На созвоне могу показать техническому специалисту именно текущий уровень кода.
Осенью 2023 года задизайнил в Figma простой интернет-магазин (с переменными, компонентами, переиспользуемыми стилями, автолейаутом, UI Kit etc). И соответственно его же и сверстал http://mechta-crimea.ru/test/ . Из значимых проектов в 2023 году верстал с нуля вот такой https://modbay.org (там был БЭМ с особенностями движка DLE).