Latest posts
Indigo Web | Frontend & Backend
9 Sept, 10:33
💻 m3e-canvas — создание экранов Material 3 в браузереОсновные возможности: ⏺Рисование интерфейсов в стиле Material 3 Expressive прямо в окне браузера ⏺Превращение готовых набросков в текстовые промпты для вайб-кодинга ⏺Помогает быстро прототипировать дизайн перед написанием кода— Полезно фронтендерам, которым нужно быстро набросать интерфейс и сгенерировать под него код.🖥 Репозиторий на GitHub🤓 Indigo Web | #репозиторий #en
Indigo Web | Frontend & Backend
8 Sept, 10:32
😎 Как настроить i18n в Next.js без SEO-дублейЧто в статье: ⏺Разделение языковых версий через отдельные адреса маршрутов в Next.js для поисковой индексации ⏺Ошибки с хранением языка в client state, cookie или настройках браузера на одном URL ⏺Архитектурная схема: как Как настроить i18n в Next.js без SEO-дублей устроен под капотом— Для корректного SEO языковые версии интерфейса нужно выносить на уникальные URL, а не переключать через клиентское состояние.🖥 Читать статью🤓 Indigo Web | #статья #ru
Indigo Web | Frontend & Backend
7 Sept, 09:44
🔍 Свои альткоины: сканер на Python и Telegram Mini App❗ Запустил сканер альткоинов на Python с интеграцией в Telegram Mini App.В этой статье: 🔘Данные агрегируются с пяти разных криптобирж 🔘По запросу тикера бот отдает направление и активность 🔘Интерфейс оформлен как Telegram Mini App🔊 Почитать подробнее🤓 Indigo Web | #news #ru
Indigo Web | Frontend & Backend
6 Sept, 08:35
😎 Сколько токенов тратит Claude Code на макеты сайтовЧто в статье: ⏺Перенос лендингов на Figma canvas с помощью Claude Code через MCP-сервер ⏺Использование скриншотов и ссылок на сайты как исходных данных для агента ⏺Подсчет шагов агента, обращений к инструментам и расхода токенов— Эксперимент показал реальные затраты токенов и возможности Claude Code при работе с макетами через MCP в Figma.🖥 Читать статью🤓 Indigo Web | #статья #ru
Indigo Web | Frontend & Backend
5 Sept, 13:20
😎 34 способа сломать CSS GridПодводные камни и неочевидное поведение двумерных сетокС чего начинается: ⏺ min-width: auto у грид-элемента: длинный контент разопрёт колонку 1fr, добавь min-width: 0. ⏺ Ошибись в геометрии grid-template-areas: зоны обязаны быть прямоугольниками, L-формы ломают сетку. ⏺ Задай repeat(auto-fit, 1fr): без функции minmax() грид не станет переносить элементы на новую строку.— Листай карточки, весь список внутри. Сохрани, чтобы не искать, когда понадобится.🤓 Indigo Web | #css #grid #вёрстка #фронтенд
Indigo Web | Frontend & Backend
4 Sept, 10:04
🔍 Как ускорить проверку микрофронтендов с DevSpace❗ Инженер поделился опытом быстрой проверки микрофронтендов без долгого ожидания CI и танцев с портами.В этой статье: 🔘Полный пайплайн сборки больше не нужно ждать ради мелких правок. 🔘Все окружение продолжает жить в Kubernetes. 🔘Локальная сборка автоматически синхронизируется прямо в рабочем поде.🔊 Почитать подробнее🤓 Indigo Web | #news #ru
Indigo Web | Frontend & Backend
3 Sept, 10:14
😎 Centrifugal. Fluid UI для создания standalone веб-приложенийЧто в статье: ⏺Архитектура на основе Angular для высокопроизводительных веб-интерфейсов ⏺Поддержка standalone-режима для создания all-in-one интерфейсов ⏺Кастомизируемая виртуальная клавиатура для киосков самообслуживания— Фреймворк закрывает задачи по сборке интерфейсов киосков и терминалов без лишнего обвеса.🖥 Репозиторий на GitHub🤓 Indigo Web | #ai #репозиторий
Indigo Web | Frontend & Backend
3 Sept, 08:13
На Stepik запустили годный курс по «Troubleshooting Docker и Kubernetes: поиск и устранение проблем»В программе только важные аспекты:— troubleshooting Docker и Docker-образов — диагностика сетевых проблем — настройка readiness/liveness probes — отладка pod’ов, деплоев и ingress — анализ логов контейнеров и кластера — разбор ошибок CrashLoopBackOff, OOMKilled, ImagePullBackOff и другие частые ошибкиСобеседования на DevOps/SRE сейчас всё чаще строятся вокруг реальных инцидентов. Данный курс фокусируется именно на таких сценариях и помогает в подготовке к практическим вопросам48 часов доступен со скидкой 25%↗️ Пройти курс на Stepik
Indigo Web | Frontend & Backend
2 Sept, 08:57
🔍 Анализ кода VSCode❗ Создатели JavaScript-анализатора проверили его работу на исходниках Visual Studio Code.В этой статье: 🔘Выпущен статический анализатор для JavaScript и TypeScript. 🔘Проверка исходников VSCode выявила скрытые ошибки в коде. 🔘Поиск багов прошел на реальном крупном Open Source проекте.🔊 Почитать подробнее🤓 Indigo Web | #news #ru
Indigo Web | Frontend & Backend
1 Sept, 09:21
😎 Генерация email на OpenAPI и ReactЧто в статье: ⏺Описание контракта письма в OpenAPI вместо ручного создания компонентов и параметров ⏺CLI-генерация NestJS-артефактов и React-компонентов с типизированными пропсами ⏺Переход на spec-driven платформу для ускорения работы разработчиков и тестировщиков— Спецификации OpenAPI и CLI-генерация полностью избавляют от рутины при создании однотипных писем и бэкенд-артефактов.🖥 Читать статью🤓 Indigo Web | #статья #ru
Indigo Web | Frontend & Backend
1 Sept, 07:20
«Освоение модульного тестирования с использованием Pytest» курс на StepikСегодня умение писать тесты ценится почти так же, как и умение писать сам код. Если pytest, fixtures, CI/CD и coverage всё ещё вызывают вопросы самое время это исправитьПрограмма курса:• Pytest: от базовых тестов до CI/CD • fixtures, mocking, parametrization • Flask/API testing • Selenium и UI тестирование • Docker + Docker Compose • GitHub Actions • coverage и отчёты • debugging и refactoring тестовКурс построен вокруг практики: много примеров, готовых кейсов и разборов рабочих сценариев48 часов действует скидка 25%↗️ Пройти курс на Stepik
Indigo Web | Frontend & Backend
1 Sept, 05:52
💻 dsh-routing-suite — кит из инжектора и роутераОсновные возможности: ⏺Установка runtime-инжектора для подготовки окружения ⏺Подключение task-aware reasoning-mode роутера поверх инжектора ⏺Набор пресетов с измеренными параметрами P1-P23— Откройте репозиторий, если настраиваете сложную маршрутизацию задач.🖥 Репозиторий на GitHub🤓 Indigo Web | #репозиторий #en
Indigo Web | Frontend & Backend
31 Aug, 09:16
😎 20 вопросов с фронтенд-собесаС короткими ответами — чтобы не плавать на очевидномС чего начинается: ⏺ Чем let отличается от var? Область видимости: let живёт в блоке, var во всей функции ⏺ Что такое всплытие? Объявления поднимаются наверх, значения — нет ⏺ Чем == отличается от ===? Первый приводит типы, второй нет. Всегда бери ===— Листай карточки, весь список внутри. Сохрани, чтобы не искать, когда понадобится.🤓 Indigo Web | #собеседование #frontend #javascript #вебразработка #junior
Indigo Web | Frontend & Backend
31 Aug, 07:15
На Stepik запустили курс «От новичка к уверенности в коде на Python»Курс создан для новичков, которым важно не заучить команды, а понять логику. Наглядные схемы и визуальные разборы показывают, что происходит внутри программы и как она работаетМного практики, понятные объяснения решений не дадут застрять на теории. Материал предлагает вам не иллюзию знаний, а ощущение контроля: вы ясно видите как из нескольких строк кода рождается работающая программаПрограмма курса:✅переменные и типы данных ✅условия и логика программ ✅циклы и рекурсия ✅функции и работа с вводом данных ✅списки, словари и множества ✅базовое ООП ✅работа с библиотеками Python
Indigo Web | Frontend & Backend
30 Aug, 18:07
😎 Пишем свой React с нуля: Fiber и хуки под капотомЧто в статье: ⏺createElement и логика превращения JSX в обычные объекты виртуального DOM ⏺Архитектура Fiber для асинхронного обхода дерева без блокировки потока браузера ⏺Реализация алгоритма Reconciliation и кастомная система хуков с нуля— Понимание Fiber и механизма reconciliation помогает писать код без багов с useState и key.🖥 Читать статью🤓 Indigo Web | #статья #ru
Indigo Web | Frontend & Backend
30 Aug, 16:06
Вайбкодим «Полный путь разработки 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
Indigo Web | Frontend & Backend
29 Aug, 17:58
💻 Реконструкция Grok Bot для macOSОсновные возможности: ⏺Воссозданный исходный код Grok Bot 0.18.0 ⏺Расширенная функциональность для macOS ⏺Неофициальный проект для изучения исходников и работы на Mac— Стоит открыть разработчикам, которым интересен исходный код и работа Grok Bot на macOS.🖥 Репозиторий на GitHub🤓 Indigo Web | #репозиторий #en
Indigo Web | Frontend & Backend
29 Aug, 15:40
Вайбкодим «Полный путь разработки 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
Indigo Web | Frontend & Backend
29 Aug, 09:53
😎 Создание PWA тренажера английского языка на ReactЧто в статье: ⏺React и IndexedDB: как устроено локальное хранение данных в PWA ⏺LLM как узкий подрядчик: разделение задач между алгоритмами и нейросетями ⏺Автоматический парсинг субтитров YouTube для вычленения незнакомых слов— Архитектура PWA на React с локальным хранением в IndexedDB решает задачу создания персонального тренажера без сложных серверных бэкендов.🖥 Читать статью🤓 Indigo Web | #статья #ru
Indigo Web | Frontend & Backend
28 Aug, 19:51edited
👨💻 Glassmorphism-карточкаСтекло из трёх строк CSS. Backdrop-filter: blur() размывает всё позади карточки, полупрозрачный фон + тонкая рамка дают эффект стекла. Эффект работает на чистом CSS, без JavaScript🖥 Ссылка на код🤓 Indigo Web | #фишка
Related Channels
Other channels in the same section of the catalogue.
