Я смотрю, как AI-скептики вручную верстают лендинг, потому что «LLM - это всего лишь предсказание следующего токена».

Уложить карту, графики, фильтры и таблицы на один экран, дать пользователю гибкость, при этом не сломать UX и не перегрузить браузер — звучит мощно.

Так мы переделали интерфейс 2ГИС Про (это наш сервис геоаналитики для бизнеса) от визуальной модели до архитектуры. Ниже — лишь часть наших обновлений.

🔰 Сетка и адаптивность
🔰 Карта теперь виджет
🔰 Без потери событий
🔰 Кастомные ручки изменения размера карточки
🔰 Виртуализация и производительность
🔰 Плавные анимации и скрытие виджетов

Наш опыт будет точно полезен для разработчиков UI, веб-инженеров, работающих с дашбордами и тем, кто строит большие аналитические продукты.

Полный разбор с кодом и архитектурными решениями в нашей статье на Хабр

Другие инженерные инсайты от 2ГИС → в Telegram-канале RnD

🕹️ Discord ID Bypass Tool: Управляйте 3D-аватарами в реальном времени!

Этот инструмент позволяет контролировать голову и рот 3D-аватара с помощью геймпада или клавиатуры, что помогает обойти проверки Discord. Поддерживает форматы VRM, FBX и GLB, с автоматическим определением костей и возможностью тестирования морфов.

🚀Основные моменты:
- Поддержка нескольких форматов моделей
- Автоматическое определение костей
- Тестирование морфов для управления выражениями
- Управление с помощью геймпада и клавиатуры
- Никакой установки — работает в любом современном браузере

📌 GitHub: https://github.com/promptpirate-x/discord-id-bypass-tool

ЧИСТЫЙ
100% JAVASCRIPT БЭКЕНД
БЕЗ ФРЕЙМВОРКОВ
ВРЕМЯ СТАРТА 0.05 СЕКУНД

🎨 Excalidraw MCP App: Интерактивные диаграммы в чате

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

🚀 Основные моменты:
- Поддержка интерактивных диаграмм в чате
- Легкая интеграция с Claude.ai
- Возможность локального развертывания
- Удобный интерфейс для рисования
- Постоянные обновления и улучшения

📌 GitHub: https://github.com/antonpk1/excalidraw-mcp-app

#javascript

Что выведет этот код?

console.log("A")

setTimeout(() => console.log("B"), 0)

Promise.resolve().then(() => console.log("C"))

console.log("D")

A
D
C
B

Разбор по шагам.

• Сначала выполняется синхронный код (Call Stack):
• console.log("A") → выводит A
• setTimeout(..., 0) → колбэк отправляется в macrotask queue
• Promise.resolve().then(...) → колбэк отправляется в microtask queue
• console.log("D") → выводит D

После этого основной поток завершён.

Затем Event Loop обрабатывает microtasks (они имеют более высокий приоритет):

выполняется Promise → выводит C

И только потом выполняются macrotasks:

• setTimeout → выводит B

Итоговый порядок выполнения:

Sync → Microtasks (Promise) → Macrotasks (setTimeout)

Если кратко:

Promise всегда выполнится раньше setTimeout, даже если timeout = 0.

⚡️ Claude Code для Уолл-стрит

Появился проект Dexter - автономный AI-финансовый аналитик, который проводит полноценное исследование компании без участия человека.

Вы задаёте вопрос, например:
*NVIDIA недооценена по DCF?*

Дальше система работает сама:
- строит план исследования
- подтягивает актуальные рыночные данные
- загружает финансовую отчётность за 5 лет
- считает ключевые метрики и мультипликаторы
- проверяет свои же расчёты на ошибки
- формирует итоговый инвестиционный вывод

И всё это — автономно.

Как это устроено:

Dexter разбивает задачу на несколько этапов:
- получает текущие цены
- анализирует исторические P/E
- сравнивает с отраслевыми значениями
- проводит оценку (включая DCF)
- проверяет согласованность данных
- собирает всё в финальный аналитический тезис

Внутри — несколько агентов:
- один планирует исследование
- второй выполняет сбор и расчёты
- третий проверяет корректность цифр
- четвёртый пишет итоговый отчёт

Система умеет:
- читать отчёты SEC (10-K, 10-Q, 8-K)
- работать с реальными финансовыми метриками
- делать полноценную DCF-оценку

По сути, это как команда аналитиков:
один ставит задачи, второй ищет данные, третий проверяет расчёты, четвёртый пишет отчёт.

Только вся команда - это AI, и запускается прямо в терминале.

https://github.com/virattt/dexter

Идеи проектов для Frontend 💡

1. Проекты для начинающих

