Немного о себе: Люблю разработку, обладаю аналитическим складом ума, проактивен, порой нахожу неочевидные решения. Притягивает не только Frontend, но и всё, что может с ним быть связано: Backend, БД, подключения, безопасность.
Опыт работы
Performance-агентство
kinetica.su, performiq.io (может потребоваться VPN)
Стек: JS(es6), HTML, SCSS, Twig, PHP, MySQL, React, TypeScript, TailwindCSS, Git, GitLab
- Вёрстка новых страниц по макетам из Figma на Laravel, Symfony, встраивание вёрстки в БД, создание кастомных страниц на Blade, деплой
- Правки промо-страниц на React / TypeScript / TailwindCSS
- Подключение сторонних сервисов, обработка JSON
- Работа с SQL: запросы по добавлению страниц, извлечение данных, проверка записей в БД, проектирование и создание таблиц для новых фич
- Docker & Docker Compose — настройка и оптимизация контейнеров для разработки
- Webpack — оптимизация, быстрые компиляции в dev, корректная сборка в production
- Интеграции AI-моделей в онлайн-чаты, N8N для написания статей в блог
- Внедрение библиотек: Animate.css, Swiper JS, ScrollMagic, jQuery, jQuery Migrate, jQuery Mask, GSAP/ScrollTrigger и др.
Маркетинговый сайт Digital Radar
Стек: PHP 8.2+, Laravel 11, Blade, Eloquent, MySQL; MoonShine 3; Vite 6, SCSS, TailwindCSS; Docker Compose
- Админ-панель на MoonShine спроектирована и реализована самостоятельно с нуля: блог (привычный WYSIWYG), CMS-страницы (главная, «О проекте», критерии и др.), рейтинги и карточки агентств по направлениям, заявки с формы — всё в одном месте, без правки кода для смены текстов и структуры контента
- Рейтинги и карточки хранятся в БД; при неполном наполнении разделов подставляются эталонные страницы из вёрстки, чтобы сайт оставался цельным
- Тексты и разметка страниц из админки: ссылки на разделы и изображения в контенте работают; публичная часть — Blade + Vite, отдача данных из БД
- Локальная среда и деплой: Docker Compose, предсказуемый порядок миграций и обновлений, описание под продакшен
Сервис подбора банных комплексов
Стек: PHP, JS(es6), HTML, SCSS, FTP, Git, GitHub
- Правки в вёрстке, редизайн, помощь с элементарными вещами в дизайне
- Устранение багов, динамическая сборка вёрстки, правки в картах Яндекса
- Настройка роутинга и редиректов, code-review, установка линтера
CRM для vyvoz-hlama-msk.ru
Стек: PHP, JS(es5 && es6), jQuery, Bootstrap, Wazzup
- Правка вёрстки в сложных местах и множественных конфликтующих стилях
- Разворачивание Telegram-бота, фикс багов
- Перенос хаотичного CSS на структурированный SCSS по БЭМ
Сайт-презентация AI-приложения по сканеру визиток
zoreli.ai (заказчик из Швейцарии)
Стек: HTML, CSS, JS(es6)
- Вёрстка по макету Figma, ленивая загрузка тяжёлых изображений
- Подключение и настройка Materialize.css, деплой
Сервис подбора автозапчастей
Стек: PHP, HTML, CSS, Bootstrap 4, Laravel Mix (Webpack), jQuery 3.x, Vanilla JS, Docker
- Устранение багов, попап с динамической подгрузкой автозапчастей
- Оптимизация: устранение зависаний при большом числе предложений поставщиков — ограничение параллельных запросов, ленивая подгрузка
- Animate.css, Lottie (JSON), интерактивная лупа для мелких деталей
Мебельный интернет-магазин
mebel-market77.ru — переход с конструктора InSales на чистый код
Стек: HTML, CSS, JS(es6), Bootstrap, jQuery, Slick
- Самообновляющиеся таймеры скидок, оплата хостинга снизилась в 25 раз
- 6-ступенчатый квиз, отправка результатов в Telegram и на почту
Сайт для мастера из США
Стек: HTML, CSS, JS(es6), PHP
- Форма обратной связи с AJAX, Animate.css
- Курирование дизайнера, логирование и обработка форм и ошибок
Разные проекты
Платформа аренды спецтехники (NDA); сайт о своих услугах; сайт-визитка видеографу; учебный проект для дизайнера; баннеры; шаблоны email-рассылок; иные простые вёрстки.
Стек: HTML, SCSS, CSS, JS(es6), библиотеки, простые PHP-обработчики
Образование и курсы
- Самостоятельное изучение JS по learn.javascript.ru и вёрстки по YouTube
- Профессиональные курсы IT-Academy (с отличием):
Также работал с
- SSH, FTP/SFTP, деплои, работа с production, анализ логов
- Хостинг, домены и DNS — настройка, перенос сайтов, простая настройка Apache
- API Integration: боты для уведомлений (JS, PHP), Web3Forms и др., обработка JSON
- Яндекс.Метрика: счётчики, цели, кастомные цели, webvisor
- Интеграции моделей: Gemini, GPT и др. в разработку и на страницы
- Работа с директологами: Яндекс.Директ, Google Ads
- Карты: Google Maps, Яндекс.Карты
- reCAPTCHA & защита от ботов: Google reCAPTCHA v3, SmartCAPTCHA
- Canvas, методология БЭМ, SASS/SCSS
Тестирование
- Ручное тестирование функциональности веб-приложений через консоль и пользовательский интерфейс
Инструменты
- Git / GitHub / GitLab — контроль версий, совместная работа, мержи, разрешение конфликтов
- AI: Cursor, Perplexity и др. — делегирование простых и шаблонных задач, ускорение разработки
- Яндекс.Трекер, Битрикс24
Примеры достижений
- Оптимизация Webpack в маркетинговом агентстве — в несколько раз сократил время компиляции в dev и обеспечил корректную prod-сборку
- Не раз оперативно чинил лежачий production
- Отправка форм с валидацией и уведомлениями в Telegram и Email на многих проектах
- Исправление багов и вёрстки на платформе подбора автозапчастей, подготовка к продакшену
- Устранение зависания страницы из-за постоянных и многочисленных рендерингов
Готов к сотрудничеству и новым вызовам!