JavaScript задачи с собеседований

🎨 Excalidraw MCP App: Интерактивные диаграммы в чате Сервер для потоковой передачи нарисованных от руки диаграмм Excalidraw с возможностью управления камерой и редактирования в полноэкранном режиме. Идеально подходит для создания визуализаций и архитектурных схем прямо в ваших беседах. 🚀 Основные моменты: - Поддержка интерактивных диаграмм в чате - Легкая интеграция с Claude.ai - Возможность локального развертывания - Удобный интерфейс для рисования - Постоянные обновления и улучшения 📌 GitHub: https://github.com/antonpk1/excalidraw-mcp-app #javascript

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

🕹️ Discord ID Bypass Tool: Управляйте 3D-аватарами в реальном времени! Этот инструмент позволяет контролировать голову и рот 3D-аватара с помощью геймпада или клавиатуры, что помогает обойти проверки Discord. Поддерживает форматы VRM, FBX и GLB, с автоматическим определением костей и возможностью тестирования морфов. 🚀Основные моменты: - Поддержка нескольких форматов моделей - Автоматическое определение костей - Тестирование морфов для управления выражениями - Управление с помощью геймпада и клавиатуры - Никакой установки — работает в любом современном браузере 📌 GitHub: https://github.com/promptpirate-x/discord-id-bypass-tool

