Frontend Developer, JavaScript Developer, Верстальщик

На данный момент Frontend Developer, Верстальщик.

Мои компетенции и опыт

Виды задач, которые я могу выполнять как Frontent Developer:

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

Последние несколько моих проектов:

One Page Stuff

Серия одностраничных проектов, разработка каждого из которых заняла не более дня.

Выполненные задачи:

• разработка калькулятора: создание HTML-формы; разработка кода, обрабатывающего введённые данные и рассчитывающего результат; оформление с помощью CSS;
• разработка теста-угадайки: генерация HTML-структуры с помощью JS; разработка кода для проверки правильности ответа и подсчёта очков; оформление с помощью CSS;
• разработка интерфейса для текстового квеста: организация структуры данных; генерация списка вариантов действий и текста описаний; написание кода, обрабатывающая пользовательские выборы и подсчитывающего количество попыток; оформление и анимация на CSS.

Демо:

• нужен доступ к резюме
• нужен доступ к резюме
• нужен доступ к резюме

Статистика переписки ВКонтакте

Скрипт, составляющий топ-10 диалогов ВКонтакте по частоте упоминания того или иного слова (или словосочетания).

Выполненные задачи:

• разработка функции, инициализирующей работу скрипта и внедряющей необходимые элементы формы в исходный DOM;
• программирование обработчика для кнопки "Ввод", генерирующего Ajax-запросы для получения всех сообщений в личке с данным словом или сочетанием;
• разработка функции, анализирующей данные, полученные с помощью Ajax-запроса, и генерирующей диаграмму на canvas с демонстрацией анализа данных.

Демо:

• нужен доступ к резюме
• нужен доступ к резюме

Тест по книге Эми Бэнкс

Браузерный тест с нестандартной панелью выбора вариантов, по материалам из книги Эми Бэнкс «На одной волне».

Выполненные задачи:

• разработка теста на JS: генерация панели с выбором ответа, подсчёт очков, анализ и вывод результата;
• вёрстка интерфейса в виде нотного стана с анимацией на CSS;
• разработка HTML-структуры, оформление блока результатов с помощью CSS (Flexbox).

Демо:

• нужен доступ к резюме

Пагинация против бесконечной прокрутки

Серия скриптов, превращающих бесконечную прокрутку в ленте соцсетей (ВКонтакте, Твиттер, Тамблер) в постраничную навигацию для удобства при поиске старых записей.

Выполненные задачи:

разработка кода в несколько этапов:

• отключение бесконечной прокрутки; 
• получение общего количества страниц в ленте (обращение к API или генерация серии Ajax-запросов); 
• построение навигационной DOM-панели и внедрение её в исходный DOM документа; 
• создание функции-обработчика для кликов по навигационной панели для отображения нужной страницы; 
• добавление кнопок «в начало» и «в конец»; коррекция внешнего вида с помощью CSS.

Демо:

• нужен доступ к резюме
• нужен доступ к резюме
• нужен доступ к резюме

Лэндинг магазина одежды MariPo

Сайт с презентацией ассортимента магазина детской одежды.

Выполненные задачи:

• вёрстка лэндинга в соответствии с пожеланиями заказчицы, с использованием Flexbox и Grid;
• разработка слайдера на JQuery;
• программирование анимации на JQuery;
• создание адаптивной версии;
• разработка HTML-структуры, генерация содержимого из JSON-файла с помощью JavaScript.

Демо:

• нужен доступ к резюме

Отзыв об одной из моих фриланс-работ:

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

— Артемий, юрист, заказчик сайта-визитки (контакты по запросу).