Indigo Web | Frontend Backend

Вайбкодим «Полный путь разработки AI-агентов: от MCP до Agentic RAG» Образовательная программа на Stepik по разработке современных AI-агентов. Начинаем с Model Context Protocol: создаём MCP-серверы, подключаем инструменты и внешние API, а затем переходим к разработке Agentic RAG-систем с памятью, рассуждением, поиском знаний и оценкой качества. • Model Context Protocol и MCP-серверы • LangChain, LangGraph, LlamaIndex • API, инструменты, ресурсы и промпты • Классический RAG → Agentic RAG • ReAct, память и планирование • Графы знаний и свои инструменты • Трассировка и подготовка к production Успей, скидка 20% действует 48 часов ↗️ Начать обучение на Stepik

😎 Создание PWA тренажера английского языка на React Что в статье: ⏺React и IndexedDB: как устроено локальное хранение данных в PWA ⏺LLM как узкий подрядчик: разделение задач между алгоритмами и нейросетями ⏺Автоматический парсинг субтитров YouTube для вычленения незнакомых слов — Архитектура PWA на React с локальным хранением в IndexedDB решает задачу создания персонального тренажера без сложных серверных бэкендов. 🖥 Читать статью 🤓 Indigo Web | #статья #ru

👨💻 Glassmorphism-карточка Стекло из трёх строк CSS. Backdrop-filter: blur() размывает всё позади карточки, полупрозрачный фон + тонкая рамка дают эффект стекла. Эффект работает на чистом CSS, без JavaScript 🖥 Ссылка на код 🤓 Indigo Web | #фишка

🔍 Игра, где масса заменяет здоровье и ключи ❗ В новой инди-игре убран привычный инвентарь и полоска здоровья в пользу единого параметра массы. В этой статье: 🔘Умереть в игре нельзя, можно только потерять вес. 🔘Масса персонажа одновременно служит ключом к дверям и оценкой за прохождение. 🔘Прыжок героя намеренно не зависит от его текущего веса. 🔊 Почитать подробнее 🤓 Indigo Web | #news #ru

😎 22 способа ускорить сайт От самых дешёвых к самым трудоёмким — начинай сверху С чего начинается: ⏺ Сожми картинки в WebP или AVIF — обычно это минус 60–80% веса без потери вида ⏺ Поставь width и height картинкам — страница перестанет прыгать при загрузке ⏺ loading="lazy" на картинки ниже первого экрана — они не будут грузиться сразу — Листай карточки, весь список внутри. Сохрани, чтобы не искать, когда понадобится. 🤓 Indigo Web | #производительность #frontend #вебразработка #css #seo

👨💻 Неоновая кнопка на чистом CSS Кнопка, на которую хочется нажать. Conic-gradient рисует бегущую рамку вокруг кнопки, @property позволяет анимировать угол градиента. Эффект работает на чистом CSS, без JavaScript 🖥 Ссылка на код 🤓 Indigo Web | #фишка

😎 Почему иконка из Figma ломает верстку Что в статье: ⏺Как работает viewBox и почему браузер рендерит иконку крошечной или огромной ⏺Контракты и размеры SVG при экспорте из Figma в проект ⏺Типичные ловушки и баги при работе с векторной графикой в React — Корректная настройка viewBox и параметров верстки решает проблему скачущих размеров иконок. 🖥 Читать статью 🤓 Indigo Web | #статья #ru

😎 Почему Vue теряет реактивность и как это исправить Что в статье: ⏺Где именно рвется реактивная связь между состоянием и интерфейсом во Vue ⏺Почему watch и nextTick не всегда спасают принудительный ререндер ⏺Как находить проблемы с реактивностью до появления костылей в коде — Потеря реактивности во Vue кроется в разрыве связи состояния и интерфейса, а не в багах фреймворка. 🖥 Читать статью 🤓 Indigo Web | #статья #ru

😎 Пишем Chrome-расширение для поиска внешних зависимостей сайтов Что в статье: ⏺Анализ уже загруженной страницы на предмет внешних зависимостей ⏺Запись новых доменов, появляющихся во время конкретного действия пользователя ⏺Фильтрация аналитики, фонового шума и безопасная работа без доступа ко всему трафику — Создание локального инструмента для поиска скрытых ресурсов и проксирования недоступных доменов. 🖥 Читать статью 🤓 Indigo Web | #статья #ru