За кулисами FÉLAG: архитектура, автоматизация и поиск коллабораций

Введение: цель и архитектура

Проект FÉLAG — это одновременно личная база знаний по построению торговых систем и открытая площадка для документирования инженерного процесса. Ресурс создан для фиксации реального опыта: от настройки CI/CD до адаптивной верстки и интеграции аналитики.

Любые конструктивные замечания по коду, вёрстке или тексту приветствуются. Контакты — на странице “О проекте”.

За кулисами: инженерные улучшения

Архитектура проекта прошла несколько итераций оптимизации. Ключевые изменения:

• Непрерывная интеграция: внедрен скрипт npm run verify, блокирующий коммиты при ошибках в JSON-LD, NUL-байтах или битых ссылках.
• UX: View Transitions API для плавной смены языка, сохранение позиции скролла при навигации, CSS-анимация переключения тем.
• Адаптивная верстка: каталог статей на CSS Grid с липким сайдбаром на десктопе и drawer-меню на мобильных.
• Локализация: аудит RU/EN версий, устранение расхождений в мета-тегах, паритет ключей переводов.

Детальная архитектура дистрибуции контента описана в отдельной публикации: “Архитектура информационной гавани”.

Масштаб работ за последнюю неделю

За период с 29 октября по 5 ноября команда проекта выполнила 58 задач по выстраиванию архитектуры блога и подготовке к активной дистрибуции контента.

Инфраструктура и автоматизация:

• Внедрён скрипт npm run verify с 7 проверками: валидация JSON-LD, поиск NUL-байтов, проверка дублирующихся путей, верификация внутренних ссылок
• Настроена непрерывная интеграция с автоматическим деплоем на GitHub Pages
• Реализован rehype-плагин для автоматической обработки внешних ссылок (класс external-link, target=“_blank”, rel=“noopener noreferrer”, SVG-иконка)

Пользовательский опыт (UX):

• Внедрён scroll restoration через sessionStorage + requestAnimationFrame при кросс-URL навигации и смене языка
• Добавлены плавные переходы между темами и языками (View Transitions API)
• Выстроена адаптивная Grid-система: от мобильного drawer-меню до десктопного sticky-сайдбара

Качество контента:

• Достигнут строгий паритет локализации: TypeScript-гард в i18n/ui.ts блокирует сборку при отсутствии ключа в EN
• Полностью синхронизированы мета-теги, заголовки и ключи переводов для RU и EN версий
• Унифицировано поведение всех ссылок: исправлен CSS-каскад, добавлены visited-состояния с контролем контрастности

Безопасность и SEO:

• Добавлен SRI для внешних шрифтов, оптимизирована JSON-LD разметка (вынесена в GlobalJSONLD)
• Устранено дублирование маршрутов, исправлены breadcrumbs (убраны query-параметры)
• Проведена очистка технического долга: удалены 6 мёртвых файлов (~189 KB), исправлены 14 проблем доступности (A11y)

Вектор развития

В ближайших публикациях — переход от общих архитектурных тем к конкретике: разбор настроек торговых роботов, анализ реальных торговых систем и деконструкция допущенных ошибок.

Все внешние ресурсы и инструменты перечислены в футере каждой статьи.

Итог

Инфраструктура проекта строится на принципах прозрачности и непрерывного улучшения. Проект открыт для предложений и профессиональных знакомств.

FAQ

Почему в блоге публикуются технические детали разработки? Прозрачность процесса формирует доверие. Демонстрация реальных инженерных решений ценится выше абстрактных рассуждений.

Как можно предложить коллаборацию или указать на ошибку? Контакты — на странице “О проекте”. Конструктивная критика рассматривается как ресурс для развития.

Публикуете ли вы готовые торговые стратегии для копирования? Торговые сигналы и индивидуальные инвестиционные рекомендации не публикуются. Однако материалы регулярно разбирают механики, архитектуру и логику торговых систем: как формализуются правила, тестируются гипотезы и выстраивается риск-менеджмент на конкретных платформах.