JavaScript задачи с собеседований
Відкрити в Telegram
Задачи, тесты и теоретические вопросы по JavaScript. Так же react, vue, angular, node.js Прислать задачу/вопрос в дар: @cyberJohnny Сотрудничество: @cyberJohnny
Показати більше4 806
Підписники
-124 години
-107 днів
-3530 день
Архів дописів
+2
🚀 Promises-Training — практикуй промисы в JavaScript
Promises-Training — это коллекция упражнений по промисам с автоматическими тестами, где можно прокачать работу с async/await, .then/.catch, конкурентным выполнением и ограничением параллельности.
⏩ Почему полезно:
- Пошаговый рост сложности: от простых примеров до нетривиальных сценариев.
- Автотесты сразу показывают, правильно ли решена задача.
- Хорошо подходит, чтобы глубже понять асинхронность и промисы.
- Есть упражнения по реальным случаям: parallelMaxConcurrency, concurrencyOverride, extractingResolvers и др.
📦 Как начать:
npm create promises-training@latest
Запуск проверки конкретного упражнения:
npm run check /
🔥 Итог: отличный способ на практике закрепить работу с промисами и уверенно освоить асинхронность в JS.
Лежит тут: https://github.com/henriqueinonhe/promises-training
#javascript #тренажер #js
🔍 Проверка зависимости в CI
Provenance Action помогает обеспечить безопасность зависимостей в вашем проекте, выявляя изменения в их происхождении и статусе доверенного издателя. Поддерживает различные форматы lock-файлов и предоставляет аннотации в GitHub для упрощения анализа.
🚀 Основные моменты:
- Проверяет изменения в npm-происхождении зависимостей
- Поддерживает pnpm, yarn, bun и другие lock-файлы
- Генерирует JSON-вывод с результатами проверки
- Встраивает аннотации в lock-файлы для удобства
- Разработан на TypeScript, требует Node 24+
📌 GitHub: https://github.com/danielroe/provenance-action
#typescript
Table tenniCSS
Создано на HTML и SCSS, без использования JS.
#css
https://codepen.io/amit_sheen/pen/PobQjMX
Совет по CSS 💡
Иногда фавикон отлично смотрится в светлой теме, но выглядит плохо (или вовсе исчезает) в тёмной, и наоборот.
Такие мелкие детали могут портить общее впечатление от сайта.
Вот как это исправить 👆
🖥 bknd (https://github.com/bknd-io/bknd) — проект, который предоставляет решения для быстрого создания серверной инфраструктуры и бэкенда для мобильных приложений и веб-сервисов!
🌟 Это платформа для упрощения работы с бэкендом, обеспечивающая API для обработки пользователей, данных и аутентификации, а также другие серверные функции. Этот репозиторий направлен на разработчиков, которые хотят быстро создавать серверную часть своих приложений без необходимости писать серверный код с нуля.
🌟 Основные особенности проекта включают простоту интеграции, поддержку аутентификации и управления пользователями, а также возможность работы с реальным временем и уведомлениями.
🔐 Лицензия: MIT
🖥 Github (https://github.com/bknd-io/bknd)
Верстаешь?
Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:
1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке от эксперта;
6. Научишься использовать ChatGPT и Giga во Frontend-разработке;
7. Узнаешь 9 способов найти первый заказ даже без опыта.
А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 12-летним стажем – Романа Чернова.
👉 Проскочить на интенсив бесплатно (https://itlogia.ru/intensive/front?utm_source=tg&utm_medium=group&utm_campaign=fr_250925&utm_content=150925_javascriptv&erid=2W5zFJGawfN)
Начинаем уже завтра.
🔥 С нас обучение, практика и помощь с выходом на фриланс или собеседованием.
🎉 Открытая платформа для AI-чатов
Open-Fiesta — это многофункциональная среда для общения с ИИ, построенная на Next.js. Пользователи могут переключаться между различными провайдерами и моделями, сравнивать результаты и использовать веб-поиск и вложения изображений.
🚀 Основные моменты:
- Поддержка нескольких провайдеров (Gemini, OpenRouter и др.)
- Выбор до 5 моделей для работы
- Веб-поиск и вложения изображений
- Чистый интерфейс и удобное управление
📌 GitHub: https://github.com/NiladriHazra/Open-Fiesta
Solid
Эффект анимации при наведении мыши на текст.
#js
https://codepen.io/Sidstumple/pen/RwGJOow
🔥 Самая масштабная атака на экосистему JavaScript
Фишингом угнали npm-аккаунт мейнтейнера qix и пушнули апдейты в 18 ключевых пакетов (chalk, debug, strip-ansi, color-convert и др.) — суммарно это ~2,6 млрд загрузок в неделю.
В обновления вставили браузерный крипто-«клиппер»: на сайтах/в приложениях с уязвимыми версиями он перехватывает трафик и подменяет адреса кошельков.
Скомпрометированные версии — удалить немедленно из всех сред (локальные машины разработчиков, CI/CD, прод):
ansi-styles@6.2.2
debug@4.4.2
chalk@5.6.1
supports-color@10.2.1
strip-ansi@7.1.1
ansi-regex@6.2.1
wrap-ansi@9.0.1
color-convert@3.1.1
color-name@2.0.1
is-arrayish@0.3.3
slice-ansi@7.1.1
color@5.0.1
color-string@2.1.1
simple-swizzle@0.2.3
supports-hyperlinks@4.1.1
has-ansi@6.0.1 (https://t.me/+3TkE0J8wU-VmMTcy)
chalk-template@1.1.1
backslash@0.2.1
error-ex@1.3.3
⚡️ Что стоит сделать:
▪Удалить уязвимые версии из дерева зависимостей, пересобрать и задеплоить исправления.
▪Проверить lock-файлы (package-lock.json, yarn.lock, pnpm-lock.yaml) и node_modules на присутствие перечисленных версий.
▪ Очистить кэш менеджера пакетов: npm cache clean --force, yarn cache clean, pnpm store prune.
▪ Переустановить зависимости с нуля (удалив node_modules и lock-файлы) и заново зафиксировать версии.
▪ Пересобрать фронтенд-бандлы, инвалидировать CDN/кэши, перезапустить рантаймы.
▪ Проверить логи на внешние запросы из бандла, провести аудит внесённых PR/коммитов.
▪ Ротировать ключи/токены, если могли утечь, и ужесточить 2FA/доступ к npm.
📌 Разбор атаки (https://jdstaerk.substack.com/p/we-just-found-malicious-code-in-the)
#security #npm #javascript #supplychain #infosec #malware
Инструмент для изучения музыкальной теории!
• Основа — JavaScript, но знать его необязательно: гайд выучить создать всё.
• Учит программированию и музыке через практику, без скучного сольфеджио.
• Поддерживает MIDI и OSC для интеграции с синтезаторами или музыкальными сетапами.
• Создавайте крутые треки без знаний нот и ритма — Strudel сделает всё за вас!
Айтишники, становятся диджеями ! 🚀
https://strudel.cc/
📱 JavaScript. Что будет выведено в консоль?
Ответ (https://telegra.ph/CHto-budet-vyvedeno-v-konsol-08-08-14)
🚀 Инструмент для трансформации репозиториев с помощью ИИ
Repomirror позволяет выполнять преобразования в кодовых репозиториях, используя возможности искусственного интеллекта. Проект вдохновлён работой @ghuntley и включает несколько примеров, таких как порты популярных библиотек на разные языки.
🚀 Основные моменты:
- AI-трансформации для кодовых репозиториев
- Поддержка нескольких языков программирования
- Примеры проектов для вдохновения
- Активное сообщество разработчиков
📌 GitHub:
#javascript
https://github.com/repomirrorhq/repomirror
Совет по HTML 💡
Примеры использования элементов thead, tbody и tfoot в HTML
🙌🙌🙌🙌 30 документов для тех, кто в диджитал
В преддверии новой активности мы собрали в одну папку 30 Telegram-каналов известных профессионалов и попросили их авторов подготовить для вас документы, которые помогут:
🔴Провести исследование через ИИ;
🔴Сдавать работы и получать акт день в день;
🔴Контролировать сроки и качества проектов;
🔴Отслеживать упоминания бренда в нейропоиске;
🔴Провести аудит HR-процессов;
🔴и еще много много всего!
❗️ Сохранив единожды папку «Документы для тех, кто в диджитал», вы сможете спокойно пройтись по всем каналам и скачать множество авторских документов, которые точно пригодятся в работе.
Также они проводят розыгрыш с топовыми призами:
🥇Главный приз — MacBook Air (M2)
🥈2 место: Яндекс Станция Лайт 2
🥉3 место: Наушники HUAWEI Freebuds 5i
Как участвовать:
1. Подпишись на папку: https://t.me/addlist/AYTpZaCWIxA5NWNi
2. Подтверди участие в боте
До встречи 25 сентября — дата объявления победителя!
🚀 СClaudable!
Claudable — это мощный конструктор веб-приложений на базе Next.js, который позволяет создавать и развертывать приложения, просто описывая их идею. Используя возможности AI-агента Claude Code, вы мгновенно получаете рабочий код и живой превью вашего приложения.
🚀 Основные моменты:
- Генерация кода на основе естественного языка
- Мгновенный просмотр изменений с функцией горячей перезагрузки
- Легкое развертывание на Vercel с одним кликом
- Интеграция с Supabase для работы с базами данных
- Автоматическое обнаружение и исправление ошибок
📌 GitHub: https://github.com/opactorai/Claudable
📄🚀 Удобный просмотр кода с rendergit
С помощью rendergit вы можете легко преобразовать любой репозиторий GitHub в статическую HTML-страницу с подсветкой синтаксиса и навигацией. Идеально подходит для быстрого просмотра, анализа кода и удобного поиска.
🚀Основные моменты:
- Два режима просмотра: Человеческий и LLM
- Подсветка синтаксиса и рендеринг Markdown
- Умное фильтрование больших файлов
- Адаптивный дизайн для мобильных устройств
- Удобная навигация по файлам
📌 GitHub: https://github.com/karpathy/rendergit
Вже доступно! Дослідження Telegram за 2025 — головні інсайти року 