🔹 Интерфейс системы аутентификации
🔹 Динамический интерфейс дашборда
🔹 Многошаговая форма с валидацией
🔹 Интерфейс загрузки файлов с drag-and-drop
🔹 Интерфейс центра уведомлений

2. Проекты среднего уровня

🔸 Frontend интернет-магазина (фильтры, корзина, оформление заказа)
🔸 Интерфейс платформы для блогов (редактор, комментарии)
🔸 Интерфейс чата в реальном времени
🔸 Kanban-доска для управления задачами
🔸 Приложение для поиска фильмов / контента

3. Продвинутые проекты

🔺 Полноценный frontend социальной сети
🔺 Редактор для совместной работы в реальном времени
🔺 Продвинутый аналитический дашборд
🔺 Приложение с архитектурой micro-frontend
🔺 PWA-приложение с поддержкой работы офлайн

👩‍💻 Открытый урок «Анатомия памяти: типы данных, способы хранения, аллокации и работа GC»

🗓 2 апреля в 20:00 МСК

🆓 Занятие посвящено разбору данных вопросов. От понимания жизненного цикла переменной и того, как она хранится в памяти приложения, напрямую зависит его производительность и работоспособность. Мы обязательно разберем эти вопросы на нашем занятии.

На открытом уроке рассмотрим:
✔ Рассмотрим фрагменты памяти, из которых состоит память .net-приложения, поговорим о том какие бывают типы;
✔ Узнаем что из себя представляют процессы упаковки и распаковки;
✔ Посмотрим на нюансы работы с управляемой кучей;
✔ Разберем принципы работы сборки мусора.
🔗 Ссылка на регистрацию: https://otus.pw/rQMM/?erid=2W5zFK5zT9b

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Search Bar

Необычное поле для поиска, сделанное из svg картинки, анимированной в CSS.

https://codepen.io/nexii/pen/OJOdVey

☁️ ITENTIS CLOUD: топ-технологии без переплаты за логотип

ITENTIS CLOUD — это тот же класс технологий, что и у крупных облаков: изолированная облачная сеть, оркестрация контейнеров Kubernetes, S3-совместимое хранилище объектов, резервные копии-снимки, автоматическое масштабирование ресурсов, отказоустойчивые дата-центры. Только без надбавки за бренд.

📣 Главное: вы как системный администратор, фрилансер, тимлид или владелец небольшой команды можете зарабатывать сами! Подключаете клиентов или свою компанию к ITENTIS CLOUD — и с каждой оплаты регулярно получаете свой процент.

🔥 Никаких странных наценок, скрытых опций и сюрпризов в конце месяца: тарифы можно спокойно сравнивать с крупными провайдерами и видеть экономию.

Отдельный плюс — поддержка. Не бот и не формальная первая линия, а живой инженер 24/7, который помогает довести до результата: настроить Kubernetes, собрать нетиповую схему, аккуратно перенести сервисы.

💥 Перенесите часть проектов в ITENTIS CLOUD в тестовом режиме и посмотрите, как инфраструктура ведет себя в бою в течение бесплатных 14 дней.

👉🏻 Переходите на страницу ITENTIS CLOUD, чтобы посмотреть тарифы, условия партнерской программы и понять, как зарабатывать на инфраструктуре клиентов уже сейчас!

Houdini gradient border animation

Анимация градиентной рамки, реализованная на чистом CSS.

https://codepen.io/michellebarker/pen/gOMBPQj

Animated Upload Modal

Автор создает модальное окно для загрузки файлов на веб-странице. Модальное окно позволяет пользователю выбрать файл для загрузки, отслеживает процесс загрузки с помощью прогресс-бара и отображает различные состояния загрузки, такие как успешная загрузка или ошибка.

Для реализации данной функциональности используются HTML, CSS и JavaScript. В частности, HTML используется для создания структуры модального окна, CSS - для стилизации иконок и оформления окна, а JavaScript - для обработки действий пользователя, отслеживания состояний загрузки и визуализации этих состояний.

Нет использования фреймворков, но код использует библиотеку crypto в классе Utils для генерации случайных чисел.

🌐Ссылка на код

#вопросы_с_собеседований
Идентичный алфавит

Напишите функцию, принимающую две строки и возвращающую true в случае если строки состоят из одинаковых букв (порядок не важен). Иначе верните false.

isEqualSymbols('кит', 'тик'); // => true
isEqualSymbols('мда', 'да я'); // => false

Решение на картинке. Для ускорения мы сразу отбрасываем вариант, когда строки не равны по длине, далее делаем из строк массивы и сортируем по символам, затем склеиваем обратно и проверяем готовые строки на равенство.

Мигающие маяки

Карта показывает маяки, запрашивая информацию из Overpass API. Написано на JS.

https://github.com/geodienst/lighthousemap