О сайте

Для кого этот сайт, на чём он сделан, как развивался и кто за ним стоит.

О сайте viku-lov.ru

Что это?

viku-lov.ru — это личный сайт-портфолио и блог Full-Stack разработчика, совмещающий в себе:

  • каталог услуг;
  • подборку реализованных проектов;
  • коллекцию сертификатов;
  • статьи о веб-разработке;
  • базу практичных сниппетов кода.

Главная цель — продемонстрировать профессиональный опыт и подход к работе, а также предоставить полезные материалы для коллег-разработчиков и потенциальных заказчиков. Сайт служит витриной компетенций и источником знаний в сфере веб-разработки.

Для кого этот сайт?

Целевая аудитория делится на три группы:

  1. Заказчики и партнёры — могут оценить уровень компетенций разработчика, изучить спектр услуг и примеры работ для поиска исполнителя.
  2. Разработчики — найдут здесь полезные статьи, сниппеты кода, примеры решений типовых задач, а также вдохновение для собственных проектов.
  3. Интересующиеся технологиями — особенно актуальны разделы про Bitrix, Laravel, DevOps и современные фронтенд-технологии.

Как развивался сайт

История развития сайта — это путь от базового шаблона до полноценного ресурса:

  1. Старт — использование шаблона Astro (minimal) как основы.
  2. Доработка структуры — оптимизация папок и компонентов, внедрение дизайн-токенов и модульных стилей (SCSS).
  3. Создание блога — внедрение контента в формате Markdown и MDX, что позволило легко добавлять статьи и документацию.
  4. Оптимизация медиа — интеграция библиотеки Sharp для сжатия и обработки изображений без потери качества.
  5. Техническая оптимизация — добавление sitemap и RSS-ленты, форм обратной связи и системы комментариев.
  6. Администрирование — разработка панели модерации для управления контентом.
  7. Юридическая безопасность — соответствие ФЗ-152 (обработка персональных данных).
  8. Аналитика и UX — внедрение системы аналитики с учётом политики cookies, доработки пользовательского интерфейса.
  9. Поддержка актуальности — регулярные обновления контента (статьи, сертификаты, сниппеты).

Вся разработка ведётся в системе контроля версий Git с чётким следованием процессам: коммиты, ветвление, слияние изменений в основную ветку.

На основе каких технологий создан сайт

Основные технологии:

  • Сборка: Astro 5 (современный фреймворк для статических сайтов) + Node.js (для серверных функций).
  • Контент: Markdown и MDX (@astrojs/mdx, @astrojs/markdoc) — удобная система для написания и отображения статей.
  • Стили: Sass (sass-embedded) — инструмент для создания модульных и переиспользуемых стилей.
  • Оптимизация изображений: Sharp — библиотека для быстрой и качественной обработки медиафайлов.
  • Тестирование: Vitest — инструмент для проверки кода на ошибки.
  • Адаптивная вёрстка — корректное отображение на любых устройствах.
  • Иконки: Iconify — библиотека векторных иконок.
  • Минимальный клиентский JS: Alpine.js — лёгкая альтернатива для интерактивности.
  • Бэкенд-функции: API Routes (Astro) для динамических действий, nodemailer для отправки писем, валидация форм.
  • Деплой и инфраструктура: гибкие варианты — Node.js, статический хостинг, CI/CD для автоматизации развёртывания.

Приоритеты разработки

Ключевые принципы, которыми руководствуется автор при создании и поддержке сайта:

  • Скорость загрузки — минимизация HTTP-запросов, оптимизация кода и медиа.
  • Доступность — соответствие стандартам WCAG, удобная навигация.
  • Читаемость — лаконичный дизайн, акцент на контенте, отсутствие «шума».
  • Фокус на контенте — статьи с примерами кода, сниппеты, кейсы из практики.
  • Прозрачность — открытые данные об услугах, сроках и процессе работы.
  • Живой проект — сайт постоянно обновляется: добавляются статьи, сертификаты, новые сниппеты.

Об авторе

Андрей Викулов — Full-Stack разработчик с многолетним опытом работы с различными технологиями, включая WordPress, Bitrix CMS и Laravel. Специализируется на создании и поддержке веб-проектов «под ключ» — от анализа ТЗ и проектирования архитектуры до развёртывания и последующей поддержки.

