🚀 Promises-Training — практикуй промисы в JavaScript
Promises-Training — это коллекция упражнений по промисам с автоматическими тестами, где можно прокачать работу с
⏩ Почему полезно:
- Пошаговый рост сложности: от простых примеров до нетривиальных сценариев.
- Автотесты сразу показывают, правильно ли решена задача.
- Хорошо подходит, чтобы глубже понять асинхронность и промисы.
- Есть упражнения по реальным случаям:
📦 Как начать:
Запуск проверки конкретного упражнения:
npm run check <category>/<exercise>
🔥 Итог: отличный способ на практике закрепить работу с промисами и уверенно освоить асинхронность в JS.
Лежит тут: https://github.com/henriqueinonhe/promises-training
#javascript #тренажер #js
@react_tg
Promises-Training — это коллекция упражнений по промисам с автоматическими тестами, где можно прокачать работу с
async/await, .then/.catch, конкурентным выполнением и ограничением параллельности. ⏩ Почему полезно:
- Пошаговый рост сложности: от простых примеров до нетривиальных сценариев.
- Автотесты сразу показывают, правильно ли решена задача.
- Хорошо подходит, чтобы глубже понять асинхронность и промисы.
- Есть упражнения по реальным случаям:
parallelMaxConcurrency, concurrencyOverride, extractingResolvers и др. 📦 Как начать:
npm create promises-training@latest
Запуск проверки конкретного упражнения:
npm run check <category>/<exercise>
🔥 Итог: отличный способ на практике закрепить работу с промисами и уверенно освоить асинхронность в JS.
Лежит тут: https://github.com/henriqueinonhe/promises-training
#javascript #тренажер #js
@react_tg
👍16❤8🔥4
🌊 Эффект жидкого стекла для React Native
Liquid Glass добавляет эффект жидкого стекла iOS 26 в приложения React Native. Позволяет настраивать цвета и использовать два режима эффекта: прозрачный и обычный. Идеально подходит для создания стильных интерфейсов.
🚀 Основные моменты:
- Эффект жидкого стекла для iOS 26
- Настраиваемые цвета и режимы
- Поддержка взаимодействия с элементами
📌 GitHub: https://github.com/callstack/liquid-glass
#javascript
Liquid Glass добавляет эффект жидкого стекла iOS 26 в приложения React Native. Позволяет настраивать цвета и использовать два режима эффекта: прозрачный и обычный. Идеально подходит для создания стильных интерфейсов.
🚀 Основные моменты:
- Эффект жидкого стекла для iOS 26
- Настраиваемые цвета и режимы
- Поддержка взаимодействия с элементами
📌 GitHub: https://github.com/callstack/liquid-glass
#javascript
❤5🥱1🥴1
Фишингом угнали npm-аккаунт мейнтейнера qix и пушнули апдейты в 18 ключевых пакетов (chalk, debug, strip-ansi, color-convert и др.) — суммарно это ~2,6 млрд загрузок в неделю.
В обновления вставили браузерный крипто-«клиппер»: на сайтах/в приложениях с уязвимыми версиями он перехватывает трафик и подменяет адреса кошельков.
Скомпрометированные версии — удалить немедленно из всех сред (локальные машины разработчиков, CI/CD, прод):
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
▪Удалить уязвимые версии из дерева зависимостей, пересобрать и задеплоить исправления.
▪Проверить 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.
📌 Разбор атаки
#security #npm #javascript #supplychain #infosec #malware
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11👍7🔥4❤🔥1
🎶 OpenSpot Music - Your Gateway to Limitless Music
OpenSpot Music предлагает возможность стриминга и скачивания музыки без рекламы и входа в систему. Доступно на мобильных и десктопных платформах, приложение обеспечивает высокое качество звука и удобный интерфейс.
🚀 Основные моменты:
- Мобильное приложение на React Native для Android и iOS
- Десктопное приложение на Electron для macOS, Windows и Linux
- Оффлайн-доступ и фоновое воспроизведение
- Поддержка локального хранения и управления окнами
📌 GitHub: https://github.com/BlackHatDevX/openspot-music-app
#javascript
OpenSpot Music предлагает возможность стриминга и скачивания музыки без рекламы и входа в систему. Доступно на мобильных и десктопных платформах, приложение обеспечивает высокое качество звука и удобный интерфейс.
🚀 Основные моменты:
- Мобильное приложение на React Native для Android и iOS
- Десктопное приложение на Electron для macOS, Windows и Linux
- Оффлайн-доступ и фоновое воспроизведение
- Поддержка локального хранения и управления окнами
📌 GitHub: https://github.com/BlackHatDevX/openspot-music-app
#javascript
GitHub
GitHub - BlackHatDevX/openspot-music-app: OpenSpot is a free and open-source music streaming application designed for a seamless…
OpenSpot is a free and open-source music streaming application designed for a seamless, high-fidelity listening experience. Built with a modern tech stack, it features a beautiful, responsive UI th...
👍4❤2
🚀 Углубленное изучение промисов в JavaScript
Этот репозиторий предлагает практические упражнения для освоения промисов и асинхронного программирования. Он предназначен для разработчиков с базовыми знаниями, желающих углубить свои навыки и научиться решать более сложные задачи.
🚀 Основные моменты:
- Упражнения разделены на категории: графовые, конкретные и базовые.
- Каждое упражнение имеет три уровня сложности: начальный, средний и продвинутый.
- Проект включает объяснения и контекст для каждой задачи.
- Подходит для разработчиков, стремящихся улучшить свои навыки работы с промисами.
📌 GitHub: https://github.com/henriqueinonhe/promises-training
#javascript
Этот репозиторий предлагает практические упражнения для освоения промисов и асинхронного программирования. Он предназначен для разработчиков с базовыми знаниями, желающих углубить свои навыки и научиться решать более сложные задачи.
🚀 Основные моменты:
- Упражнения разделены на категории: графовые, конкретные и базовые.
- Каждое упражнение имеет три уровня сложности: начальный, средний и продвинутый.
- Проект включает объяснения и контекст для каждой задачи.
- Подходит для разработчиков, стремящихся улучшить свои навыки работы с промисами.
📌 GitHub: https://github.com/henriqueinonhe/promises-training
#javascript
❤11
🚀 Интенсивный курс по JavaScript и веб-разработке
JSCamp — это bootcamp, который охватывает все от основ до продвинутых технологий JavaScript, включая HTML, CSS, Node.js и Docker. Участники создадут полноценный проект, применяя полученные знания, и получат доступ к видео и материалам на платформе JSCamp.dev.
🚀Основные моменты:
- Полный курс по JavaScript и веб-разработке
- Практический проект от начала до конца
- Доступ к видео и материалам на JSCamp.dev
- Опциональный сертификат и поддержка в Discord
- Обратная связь по CV и участие в воркшопах
📌 GitHub: https://github.com/midudev/jscamp
#javascript
JSCamp — это bootcamp, который охватывает все от основ до продвинутых технологий JavaScript, включая HTML, CSS, Node.js и Docker. Участники создадут полноценный проект, применяя полученные знания, и получат доступ к видео и материалам на платформе JSCamp.dev.
🚀Основные моменты:
- Полный курс по JavaScript и веб-разработке
- Практический проект от начала до конца
- Доступ к видео и материалам на JSCamp.dev
- Опциональный сертификат и поддержка в Discord
- Обратная связь по CV и участие в воркшопах
📌 GitHub: https://github.com/midudev/jscamp
#javascript
❤4🔥2👍1
🎸 It's MyTabs: Your Self-Hosted Tab Viewer
It's MyTabs — это веб-приложение для просмотра и воспроизведения гитарных и басовых табулатур. Поддерживает синхронизацию с аудиофайлами и видео на YouTube, а также предлагает простой интерфейс и мобильную совместимость.
🚀 Основные моменты:
- Открытый исходный код (MIT License)
- Поддержка различных форматов табулатур
- Синхронизация с аудио и видео
- Многофункциональный MIDI синтезатор
- Настраиваемые режимы курсора
📌 GitHub: https://github.com/louislam/its-mytabs
#javascript
It's MyTabs — это веб-приложение для просмотра и воспроизведения гитарных и басовых табулатур. Поддерживает синхронизацию с аудиофайлами и видео на YouTube, а также предлагает простой интерфейс и мобильную совместимость.
🚀 Основные моменты:
- Открытый исходный код (MIT License)
- Поддержка различных форматов табулатур
- Синхронизация с аудио и видео
- Многофункциональный MIDI синтезатор
- Настраиваемые режимы курсора
📌 GitHub: https://github.com/louislam/its-mytabs
#javascript
🔥9❤2👍1
🌐 Интерактивная визуализация данных для SVI
SVI — это инструмент для интерактивной визуализации данных, который позволяет пользователям легко исследовать и анализировать сложные наборы данных. Он предлагает интуитивно понятный интерфейс и мощные функции для создания наглядных графиков и диаграмм.
🚀Основные моменты:
- Интерактивные графики для глубокого анализа данных
- Поддержка различных форматов данных
- Легкость в использовании и настройке
- Возможность интеграции с другими инструментами
📌 GitHub: https://github.com/samihadouaj/svi
#javascript
SVI — это инструмент для интерактивной визуализации данных, который позволяет пользователям легко исследовать и анализировать сложные наборы данных. Он предлагает интуитивно понятный интерфейс и мощные функции для создания наглядных графиков и диаграмм.
🚀Основные моменты:
- Интерактивные графики для глубокого анализа данных
- Поддержка различных форматов данных
- Легкость в использовании и настройке
- Возможность интеграции с другими инструментами
📌 GitHub: https://github.com/samihadouaj/svi
#javascript
😐7❤3🔥3
📹 Загрузчик медиа из Twitter 🚀
TwitterXDownload — это мощный инструмент для скачивания видео и других медиа из Twitter. Он идеально подходит для контент-креаторов и маркетологов, позволяя эффективно переводить и перепубликовывать контент. Также проект служит отличной основой для изучения Next.js и других технологий.
🚀 Основные моменты:
- 🎥 Извлечение медиа из твитов с поддержкой пакетной загрузки
- 🔍 Умный поиск по твитам по автору, дате и типу медиа
- 🌐 Однокнопочный перевод и перепубликация твитов
- 🌍 Поддержка 12 языков для глобальной доступности
- 📦 Оптимизация для SEO и AdSense
📌 GitHub: https://github.com/imtonyjaa/twitterxdownload
#javascript
TwitterXDownload — это мощный инструмент для скачивания видео и других медиа из Twitter. Он идеально подходит для контент-креаторов и маркетологов, позволяя эффективно переводить и перепубликовывать контент. Также проект служит отличной основой для изучения Next.js и других технологий.
🚀 Основные моменты:
- 🎥 Извлечение медиа из твитов с поддержкой пакетной загрузки
- 🔍 Умный поиск по твитам по автору, дате и типу медиа
- 🌐 Однокнопочный перевод и перепубликация твитов
- 🌍 Поддержка 12 языков для глобальной доступности
- 📦 Оптимизация для SEO и AdSense
📌 GitHub: https://github.com/imtonyjaa/twitterxdownload
#javascript
GitHub
GitHub - imtonyjaa/twitterxdownload: a powerful twitter video downloader and twitter marketing online tool. repost any tweet auto…
a powerful twitter video downloader and twitter marketing online tool. repost any tweet auto translation. - imtonyjaa/twitterxdownload
❤1
🛠️ Улучшаем коммиты с AI
Git Rewrite Commits — это инструмент для автоматического улучшения сообщений коммитов с помощью AI. Он помогает привести в порядок историю коммитов, создавая более осмысленные и структурированные сообщения, что особенно полезно перед публикацией проектов или для повышения удобства работы с репозиториями.
🚀Основные моменты:
- AI-генерация сообщений для коммитов
- Поддержка локальных моделей и оффлайн-работы
- Установка git hooks одним командой
- Оценка качества коммитов и автоматическое исправление
- Возможность настройки формата и языка сообщений
📌 GitHub: https://github.com/f/git-rewrite-commits
#javascript
Git Rewrite Commits — это инструмент для автоматического улучшения сообщений коммитов с помощью AI. Он помогает привести в порядок историю коммитов, создавая более осмысленные и структурированные сообщения, что особенно полезно перед публикацией проектов или для повышения удобства работы с репозиториями.
🚀Основные моменты:
- AI-генерация сообщений для коммитов
- Поддержка локальных моделей и оффлайн-работы
- Установка git hooks одним командой
- Оценка качества коммитов и автоматическое исправление
- Возможность настройки формата и языка сообщений
📌 GitHub: https://github.com/f/git-rewrite-commits
#javascript
😁6❤4👍3🥰2
🎨 Dembrandt: Извлечение дизайна с сайтов
Dembrandt — это CLI-инструмент для извлечения дизайнерских токенов и брендовых активов с любых веб-сайтов. Используя Playwright, он обходит защиту от ботов и предоставляет полную информацию о дизайне.
🚀Основные моменты:
- Извлечение логотипов и фавиконов
- Анализ цветовой палитры и типографики
- Определение отступов и границ
- Поддержка популярных CSS-фреймворков
- Быстрая и точная обработка данных
📌 GitHub: https://github.com/thevangelist/dembrandt
#javascript
Dembrandt — это CLI-инструмент для извлечения дизайнерских токенов и брендовых активов с любых веб-сайтов. Используя Playwright, он обходит защиту от ботов и предоставляет полную информацию о дизайне.
🚀Основные моменты:
- Извлечение логотипов и фавиконов
- Анализ цветовой палитры и типографики
- Определение отступов и границ
- Поддержка популярных CSS-фреймворков
- Быстрая и точная обработка данных
📌 GitHub: https://github.com/thevangelist/dembrandt
#javascript
GitHub
GitHub - thevangelist/dembrandt: Extract any website’s design system into design tokens in a few seconds: logo, colors, typography…
Extract any website’s design system into design tokens in a few seconds: logo, colors, typography, borders, and more. One command. - thevangelist/dembrandt
❤4👍2
🔍 Обнаружение React Server Components (RSC) в Chrome
Расширение для Chrome, позволяющее автоматически и активно обнаруживать отпечатки React Server Components и Next.js App Router на веб-страницах. Подходит для образовательных и исследовательских целей, с акцентом на безопасность.
🚀 Основные моменты:
- Автоматическое сканирование страниц на наличие RSC
- Активное отправление запросов для анализа ответов сервера
- Множественные методы обнаружения, включая анализ заголовков
- Обновление значка расширения при обнаружении RSC
📌 GitHub: https://github.com/mrknow001/RSC_Detector
#javascript
Расширение для Chrome, позволяющее автоматически и активно обнаруживать отпечатки React Server Components и Next.js App Router на веб-страницах. Подходит для образовательных и исследовательских целей, с акцентом на безопасность.
🚀 Основные моменты:
- Автоматическое сканирование страниц на наличие RSC
- Активное отправление запросов для анализа ответов сервера
- Множественные методы обнаружения, включая анализ заголовков
- Обновление значка расширения при обнаружении RSC
📌 GitHub: https://github.com/mrknow001/RSC_Detector
#javascript
❤4🤣3