Немного о себе: Люблю разработку, обладаю аналитическим складом ума, проактивен, порой нахожу неочевидные решения. Притягивает не только Frontend, но и всё, что может с ним быть связано: Backend, БД, подключения.
Опыт работы
Стек: JS(es6), HTML, SCSS, Twig, PHP, React, TypeScript, TailwindCSS, Git, GitLab
- Вёрстка новых страниц по макетам из Figma на Laravel, Symfony, встраивание вёрстки в БД, создание кастомных страниц на Blade, деплой
- Правки промо-страниц на React / TypeScript / TailwindCSS
- Подключение сторонних сервисов, обработка JSON
- Работа с SQL: запросы по добавлению страниц, извлечение данных, проверка записей в БД
- Docker & Docker Compose — настройка контейнеров для разработки
- Webpack — оптимизация, быстрые компиляции в dev, корректная сборка в production
- Интеграции AI-моделей в онлайн-чаты
- Внедрение библиотек: Animate.css, Swiper JS, ScrollMagic и др.
Стек: 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, установка линтера
Стек: PHP, JS(es5 && es6), jQuery, Bootstrap, Wazzup
- Правка вёрстки в сложных местах и множественных конфликтующих стилях
- Разворачивание Telegram-бота
Стек: 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), интерактивная лупа для деталей
Стек: 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), различные библиотеки
Образование и курсы
- Самостоятельное изучение JS по learn.javascript.ru и вёрстки по YouTube
- Профессиональные курсы IT-Academy (с отличием):
Также работал с
- SSH, FTP/SFTP, деплой, production
- Хостинг, домены и DNS, .htaccess
- API: боты для уведомлений (JS, PHP), Web3Forms и др., JSON
- Яндекс.Метрика: счётчики, цели, webvisor
- Интеграции моделей: Gemini, GPT и др.
- Яндекс.Директ, Google Ads
- Карты: Google Maps, Яндекс.Карты
- reCAPTCHA v3, SmartCAPTCHA
- Canvas, БЭМ, SASS/SCSS
Тестирование
- Ручное тестирование веб-приложений через консоль и UI
Инструменты
- Git / GitHub / GitLab — контроль версий, мержи, разрешение конфликтов
- AI: Cursor, Perplexity и др. для ускорения разработки
- Яндекс.Трекер, Битрикс24
Примеры достижений
- Оптимизация Webpack в маркетинговом агентстве — многократное сокращение времени компиляции в dev и корректная prod-сборка
- Оперативное восстановление production
- Отправка форм с валидацией и уведомлениями в Telegram и Email в нескольких проектах
- Исправление багов и вёрстки на платформе подбора автозапчастей, подготовка к продакшену
- Устранение зависаний из-за частых рендерингов
Готов к сотрудничеству и новым вызовам!