Опыт работы с Bitrix CMS

Включает:

  • разработку корпоративных сайтов и интернет-магазинов на Bitrix (Enterprise и «Коробка»);
  • настройку и кастомизацию компонентов, шаблонов и модулей под индивидуальные требования заказчика;
  • интеграцию Bitrix с CRM-системами, 1С, платёжными шлюзами и другими сервисами;
  • оптимизацию производительности сайтов на Bitrix (кеширование, оптимизация запросов к БД, ускорение загрузки страниц);
  • работу с бизнес-процессами и документооборотом в Bitrix24;
  • разработку кастомных решений на основе API Bitrix;
  • обеспечение безопасности сайтов (защита от SQL-инъекций, XSS-атак, настройка .htaccess);
  • поддержку многосайтовых решений и кластерных установок Bitrix.

Особенности подхода к работе с Bitrix CMS:

  • использование лучших практик разработки для Bitrix (модульность, чистота кода, соблюдение стандартов);
  • адаптация под мобильные устройства и современные стандарты доступности (WCAG);
  • внедрение SEO-оптимизации «из коробки»;
  • работа с облачной и локальной версиями Bitrix;
  • автоматизация развёртывания и обновления через CI/CD.

Опыт работы с Laravel

Охватывает:

  • разработку REST API для мобильных и веб-приложений;
  • создание сложных бэкенд-сервисов с использованием Eloquent ORM и Artisan CLI;
  • работу с очередями (Queue) и фоновыми задачами (Jobs);
  • интеграцию Laravel с базами данных (MySQL, PostgreSQL, SQLite), Redis, RabbitMQ;
  • разработку микросервисной архитектуры на Laravel;
  • создание систем аутентификации и авторизации (JWT, OAuth2, Socialite);
  • оптимизацию запросов к БД и кеширование данных (Redis, Memcached);
  • тестирование кода с использованием PHPUnit и Laravel Dusk.

Особенности подхода к работе с Laravel:

  • применение принципов SOLID и DRY при разработке;
  • использование паттернов проектирования (Repository, Service, Facade);
  • внедрение Dependency Injection и контейнеризации сервисов;
  • работа с миграциями и seeding данных;
  • обеспечение безопасности (защита от CSRF, XSS, SQL-инъекций);
  • развёртывание приложений через Docker и Kubernetes;
  • мониторинг и логирование с помощью Sentry, New Relic, ELK-стека.

Опыт работы с WordPress

Включает:

  • разработку и кастомизацию тем под индивидуальные требования заказчика;
  • настройку и доработку популярных плагинов (WooCommerce, SEO-плагины, формы контактов и др.);
  • оптимизацию производительности сайтов (минимизация HTTP-запросов, работа с кешированием, оптимизация базы данных);
  • интеграцию WordPress с другими системами (CRM, 1С, API сторонних сервисов);
  • создание многостраничных сайтов, блогов, интернет-магазинов на WordPress;
  • работу с редактором Gutenberg и классическими шаблонами;
  • обеспечение безопасности сайтов (защита от типовых уязвимостей, настройка .htaccess, работа с SSL).

Особенности подхода к работе с WordPress:

  • баланс между динамичностью функционала и скоростью загрузки страниц (кеширование, ленивая загрузка изображений);
  • соблюдение стандартов SEO при разработке тем и плагинов;
  • адаптация под мобильные устройства «из коробки»;
  • учёт требований к доступности (WCAG);
  • поддержка актуальных версий PHP и WordPress с учётом обратной совместимости;
  • использование WordPress как headless CMS с фронтендом на React или Astro для максимальной скорости работы сайта.

Итог: Андрей Викулов владеет широким спектром технологий и умеет находить оптимальное решение для каждого проекта — будь то корпоративный сайт на Bitrix, интернет-магазин на WordPress или сложный бэкенд-сервис на Laravel. Умеет сочетать разные технологии в одном проекте для достижения максимальной эффективности.

Подробнее о навыках и реализованных проектах — на главной странице и в разделе «Контакты».