Уложить карту, графики, фильтры и таблицы на один экран, дать пользователю гибкость, при этом не сломать UX и не перегрузить браузер — звучит мощно. Так мы переделали интерфейс 2ГИС Про (это наш сервис геоаналитики для бизнеса) от визуальной модели до архитектуры. Ниже — лишь часть наших обновлений. 🔰 Сетка и адаптивность 🔰 Карта теперь виджет 🔰 Без потери событий 🔰 Кастомные ручки изменения размера карточки 🔰 Виртуализация и производительность 🔰 Плавные анимации и скрытие виджетов Наш опыт будет точно полезен для разработчиков UI, веб-инженеров, работающих с дашбордами и тем, кто строит большие аналитические продукты. Полный разбор с кодом и архитектурными решениями в нашей статье на Хабр (https://tglink.io/225e5da7104d65?erid=2W5zFJkH5WH) Другие инженерные инсайты от 2ГИС → в Telegram-канале RnD (https://t.me/+tlIC-01HJwllZWEx?erid=2W5zFJkH5WH)

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

‍🖥 5 маленьких, но полезных библиотек React ▶️1. Urlcat Urlcat — это крошечная JavaScript-библиотека, которая делает очень удобным построение URL и предотвращает распространенные ошибки. Да, для построения URL можно использовать URL API. Но вам все равно придется позаботиться о некоторых деталях вместо того, так что используйте Urlcat. Вы ее подключаете, и она просто работает. Не нужно изучать сложные шаблоны или тратить часы на документацию. 🖥 Смело пробуйте, GitHub (https://github.com/balazsbotond/urlcat) ▶️2. UseHooks-ts UseHooks — это небольшая библиотека с хорошо написанными, задокументированными и полностью типизированными (для пользователей TypeScript) хуками для всех этих вещей. Использование этой библиотеки позволит вам не отвлекаться на мелочи и сосредоточиться на самом проекте. 🖥 GitHub (https://github.com/juliencrn/usehooks-ts) ▶️3. Logt Когда я пишу код фронтенда, я хочу иметь логи. Но с некоторыми требованиями: — логи должны быть полностью типизированными (чтобы использовать в Typescript) — они должны быть небольшими — у логов должны быть цветные ярлыки — мне нужны разные уровни логов — должна быть возможность скрывать некоторые логи в зависимости от условий (мб, в продакшен-сборке) — должна быть возможность отправлять эти логи куда-то еще (мб, в Sentry). После долгих поисков подходящей библиотеки, я нашел Logt, которая отвечает всем моим требованиям. 🖥 Рекомендую на 100%, GitHub (https://github.com/sidhantpanda/logt) ▶️4. Loadable Components Несколько ключевых моментов: Loadable Components поддерживает SSR (рендеринг на стороне сервера), Library Splitting (разделение библиотеки) и даже полный динамический импорт. Неплохо, да? Библиотека действительно проста в использовании. Практически plug-and-play. 🖥 GitHub (https://github.com/gregberge/loadable-components) ▶️5. Emoji Mart Работая над различными проектами, мне часто приходится иметь дело с эмодзи. Так что держите эту маленькую библиотеку. 🖥 Позвольте вам представить Emoji Mart, GitHub (https://github.com/missive/emoji-mart)

🚀 X/Twitter Research Agent for AI Эффективный CLI-инструмент для работы с X API. Позволяет искать, фильтровать и мониторить твиты, получая исследовательские данные без лишних усилий. Идеален для взаимодействия с AI-агентами и анализа контента. 🚀Основные моменты: - Поиск твитов с сортировкой и фильтрацией - Мониторинг аккаунтов через списки наблюдения - Быстрый режим для экономии ресурсов - Кэширование запросов для снижения затрат - Прозрачность расходов на каждую операцию 📌 GitHub: https://github.com/rohunvora/x-research-skill #typescript

🤖 Запустите Moltbot в Cloudflare Sandbox Moltworker позволяет запускать персонального AI-ассистента Moltbot в среде Cloudflare, обеспечивая управляемую и всегда доступную среду без необходимости самостоятельного хостинга. Проект демонстрирует возможность работы Moltbot в облачной песочнице, включая поддержку нескольких платформ для общения. 🚀 Основные моменты: - Персональный AI-ассистент с поддержкой Telegram, Discord и Slack - Веб-интерфейс для управления чатами - Безопасная аутентификация и управление устройствами - Хранение истории чатов для постоянного доступа - Опциональное использование R2 для хранения данных 📌 GitHub: https://github.com/cloudflare/moltworker

⚡️ Cloudflare переписали альтернативу Next.js… за неделю. Компания представила vinext - фреймворк, примерно на 94% совместимый с Next.js, но построенный на Vite и работающий напрямую в Cloudflare Workers. Самое интересное - скорость разработки. Проект был создан всего за одну неделю и разрабатывался вместе с AI. Что это значит: - крупные фреймворки теперь можно пересобирать заново очень быстро - стоимость разработки таких проектов резко падает - инфраструктурные и платформенные эксперименты становятся дешевыми https://x.com/Cloudflare/status/2026415441149571095

🎨 Превратите диаграммы Mermaid в красивые SVG и ASCII Pretty-Mermaid Skills — это инструмент для рендеринга диаграмм Mermaid, поддерживающий SVG и ASCII. Он предлагает множество тем и высокую производительность, идеально подходит для интеграции с AI-инструментами. 🚀 Основные моменты: - Поддержка нескольких форматов: SVG и ASCII - 15 встроенных тем для разных сценариев - Полная поддержка диаграмм: потоки, последовательности и др. - Высокая производительность с параллельным рендерингом - Готовые шаблоны и подробная документация 📌 GitHub: https://github.com/imxv/Pretty-mermaid-skills #javascript

🚀 CodePilot: GUI для Claude Code CodePilot — это настольное приложение с графическим интерфейсом для взаимодействия с Claude Code. Оно позволяет удобно общаться, писать код и управлять проектами без использования терминала. Приложение поддерживает управление сессиями, визуализацию файлов и настройку разрешений. 🚀 Основные моменты: - 💬 Реальное взаимодействие с Claude с поддержкой Markdown и подсветки синтаксиса. - 📂 Удобное управление сессиями и сохранение разговоров в SQLite. - 🎯 Контекст проекта с живым деревом файлов. - 🔒 Настройка разрешений для действий. - ⚙️ Поддержка нескольких режимов взаимодействия. 📌 GitHub: #javascript https://github.com/op7418/CodePilot

👩‍💻 Полезная подборку ресурсов, которые помогут прокачать TypeScript быстрее и без лишней теории: • TypeHero (https://typehero.dev/) – платформа для практики TypeScript. Готовые задачи разного уровня и возможность создавать свои — отличный способ набить руку на типах • TSdiagram (https://github.com/3rd/tsdiagram) – open-source инструмент: вставляете TS-файл и мгновенно получаете наглядную диаграмму интерфейсов, типов, классов и их связей. Очень удобно для разбора чужого кода или архитектуры • Visual Types (https://types.kitlangton.com/) – интерактивный мини-курс в формате playground’а, который помогает разобраться в сложных типах через эксперименты прямо в браузере Добавляйте в закладки — пригодится каждому, кто работает с TypeScript 👍

‍⚡️ Google: AI-агенты могут радикально изменить доступность технологий. Идея простая, но мощная, вместо того чтобы адаптировать интерфейсы под людей, агенты сами адаптируют технологии под каждого пользователя. Что меняется: - Интерфейс больше не фиксированный AI-агент может стать «прослойкой» между человеком и приложением: упрощать сложные формы, объяснять действия, автоматизировать шаги и переводить интерфейс в удобный формат. - Персонализация в реальном времени Агент учитывает: - особенности зрения, слуха, моторики - когнитивную нагрузку - уровень цифровых навыков - язык и контекст И подстраивает взаимодействие под конкретного человека. - Естественное взаимодействие Вместо кнопок и меню: - голос - текст - разговорный интерфейс Пользователь может просто сказать: «Заполни заявку», «Найди счёт», «Отправь письмо». - Автоматизация сложных задач AI может: - заполнять формы - навигировать по сайтам - выполнять многошаговые процессы - работать с несколькими системами одновременно - Universal Design нового уровня Классическая доступность — это отдельные режимы (screen reader, увеличенный текст и т.д.). С агентами доступность становится динамической и индивидуальной, а не одинаковой для всех. Почему это важно: Многие цифровые сервисы недоступны не из-за отсутствия функций, а из-за сложности интерфейсов. AI-агенты могут убрать этот барьер, превращая сложные системы в простой разговор. Главный вывод: Следующий этап доступности — это не новые кнопки и настройки. Это персональный AI-помощник, который адаптирует весь цифровой мир под человека. https://research.google/blog/how-ai-agents-can-redefine-universal-design-to-increase-accessibility/

Нужны 7 желающих для работы с искусственным интеллектом. Работа из дома. График свободный. Пришло задание — изучили — выполнили — получили свои деньги. Деньги вы получаете в зависимости от сложности задания. Например: За задание могут платить 500-10.000 рублей. В зависимости от сложности. 500 рублей — это около 5-30 минут. 10 000 руб. это 5-6 часов. Работа может быть разной: Оживить фото, создать видео, реставрировать старое фото и т.д. 💰 В среднем новичок получает до 150.000 руб в месяц. А опытный может и 300-500т. Мы обучим вас сами: — 3 дня уроков по 30 минут — Домашки с проверкой ⚡ Набор заканчивается завтра. Для регистрации жмите кнопку "Зарегистрироваться": Зарегистрироваться #реклама 16+ neuromachina.ru О рекламодателе

📚🚀 Prismer.AI — Альтернатива OpenAI Prism для научных исследований Prismer.AI — это открытая платформа для управления академическим процессом, от чтения статей до публикации. Она включает в себя AI-ридер PDF, облачное управление контекстом и редактор LaTeX, что делает её уникальной в сравнении с традиционными инструментами. 🚀Основные моменты: - AI-ридер с графами цитирования - Облачное управление знаниями с SDK - Поддержка анализа данных в Jupyter - Проверка цитат на соответствие базам данных - Многоагентная система для исследований 📌 GitHub: #typescript https://github.com/Prismer-AI/Prismer

Бесплатный курс по дизайну: веб, графический и UX/UI Научись создавать дизайн сайтов и приложений, инфографику для карточек на маркетплейсах и работать в Figma! Студенты курса в среднем зарабатывают от 68 000 ₽ уже во время обучения💰 Этот курс для тебя, если ты: ✅ мечтаешь о новой профессии в digital, но не знаешь, с чего начать; ✅ чувствуешь, что хочешь большего — свободы, самореализации, творчества; ✅ полный новичок и хочешь систему, а не хаос; ✅ хочешь начать зарабатывать удалённо. Зарегистрироваться #реклама 16+ ydaev.ru О рекламодателе

‍⚡️ TypeScript 6.0 Beta - что нового Microsoft выпустили TypeScript 6.0 Beta. В релизе — улучшения производительности, более точная типизация и изменения, которые упрощают работу с большими проектами. Вот основные изменения. Быстрее работа компилятора - Улучшена производительность проверки типов - Быстрее сборка крупных проектов - Оптимизации для больших monorepo TypeScript продолжает фокусироваться на скорости, особенно для больших кодовых баз. Улучшения типизации - Более точный вывод типов в сложных сценариях - Улучшения для generics - Лучшая работа с union и conditional types Меньше ситуаций, где приходится явно указывать типы вручную. ECMAScript и совместимость - Поддержка новых возможностей JavaScript - Улучшенная совместимость с современными runtime и bundler’ами - Обновления для работы с Node.js и современными инструментами сборки Инструменты и DX - Более понятные сообщения об ошибках - Улучшения в Language Service (автодополнение, навигация) - Улучшенная работа редакторов (VS Code и др.) Почему это важно Релиз не про новые «синтаксические фичи», а про: - скорость - стабильность - удобство разработки - масштабируемость для больших проектов Если у вас большой TypeScript-проект, обновление может дать заметный прирост производительности. 💥 Источник: https://devblogs.microsoft.com/typescript/announcing-typescript-6-0-beta/

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе

🎨 Создавайте красивые диаграммы с beautiful-mermaid! Этот инструмент позволяет быстро генерировать диаграммы Mermaid в формате SVG или ASCII, с возможностью кастомизации тем и без зависимостей от DOM. Идеально подходит для визуализации данных в терминале или интерфейсах. 🚀Основные моменты: - Поддержка 5 типов диаграмм: потоки, состояния, последовательности и др. - Двойной вывод: SVG для UI и ASCII для терминалов. - 15 встроенных тем и простота добавления собственных. - Мгновенное переключение тем без перерисовки. - Высокая скорость рендеринга — более 100 диаграмм за 500 мс. 📌 GitHub: https://github.com/lukilabs/beautiful-mermaid #typescript