Frontend-developer | Vue | Nuxt | React | JS | TS | GIT
Контакты
Занимаюсь разработкой сайтов 3+ года. Мною были разработаны разного типа лендинги, многостраничные сайты и интернет-магазины разной коммерческой направленности. Также занимался разработкой сайтов под ключ (дизайн + посадка на Wordpress). В моей базе более 30 положительных отзывов от клиентов предпринимателей в малом и среднем бизнесе. На данный момент занимаюсь разработкой приложений на Vue.js
Рассматриваю вакансию на позицию фронтенд-разработчика в компанию, где смогу улучшать свои навыки и создавать масштабные и полезные сервисы в команде единомышленников
js, vue.js, nuxt.js, SSR, vuex, pinia, vuetify.js, vee-validate, PrimeVue, html, css, scss, webpack, vite, wordpress, jest, lodash, i18next, chart.js, yup, bootstrap, axios, REST API, ts, typescript, react, redux, react-bootstrap, socket.io, Formik,
Учебные проекты:
- Игры разума - github (js | eslint )
- Вычислитель отличий - github (js | eslint | commander | jest | )
- RSS-Агрегатор - github (html | bootstrap 5 | js | axios | Vercel)
- Slack-чат - github (React.js | Redux Toolkit | React-Bootstrap | Socket.IO | Formik | i18next | Yup)
Пет проект:
- Игра "handing man" - github (vue.js | typescript | eslint | prettier )
- Тудулист - github (vue.js | vue-router | vuex | sass | firebase | axios |bootstrap)
- Портфолио - github (nuxt.js | ssr | bootstrap | axios)
Тестовое задание:
- Лендинг для Яндекса - github (HTML | CSS | vite | swiper.js | animate.css)
- Баннер для Хекслета - github (html | scss | bootstrap 5 | webpack)
- Ту-ту фронтенд тест - github (Javascript)
- Островок фронтенд тест - github (Javascript)
Open Source:
Опыт
ПРОЕКТЫ:
Сервис подбора лицензий
Достижения:
- Разработал и сверстал c 0 интерфейс сайта сервиса подбора лицензий для компании Открытый код при помощи Vue.js/Nuxt.js.
- Разработал древовидный конструктор подбора лицензий при помощи библиотеки Vue-flow, который может создавать бесконечное количество нод в глубину и ширину.
- Оптимизировал сайт до 89 баллов производительности pagespeed.
- Освоил архитектурный паттерн FSD для создания приложений.
- Выпустил сайт https://choosealicense.ru/ в релиз с командой за 3 недели.
- Разработал систему управление лицензиями и их взаимодействия с нодами за 3 недели.
Крупнейший научно-популярный фестиваль в России. КубаньНаука 0+
Достижения:
- Оптимизировал сайт до 83 баллов производительности по Pagespeed. FCP 0,7 TBT 130mc CLS 0.023 LCP 2.1 SI 2.3
- Создал реактивный интерфейс работы с событиями имеющие вложенные мероприятия без перезагрузки страницы на vue.js 3.
- Получил благодарственное письмо от фестиваля НаукаКубань 0+ за разработку приложения.
- Создал приложение https://festival.kubsf.ru/ за 1 месяц в команде по agile системе.
Сеть пиццерий Куба
Достижения:
- Оптимизировал производительность сайта с 39 до 66 баллов. FCP 0.8, TBT 10mc, LCP 4,7, SI 4,9
- Уменьшил dom дерево главной страницы за счет уменьшения количества компонентов vue.js
- Довел проект до релиза с legacy кодом от 3 фронтенд-разработчиков
- Выпустил сайт https://pizza-cuba.ru/ в релиз с командой за 2 месяца по agile.
Аякс. Поиск недвижимости в Краснодаре
Достижения:
- Выполнено более 30 задач технической поддержки интерфейса приложения на Nuxt.js https://www.ayax.ru
Обязанности:
- Построение SPA приложения для краткосрочной аренды недвижимости при помощи Nuxt 3 и vue.js 3 Composition api.
- Интеграция с сервисами Bnovo, Avito, Yandex при помощи REST API. Сохранение данных от этих сервисов при помощи базы данных MongoDB
- Интеграция Яндекс Карт с vue-yandex-maps и настройка отображения квартир по геопозициям от Bnovo или генерация гео-кода по адресу квартиры.
- Автоматизация статусов бронирования, формирования pdf документов, отправка сообщений и отчетов на почту при помощи jspdf и nodemailer.
- Настройка регистрации и аутентификации пользователей с next-auth, bcrypt.
- Поддержка состояния приложения в рамках pinia store.
- Создание личного кабинета администратора. Интеграция расписания бронирования гостей при помощи диаграммы Ганта.
- Создание личного кабинета гостя. Взаимодействие гостя с избранными квартирами и возможностью отслеживания статуса брони квартиры.
- Адаптивная и валидная верстка компонентов при помощи Bootstrap.
- Валидация полученных данных от пользователей при помощи Yup
- Написание автотестов vitest (jest)
- Настройка CI/CD проекта. Настройка интеграции деплоинга проекта на стороннем хостинге при помощи GitHub и Docker File.
- Добавление локалей при помощи i18n.
- Интеграция эквайринга МТС Банка.
- Добавление и настройка Яндекс Метрики.
Достижения:
- Разработал с нуля сервис по краткосрочной аренде жилья https://fridda.ru за 5 месяцев
- Добился отрисовки первого контента за 0.3 секунды FCP. Сумма отрисовки всего контента оптимизирована до 110мс TBT. Поисковая оптимизация реализована на 75 баллов по версии page speed.
- Покрыл 60% кода автотестами.
- Освоил работу SSR в рамках Nuxt 3. Изучил новые технологии: mongoose для работы с базой данных MongoDB, nuxt-scheduler для cron задач, vitest для написание автотестов.
- Сэкономил деньги клиенту, взяв работу по разработке сайта полностью на себя.
Обязанности:
- Разработка интерактивных, отзывчивых интерфейсов с использованием Vue.js и Nuxt.js для создания веб-приложений с серверным рендерингом (SSR) для улучшения производительности и SEO веб-приложений.
- Верстка сайтов по дизайн-макетам из Figma применяя Bootstrap 5 для создания адаптивных компонентов, совместимых с различными устройствами и браузерами.
- Создание кастомных компонентов на Vuetify и PrimeVue без дизайн-макетов, полагаясь на техническое задание и лучшие практики UX/UI дизайна.
- Управление состояние приложения при помощи Pinia и Vuex.
- Написание валидации форм Vee-Validate и Yup. Уменьшение количество ошибок ввода данных пользователями и улучшая общее удобство использования форм.
- Оптимизация маршрутизации страниц для обеспечения интуитивно понятной навигации и быстрого отображения контента при помощи Vue-router.
- Быстрое выявление и устранение ошибок в верстке и функциональности компонентов для обеспечения безупречного пользовательского опыта на разнообразных устройствах.
Достижения:
- Разработал и запустил с командой сайт https://evrotrans.net на Vue.js,что привело к увеличению скорости на слабых устройствах. LCP - 2.1с. FCP - 1.7. Поисковая оптимизация достигла 89 баллов в сервисе PageSpeed Insights.
- Разработал и запустил с командой сайт https://erp3.evrotrans.net/. Разработанный сайт на Nuxt.js 3 позволил на фронте удобно работать с REST API при помощи SSR.
- Применил Pinia и Vuex как эффективные решения для управления состоянием приложения, что сделало структуру данных более предсказуемой и легко управляемой.
- Успешно внедрил PrimeVue, Vuetify и Bootstrap для создания привлекательных и функциональных пользовательских интерфейсов, повышая общее восприятие качества продукта.
- Интегрировал ESLint и Prettier для автоматизации процесса форматирования кода и обеспечения соблюдения кодовых стандартов и лучших практик, что способствовало повышению качества кода и упрощению совместной работы в команде.
Обязанности:
- Разработка структуры сайта в Figma.
- Создание прототипа дизайна сайта в Figma.
- Создание дизайн-макета для пк, планшетов и мобильных устройств в Figma
- Верста дизайн-макета и посадка кода на Wordpress.
- Создание темы на php при помощи сервиса underscores. Написание скриптов на javascript. Работа с серверной частью Wordpress при помощи ajax, axios. Настройка сборщика webpack.
- SEO оптимизация с плагином Yoast SEO. Оптимизация производительности сайта PageSpeed. Использовал Webpack для сборки проектов.
- Установка и настройка плагинов Wordpress для работы сайта. Использовал AFC, Autoptimize, Cloudflare, Яндекс Метрика.
- Приобретение хостинга и домена. Перенос сайта на хостинг.
- Запись видеоинструкции по работе с сайтом
Достижения:
- Получил более 30 положительных отзывов от клиентов.
- Попал в топ исполнителей в сервисе Яндекс.Услуги по Ставрополю по тематике "разработка сайта".
- Разработал лендинг stvgaz.ru, который приносит ежедневно по 3-5 заявки в день без рекламного бюджета. Достичь данного результата получилось за счет семантически правильной html верстки для seo.
- Разработал сайт ooo-mag.ru. Сайт ежедневно посещали 300-400 человек. Импортировав каталог продукции компании добился того, что товары выводились на 1-2 месте в поиске Яндекса, за счет семантически правильной html верстки для seo. Клиент получал по 5-10 заявок в день с персональными данными клиентов для дальнейшей обработки.
- Изучил построение кастомных тем для Wordpress при помощи underscores. Научился основам верстки flex-box, css, scss. Изучил bootstrap 5. Научился писать валидную верстку. Сайты набирали в среднем 70-90 баллов в сервисе PageSpeed Insights.
Образование
Читаю профессиональную литературу на английском языке
Проживаю в городе Ставрополь
О себе:
- Участник трех хакатонов "Цифровой прорыв" 2019, 2020. Дважды выступал в роли капитана команды. Занимался front-end частью проектов.
- Студент школы Хекслет по профессии "Фронтенд-Разработчик" с 07.2023
- Нравится изучать новые решения и инструменты для фронтенд-разработки. Без проблем готов погрузиться в новый инструмент для того, чтобы его попробовать в проекте, даже если решение не будет использовано на постоянной основе. Благодаря этому, у меня получилось вырасти из верстальщика во фронтенд разработчика.
- Для работы есть MacBook m1, что позволяет быстро выполнять поставленные задачи моих клиентов и моего работодателя. Готов работать удаленно или с выездом в офис со своим ноутбуком