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

⏰ Croner — кросс-платформенный планировщик задач для JavaScript/TypeScript. Этот инструмент предлагает свежий взгляд на работу с cron-выражениями, поддерживая Node.js, Deno, Bun и даже браузеры. Croner имеет уникальные возможности вроде вычисления следующих N запусков и контроля временных зон через `Europe/Stockholm`-формат. Что выделяет проект: — Поддержка сложных выражений с модификаторами L (последний день месяца) иенный(N-й день недели) — Встроенная защита от наложений — Гибкое управление задачами через pause/resume/stop — Работа с датами через ISO 8601 и JS Date — Полная TypeScript-поддержка 🤖 GitHub (https://github.com/Hexagon/croner)

Эффект перетекания освещения от карточки к карточке при наведении курсора мыши #hover #карточки https://codepen.io/Hyperplexed/pen/MWQeYLW

🧩 GenAIScript — библиотека для программирования промптов и работы с LLM. Проект предлагает необычный подход: вместо написания статичных текстовых запросов, вы конструируете их программно, используя JavaScript. Скрипты поддерживают работу с файлами, валидацию данных через схемы и интеграцию с внешними API. Инструмент имеет встроенную поддержку различных провайдеров (OpenAI, Anthropic, GitHub Copilot) и возможность запуска локальных моделей через Ollama. 🤖 GitHub (https://github.com/microsoft/genaiscript)

Хорошая возможность потрогать траву через JavaScript Summer Afternoon (https://summer-afternoon.vlucendo.com/)

🟦 High-fidelity 3D: новый уровень генерации с Sparc3D Генерация качественных 3D-объектов остаётся сложнее, чем 2D-изображений — меши неструктурированы, а плотные воксельные сетки требуют огромных ресурсов. Обычные пайплайны VAE+диффузия теряют детали из-за неэффективных представлений и несовпадения форматов. Sparc3D решает эти проблемы с помощью единого фреймворка: • Sparcubes — sparse deformable marching cubes-репрезентация, превращающая любые меши в поверхности высокого разрешения (1024³), подходящие для оптимизации и обучения. • Sparconv-VAE — первый вариационный автокодировщик на спарс‑сверточных сетях, согласованный с форматом данных и не теряющий мелкие детали. • Фреймворк интегрируется с диффузионными моделями, обеспечивая точную, масштабируемую и эффективную генерацию сложных 3D-форм, включая открытые поверхности, разъединённые компоненты и мелкую геометрию. Sparc3D устанавливает новый стандарт точности и детализации при генерации 3D-объектов, сокращая издержки на обучение и инференс. Live demo 👉https://huggingface.co/spaces/ilcve21/Sparc3D 🏠 Homepage: https://lizhihao6.github.io/Sparc3D/ 📄 Paper: https://arxiv.org/abs/2505.14521

🔧 Postman + JavaScript: быстрый старт в автоматизированном тестировании Хотите научиться уверенно тестировать API и запускать автоматизированные проверки с нуля? ⏺19.06 апреля в 20.00 мск. приходите на бесплатный вебинар и разберите пошагово, как использовать Postman и JavaScript для автоматизации тестирования! На вебинаре вы узнаете: – Как создавать API-запросы в Postman с нуля – Как писать автотесты и работать с jwt-авторизацией – Как использовать коллекции, переменные и окружения – Как писать скрипты на JavaScript прямо в Postman ➡️ Регистрация на вебинар: https://clck.ru/3Maebo Урок приурочен к старту курса "JavaScript QA Engineer", на котором вы научитесь организовывать комплексное автоматизированное тестирование веб-приложений. Успей воспользоваться 🏷10% скидкой и 🎁 бонусным промокодом QA_JS5 . Выгодные условия действуют с 12 по 15 июня включительно! Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

⚙️ Проверяй совместимость JavaScript-кода за секунды 🔍 Runtime-compat — это удобный инструмент, который быстро подскажет, какие JS-фичи из вашего проекта поддерживаются в разных средах выполнения, а какие могут сломаться. Просто запусти его — и получишь отчёт о том, что будет работать в Node.js, Deno, Bun, Cloudflare Workers и других рантаймах. Отлично помогает ещё до деплоя понять, что нужно переписать или полифилить. 📦 Поддерживает: - Node.js - Deno - Bun - Cloudflare Workers - и другие Если ты пишешь кросс-рантайм код — это must-have инструмент. https://runtime-compat.unjs.io/ #инструменты #javascript

💻 Хотите освоить основы веб-разработки с нуля? Откройте для себя важнейшие инструменты HTML На открытом вебинаре вы подробно разберетесь: ▸ С основными HTML-тегами. ▸ Научитесь применять их атрибуты для стилизации и функциональности. ▸ Мы покажем, как правильно структурировать контент с использованием семантической разметки. ▸ Что поможет вам улучшить SEO и доступность веб-страниц. 🔹 Вы узнаете, как создавать веб-страницы, которые не только выглядят красиво, но и эффективно работают на поисковики и доступны для пользователей с ограниченными возможностями. 📅 Урок 17 июня в 19:00 МСК проходит в преддверие старта курса «Fullstack Developer», все участники получат скидку 5% на обучение по промокоду FULLSTACK_6 🔴 Регистрация открыта: https://clck.ru/3MYCB6 Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

🤖 Пройди тест по Flutter и проверь свои знания, готов ли ты к обучению на курсе. Ответишь — пройдешь на курс "Flutter Mobile Developer" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса За 5 месяцев обучения вы научитесь создавать современные кроссплатформенные приложения с помощью Flutter, а также создадите свой аналог Telegram, CoinMarketCap, Todoist. Вас ждут практические домашние задания, которые помогут вам не только применить знания на практике, но и помочь в реализации проектной работы. ➡️ ПРОЙТИ ТЕСТ: https://clck.ru/3MWyDe Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

‍🧠 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