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

‍🧠 Mastra — фреймворк на TypeScript для создания AI-агентов ⚡ Ассистенты, RAG, наблюдаемость, интеграции 📌 Что умеет Mastra (1.9K⭐ на GitHub): 🔗 Унифицированный интерфейс для LLM — Поддержка OpenAI, Anthropic, Gemini и других через Vercel AI SDK — Потоковые ответы, переключение моделей без боли 🛠 Агенты с действиями и инструментами — LLM сам выбирает действия — Доступ к функциям, внешним API, инструментам, базе знаний — Работа с типизированными функциями (Tools), валидация аргументов 🔄 Сценарии и графы (Workflows) — Состояния, циклы, ветвления, ожидание человека — Обработка ошибок, повторы, вложенные сценарии — Визуальный редактор + поддержка кода — Встроенный OpenTelemetry для трейсинга 📚 RAG-пайплайны — Создание базы знаний: чанкинг, эмбеддинги, векторный поиск 🔌 Интеграции с внешними сервисами — Автоматическая генерация типизированных API-клиентов — Можно использовать как инструменты или шаги в сценариях 🧪 Оценка (Evals) LLM-ответов — Поддержка: модельная, по правилам, статистическая — Баллы от 0 до 1, с возможностью кастомных промптов и логики 🔧 GitHub (https://github.com/mastra-ai/mastra) #TypeScript #AIagents #RAG #OpenAI #Gemini #Mastra #DevTools

CSS совет 💡 Возможно, ты не знал об этом новом и самом простом способе вертикально центрировать контент в блочном макете.

💡 Бесплатный ресурс для веб-разработчиков: 12 удобных инструментов в одном месте. Внутри — генераторы треугольников, теней, градиентов, оптимизация SVG, конвертеры и многое другое. Все инструменты простые, визуальные и доступны бесплатно. https://omatsuri.app/

🧠 Gemini Fullstack LangGraph — умный AI, который реально умеет гуглить Этот проект — готовый fullstack-пример с фронтендом на React и backend-агентом на LangGraph, который умеет проводить глубокие исследования по пользовательскому запросу. И делает это по-взрослому: генерирует поисковые фразы, гуглит, анализирует пробелы в знании и уточняет запросы, пока не соберёт обоснованный ответ с источниками. 🚀 Что под капотом: 💬 Fullstack-приложение: React + LangGraph 🧠 LangGraph-агент, управляемый Google Gemini 🔍 Динамическая генерация поисковых запросов 🌐 Поиск через Google Search API 🤔 Умная самооценка: где не хватает знаний — туда и копает 📄 Ответы с цитатами и источниками 🔄 Горячая перезагрузка — удобно в разработке (и фронт, и бэк) 📦 Подходит для тех, кто хочет собрать исследовательского AI-ассистента с реальным выходом в веб. 🔗 Репозиторий (https://github.com/google-gemini/gemini-fullstack-langgraph-quickstart)

Необычное отображение соцсетей с анимацией при наведении на них #кнопки #соцсети #hover https://codepen.io/Stockin/pen/mzydLz

Релиз через два дня. Код готов. Почти... Остались тесты. Ну, точнее — покрытие. Потому что QA уже дышит в затылок, а ты сидишь и выбираешь: спать или корпеть до утра. Explyt Test умеет создавать тесты под твой код — сам. Быстро. В IDE. Без плясок. Хочешь, чтобы релиз прошёл, а не пролетел? Попробуй бесплатно! 👉 explyt.ai (https://tglink.io/c34ee4f772e8?erid=2W5zFHxq4oz)

DGM.js — библиотека для рендеринга и работы с холстами, содержащими «умные» фигуры, которые вы можете использовать в сценариях и задавать различные ограничения/свойства. Поддерживает: 💡 Умные фигуры (скрипты, ограничения, расширенные свойства) 🔧 Безинтерфейсные компоненты (React) 🔥 Бесконечное полотно 📑 Многостраничная поддержка 👍 Рукописные стили 👥 Совместная работа в реальном времени 🎨 Тёмный режим (адаптивные цвета) 📸 Экспорт в изображение (PNG, JPEG, WebP, SVG) 📕 Экспорт в PDF 🔤 Богатый текст 🧑🏻‍💻 Экспорт/импорт в формате JSON https://github.com/dgmjs/dgmjs

‍🚀 Вышел Angular v20 — крупный апдейт без лишнего шума, но с важными изменениями! Команда Angular выкатили версию 20 — без глобальных революций, но с мощными улучшениями под капотом. Вот главное: 🧠 Что нового: • Поддержка Zone-less Change Detection — можно работать без zone.js, что даёт прирост производительности и предсказуемость в рендеринге • Signal-компоненты по умолчанию (в Developer Preview) — декларативный, реактивный и понятный способ управления состоянием • Улучшенная производительность благодаря оптимизации AOT-компиляции • Минимальные версии Node 18+ и TypeScript 5.4+ • Новый флаг standalone для упрощённой структуры проектов 🛠️ Инструменты и девэксп: • Расширенные DevTools для отладки Signal-компонентов • Улучшенное время сборки и поддержка CSS-компиляции • Поддержка строгих типов в шаблонах (`strictTemplates`) по умолчанию 📦 Переходить не страшно: Angular 20 — это стабильный, обратносовместимый апдейт, фокусирующийся на DX и будущей модульности. 🔗 https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301

‼️Тест по React JS от OTUS — Ответьте на 30 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js по спец. цене! 👉ПРОЙТИ ТЕСТ - https://clck.ru/3MKqJ7 Курс доступен в рассрочку. ❇️ Пройдите тест и получите: ✔️ Живое общение с экспертами ✔️Получите видео-курс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «React.js Developer» Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

🚀 awesome-saas — подборка AI-SaaS шаблонов от Alchemyst Проект (https://github.com/Alchemyst-ai/awesome-saas) — это коллекция готовых шаблонов для создания SaaS-приложений на базе платформы Alchemyst AI. 📦 Что внутри: • Готовые шаблоны API-продуктов • Примеры из сфер образования, SEO, документооборота и рекрутинга • Поддержка от команды Alchemyst и сообщества • Простая система добавления своих проектов через GitHub 🧠 Примеры шаблонов: • SyllabAI — генерация учебных планов • zendocs — AI-документация и SEO для B2B • MASHire — автоматизация рекрутинга (от сообщества) 🔁 Обновление репозитория происходит автоматически — достаточно добавить тег alchemyst-awesome-saas к своему публичному проекту, и он появится в списке. 🎯 Цель проекта: Показать, как быстро и просто можно построить AI-продукт с помощью Alchemyst — генеративной платформы для создания цифровых сотрудников. 🔗 Репозиторий: https://github.com/Alchemyst-ai/awesome-saas

Формошлёп (https://t.me/+hHvPeh2euSY5MGJi) — сотни хаков для фронтендеров в одном месте Никакой скучной теории, воды и прочей шляпы, только практические примеры, которые работают. 👉 Подписывайся на @frontbox — стань тем, кто знает, как решить проблему, пока остальные ищут ответ на Stack Overflow.

🕵️‍♂️ Pinkerton — инструмент для поиска секретов в JavaScript Это мощный open-source сканер, созданный для автоматического поиска чувствительных данных (API-ключей, токенов, паролей) в JavaScript-файлах на веб-сайтах. 🔍 Что делает Pinkerton: • Краулит сайт, собирая все JS-файлы • Ищет утечки с помощью регулярных выражений • Находит API-ключи, JWT, access tokens, пароли и многое другое ⚙️ Как использовать: git clone https://github.com/000pp/Pinkerton.git pip3 install -r requirements.txt python3 main.py -u https://example.com 🧠 Кому подойдёт: • Пентестерам и багхантером • DevSecOps специалистам • Любому, кто хочет проверить, не утекли ли ключи в фронт-коде 📦 Поддерживается в BlackArch Linux 🔓 Лицензия: MIT 🌟 300+ звёзд на GitHub 💬 Pinkerton — отличный инструмент для тех, кто хочет автоматизировать безопасность своего фронта и не допустить утечек ключей. #pentest #security #bugbounty #opensource #js #infosec #Pinkerton https://github.com/000pp/Pinkerton

Минималистичный hover-эффект для ссылок навигации #hover #меню #ссылки https://codepen.io/jstn/pen/mdoOZJ

💻 Хотите стать востребованным Fullstack-разработчиком? Откройте для себя новые возможности с обучением OTUS! ❗️На курсе вы научитесь всему, что нужно для того, чтобы стать универсальным разработчиком, который создает как фронтенд, так и серверную часть веб-приложений. Освоите: HTML, CSS, JavaScript, React, TypeScript, Node.js и многое другое. Пройдете все этапы разработки, от верстки до серверной настройки. По окончании программы у вас будет: ✅ 3 реальных проекта в портфолио ✅ Навыки, необходимые для работы в крупных компаниях ✅ Готовность к собеседованиям ✅ Уверенное понимание процесса разработки ✅ Возможность участвовать в интересных проектах ➡️ Оставьте заявку прямо сейчас: https://clck.ru/3MDcRF Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Минималистичная и красивая анимация для ненайденной страницы #страница404 https://codepen.io/digilou/pen/vzWjJo

Как получить карьерный буст и MacBook за подписку В интернете полно курсов по самопиару и карьерному развитию в IT, но все они не сравнятся с реальными кейсами от действующих практиков. Не нужно покупать дорогие консультации, чтобы перенять чужой опыт — достаточно подписаться на папку, где собралось более 30 лучших экспертов из IT и digital Это люди, которые не только построили успешную карьеру с нуля, но и основали собственные компании. Они собрались, чтобы прокачать тебя в маркетинге и дизайне, а ещё провести розыгрыш. Подпишись на них и получи один из 3 призов: 🥇Главный приз — MacBook Air (M2) 🥈2 место: Яндекс Станция Лайт 2 🥉3 место: Наушники HUAWEI Freebuds 5i Участвуешь? 1. Подпишись на папку 2. Подтверди участие в боте 19 июня в прямом эфире опубликуем итоги розыгрыша!

🌐 Руководство: Как создать онлайн-конвертер изображений в PDF с помощью HTML, CSS, JS и NodeJS! 🔗 Ссылка: *клик* (https://www.freecodecamp.org/news/build-an-online-image-to-pdf-converter-with-html-css-js-nodejs/)

🎭 Maska — легковесная библиотека для масок ввода. Инструмент весит всего 3КБ кода, но с поддержкой кастомных токенов, динамических масок и даже специального режима для денежных значений. Библиотека работает как с нативными input, так и с кастомными компонентами, а ещё поддерживает Vue, Alpine.js и Svelte из коробки. 🤖 GitHub (https://github.com/beholdr/maska)

Не просто кнопка "Загрузить": Секреты работы с файлами в React 🎓 19 мая в 20:00 — бесплатный вебинар для разработчиков, которые хотят делать удобную и безопасную загрузку файлов в React-приложениях. Что покажем: — Drag & Drop, предпросмотр, валидация — всё, что ждали от UX; — Обработка PDF, Excel и изображений прямо в браузере; — Как не «положить» интерфейс при загрузке тяжёлых файлов; — Защита от XSS, проверка MIME-типов и другие нюансы безопасности. 📌 Для фронтендеров и fullstack-разработчиков, которым важна клиентская оптимизация. В программе — реальные примеры кода, которые можно сразу использовать. Урок пройдет в преддверии старта курса «React.js Developer». Каждый участник вебинара получит скидку на обучение. Регистрация: https://clck.ru/3M4cso Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

🚀 Nova — новый движок JavaScript/Wasбm на Rust. Этот экспериментальный проект пытается переосмыслить архитектуру JS-движков через призму data-oriented design. Вместо классических указателей Nova использует индексы и векторы, чтобы минимизировать накладные расходы и улучшить кэширование. Пока движок далёк от готовности, но подход к разработке вызывает интерес, например safepoint garbage collector, построенный на особенностях системы заимствований Rust — это попытка максимально приблизить структуру кода к ECMAScript-спецификации. 🤖 GitHub (https://github.com/trynova/nova)