Аватар

Игорь ЯруткинФронтенд-разработчик

Верстаю удобные и красивые сайты. Работаю на фрилансе с января 2016г. Хочу работать в команде.

Делаю из макета сайт, который работает в популярных браузерах для смартфонов, планшетов и десктопов. Выполняю задачу в срок.

Использую препроцессор SASS. Знаком с LESS и PostCSS. Пользуюсь шаблонизатором Pug/Jade. Пишу валидацию форм и шаблонизацию на JavaScript. Делаю проекты на Бутстрапе. Умею готовить Grunt и Gulp. Владею с Git, представляю как устроена командная разработка.
Для всего сразу применяю главный инструмент — голову :)

Если вам недостаточно портфолио, чтобы оценить мои навыки, пришлите мне тестовое задание на igor.yarutkin@gmail.com

Или заходите сюда попозже. Количество выполненных проектов будет расти :)

Сверстал

pink

Промо-сайт приложения «Пинк»

Полностью адаптивный макет. Использовал подход Mobile First. Сделал сетку на флексбоксах. Опробовал SASS и Grunt. Сделал адаптивные изображения. SVG собрал в спрайт, чтобы можно было стилизовать через CSS. Стилизация и валидация форм. Пиксель-пёрфект.
gllacy

Магазин мороженого «Глейси»

Пиксель-пёрфект вёрстка с фиксированной шириной. Построил сетку на флоатах и инлайн-блоках. Стилизовал элементы формы: чекбоксы, радио-кнопки и селекты. Сделал слайдер на чистом CSS. На JavaScript написал небольшую валидацию формы.
sedona

Сайт города Седона

Сделал пиксель-пёрфект резиновую верстку. Валидацию формы реализовал на JavaScript.

Учился

htmlcss

Интенсивный он-лайн курс «Базовый HTML и CSS»

Научился верстать выбирая семантически правильные элементы. Теперь свободно работаю с Фотошопом в объеме для верстальщика: нарезка графики, выбор параметров текста, цвета, отступов. Легко создаю сетки на флоатах и инлайн-блоках и индивидуальный стиль чек-боксов, радио-кнопок, селекторов. Овладел базовыми навыками программирования на JavaScript. Научился работать с GitHub через GitHub Desktop.
adaptive

Интенсивный он-лайн курс «Продвинутый HTML и CSS»

Овладел резиновой адаптивной версткой на flexbox с использованием методологии БЭМ. Повысил навыки работы с git до работы через консоль: создание веток, пулл-реквесты в мастер-репозиторий, слияние коммитов. Научился писать CSS с использованием препроцессора SASS. Легко создаю векторные спрайты и делаю стилизацию SVG-изображений через CSS. Призвал на помощь Grunt для автоматизации.
javascript

Интенсивный он-лайн курс «Базовый JavaScript»

Теперь могу программировать базовые вещи на JavaScript: функции, модульный код, AJAX (JSONP и XMLHttpRequest), валидация форм. Понял суть и цель использования callback-функций и замыканий. Могу работать с DOM-элементами (выбор, создание, удаление, перемещение). Познакомился с работой с canvas. Легко работаю с cookies и localStorage. Могу использовать адресную строку для изменения состояния приложения.