🚀 Promises-Training — практикуй промисы в JavaScript
Promises-Training — это коллекция упражнений по промисам с автоматическими тестами, где можно прокачать работу с
⏩ Почему полезно:
- Пошаговый рост сложности: от простых примеров до нетривиальных сценариев.
- Автотесты сразу показывают, правильно ли решена задача.
- Хорошо подходит, чтобы глубже понять асинхронность и промисы.
- Есть упражнения по реальным случаям:
📦 Как начать:
Запуск проверки конкретного упражнения:
npm run check <category>/<exercise>
🔥 Итог: отличный способ на практике закрепить работу с промисами и уверенно освоить асинхронность в JS.
Лежит тут: https://github.com/henriqueinonhe/promises-training
#javascript #тренажер #js
@javascriptv
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
@javascriptv
❤21
📸 Immich Drop Uploader - простой загрузчик для вашего Immich сервера
Легкое веб-приложение без регистрации для загрузки фото и видео на Immich. Поддерживает очередь загрузки, предотвращение дубликатов и сохранение оригинальных дат. Идеально подходит для мобильных устройств и обеспечивает конфиденциальность.
🚀 Основные моменты:
- Никаких аккаунтов — просто перетащите файлы
- Поддержка очереди с прогрессом через WebSocket
- Автоматическое добавление в альбом
- Темная тема и мобильная адаптация
- Легкая конфигурация через .env и Docker
📌 GitHub: https://github.com/Nasogaa/immich-drop
#javascript
Легкое веб-приложение без регистрации для загрузки фото и видео на Immich. Поддерживает очередь загрузки, предотвращение дубликатов и сохранение оригинальных дат. Идеально подходит для мобильных устройств и обеспечивает конфиденциальность.
🚀 Основные моменты:
- Никаких аккаунтов — просто перетащите файлы
- Поддержка очереди с прогрессом через WebSocket
- Автоматическое добавление в альбом
- Темная тема и мобильная адаптация
- Легкая конфигурация через .env и Docker
📌 GitHub: https://github.com/Nasogaa/immich-drop
#javascript
❤4👍4🔥1
🕵️♂️ Обход защиты от ботов с помощью браузерного отпечатка
Этот репозиторий предлагает решения для обхода анти-бот защит при веб-скрапинге. Он включает советы и инструменты для создания незаметных ботов, которые могут эффективно взаимодействовать с различными веб-сайтами, минимизируя риск блокировки.
🚀 Основные моменты:
- Стратегии обхода защиты от ботов
- Рекомендации по использованию прокси и сервисов
- Подходы к созданию естественных браузерных отпечатков
- Инструменты для работы с JavaScript-детекцией
📌 GitHub: https://github.com/niespodd/browser-fingerprinting
@linuxkalii
Этот репозиторий предлагает решения для обхода анти-бот защит при веб-скрапинге. Он включает советы и инструменты для создания незаметных ботов, которые могут эффективно взаимодействовать с различными веб-сайтами, минимизируя риск блокировки.
🚀 Основные моменты:
- Стратегии обхода защиты от ботов
- Рекомендации по использованию прокси и сервисов
- Подходы к созданию естественных браузерных отпечатков
- Инструменты для работы с JavaScript-детекцией
📌 GitHub: https://github.com/niespodd/browser-fingerprinting
@linuxkalii
2❤11👍2🔥2
🚀 Хватит оставаться на уровне базового Vue! Пора перейти на профессиональный фронтенд.
Онлайн-курс «Vue.js разработчик» — для тех, кто хочет:
• Создавать современные SPA и многостраничные приложения
• Работать с Vuex, Vue-router, Nuxt 3 и SSR
• Писать чистый код на ES6/ES8/TypeScript и тестировать его с Jest/Cypress
• Осваивать GraphQL, Firebase и Electron
• Применять продвинутые паттерны проектирования и оптимизировать приложения под production
💡 И это ещё не всё! 25 сентября в 20:00 в рамках курса «Vue.js разработчик» пройдёт бесплатный открытый вебинар «Nuxt 3 + SSR: собираем многостраничное приложение на Vue»:
• Настроим маршрутизацию и создадим страницы: каталог, карточка товара, «О компании»
• Подключим серверный рендеринг для ускорения загрузки и SEO
• Подтянем данные из открытого API и отрендерим на сервере
• Сверстаем и задеплоим базовую структуру проекта
Зарегистрироваться на вебинар: https://otus.pw/67TJ/?erid=2W5zFGRKGhe
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
Онлайн-курс «Vue.js разработчик» — для тех, кто хочет:
• Создавать современные SPA и многостраничные приложения
• Работать с Vuex, Vue-router, Nuxt 3 и SSR
• Писать чистый код на ES6/ES8/TypeScript и тестировать его с Jest/Cypress
• Осваивать GraphQL, Firebase и Electron
• Применять продвинутые паттерны проектирования и оптимизировать приложения под production
💡 И это ещё не всё! 25 сентября в 20:00 в рамках курса «Vue.js разработчик» пройдёт бесплатный открытый вебинар «Nuxt 3 + SSR: собираем многостраничное приложение на Vue»:
• Настроим маршрутизацию и создадим страницы: каталог, карточка товара, «О компании»
• Подключим серверный рендеринг для ускорения загрузки и SEO
• Подтянем данные из открытого API и отрендерим на сервере
• Сверстаем и задеплоим базовую структуру проекта
Зарегистрироваться на вебинар: https://otus.pw/67TJ/?erid=2W5zFGRKGhe
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
😁5❤1
🎯 Умное преобразование чисел с плавающей точкой
nstr автоматически исправляет проблемы с точностью чисел, улучшая отображение в интерфейсах. Забудьте о некорректных значениях, таких как 0.30000000000000004 — теперь ваши числа выглядят аккуратно и правильно.
🚀 Основные моменты:
- Умное определение точности для чисел
- Чистое отображение в UI-компонентах
- Поддержка пользовательских настроек точности
- Простой в использовании и интеграции
📌 GitHub
@javascriptv
nstr автоматически исправляет проблемы с точностью чисел, улучшая отображение в интерфейсах. Забудьте о некорректных значениях, таких как 0.30000000000000004 — теперь ваши числа выглядят аккуратно и правильно.
🚀 Основные моменты:
- Умное определение точности для чисел
- Чистое отображение в UI-компонентах
- Поддержка пользовательских настроек точности
- Простой в использовании и интеграции
📌 GitHub
@javascriptv
🔥8❤3👍1
🚀 Удобный бандлер для PumpFun
Pumpfun Bundler позволяет создавать и покупать токены с использованием до 20 кошельков в одном пакете. Это быстрое и эффективное решение для взаимодействия с протоколом PumpFun, включая создание токенов и управление их метаданными.
🚀 Основные моменты:
- Поддержка создания и покупки токенов с 20 кошельками
- Легкая настройка через
- Включает методы для взаимодействия с PumpFun
- Простой пример использования в репозитории
📌 GitHub: https://github.com/printz-labs/pumpfun-bundler
#typescript
Pumpfun Bundler позволяет создавать и покупать токены с использованием до 20 кошельков в одном пакете. Это быстрое и эффективное решение для взаимодействия с протоколом PumpFun, включая создание токенов и управление их метаданными.
🚀 Основные моменты:
- Поддержка создания и покупки токенов с 20 кошельками
- Легкая настройка через
.env
файл- Включает методы для взаимодействия с PumpFun
- Простой пример использования в репозитории
📌 GitHub: https://github.com/printz-labs/pumpfun-bundler
#typescript
😁2👍1
🌉 Умный мост между LSP и GitHub Copilot
Расширение для Visual Studio Code, которое интегрирует возможности любого сервера языков (LSP) с инструментами Model Context Protocol (MCP) и GitHub Copilot. Это решение улучшает взаимодействие с кодом, позволяя Copilot более эффективно находить объекты и предоставлять контекстные подсказки.
🚀 Основные моменты:
- Поддержка любого языка с активным LSP в VSCode
- Интеллектуальная навигация по кодовой базе
- Контекстные предложения и анализ кода
- Автоматическое улучшение ответов GitHub Copilot
- Интуитивно понятные инструменты для работы с кодом
📌 GitHub: https://github.com/sehejjain/Language-Server-MCP-Bridge
Расширение для Visual Studio Code, которое интегрирует возможности любого сервера языков (LSP) с инструментами Model Context Protocol (MCP) и GitHub Copilot. Это решение улучшает взаимодействие с кодом, позволяя Copilot более эффективно находить объекты и предоставлять контекстные подсказки.
🚀 Основные моменты:
- Поддержка любого языка с активным LSP в VSCode
- Интеллектуальная навигация по кодовой базе
- Контекстные предложения и анализ кода
- Автоматическое улучшение ответов GitHub Copilot
- Интуитивно понятные инструменты для работы с кодом
📌 GitHub: https://github.com/sehejjain/Language-Server-MCP-Bridge
👍7🔥3❤1
🌐📊 Awesome Web Scraping: Полезный ресурс для разработчиков, собирающих данные с веб-сайтов. Содержит списки библиотек, инструментов и руководств по веб-скрапингу на различных языках программирования.
🚀Основные моменты:
- Обширные списки пакетов для Python, PHP, Ruby, JavaScript и Go.
- Инструменты командной строки для веб-скрапинга.
- Руководства и статьи по обучению веб-скрапингу.
- Ссылки на сервисы решения капчи и прокси-серверы.
- Обсуждения в Telegram для обмена опытом.
📌 GitHub: https://github.com/lorien/awesome-web-scraping
#markdown
🚀Основные моменты:
- Обширные списки пакетов для Python, PHP, Ruby, JavaScript и Go.
- Инструменты командной строки для веб-скрапинга.
- Руководства и статьи по обучению веб-скрапингу.
- Ссылки на сервисы решения капчи и прокси-серверы.
- Обсуждения в Telegram для обмена опытом.
📌 GitHub: https://github.com/lorien/awesome-web-scraping
#markdown
GitHub
GitHub - lorien/awesome-web-scraping: List of libraries, tools and APIs for web scraping and data processing.
List of libraries, tools and APIs for web scraping and data processing. - lorien/awesome-web-scraping
❤4👍3😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по CSS 💡
Знаете ли вы, что можно сделать очень тонкий скроллбар или даже скрыть его, при этом сохранив возможность прокрутки?
Это может помочь сделать интерфейс более аккуратным и менее загромождённым в некоторых случаях
Знаете ли вы, что можно сделать очень тонкий скроллбар или даже скрыть его, при этом сохранив возможность прокрутки?
Это может помочь сделать интерфейс более аккуратным и менее загромождённым в некоторых случаях
👍13❤5🔥3
Как вы решаете вопрос с покрытием?
Почти в каждом проекте висит задача: поднять покрытие до 70%.
И почти в каждой команде никто не хочет этим заниматься.
Explyt – AI-плагин для Java и Kotlin разработчиков, который снимает эту боль.
Он генерирует юнит-тесты прямо в IDE: по коду, по runtime-трассам, по спекам. И делает это так, как будто реально вник в проект.
📌 Что умеет:
- создаёт осмысленные тесты для Java и Kotlin-кода
- поддерживает JUnit 4/5, TestNG, кастомные фреймворки
- превращает execution trace в автотесты
- предлагает фиксы, если сгенерированный тест падает
- есть режим агента, где AI сам меняет код, запускает тесты и ищет ошибки
📦 Плагин доступен:
- через JetBrains Marketplace
- или напрямую с сайта разработчика
🎁 30 дней бесплатного доступа – просто пользуйтесь.
👉 Попробовать на своём проекте
Почти в каждом проекте висит задача: поднять покрытие до 70%.
И почти в каждой команде никто не хочет этим заниматься.
Explyt – AI-плагин для Java и Kotlin разработчиков, который снимает эту боль.
Он генерирует юнит-тесты прямо в IDE: по коду, по runtime-трассам, по спекам. И делает это так, как будто реально вник в проект.
📌 Что умеет:
- создаёт осмысленные тесты для Java и Kotlin-кода
- поддерживает JUnit 4/5, TestNG, кастомные фреймворки
- превращает execution trace в автотесты
- предлагает фиксы, если сгенерированный тест падает
- есть режим агента, где AI сам меняет код, запускает тесты и ищет ошибки
📦 Плагин доступен:
- через JetBrains Marketplace
- или напрямую с сайта разработчика
🎁 30 дней бесплатного доступа – просто пользуйтесь.
👉 Попробовать на своём проекте
👍2👎2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Изображение преобразуется в информационную карточку при нажатии на значок ➡️
#карточки
https://codepen.io/chandrashekhar/pen/vrddgg
#карточки
https://codepen.io/chandrashekhar/pen/vrddgg
👍16🔥10
This media is not supported in your browser
VIEW IN TELEGRAM
В VK фронтенд живёт не только в коде, но и в обсуждениях.
В канале Frontend VK Hub вас ждут ридинг-группы, экспертные колонки и реальные кейсы из практики инженеров VK. Подписывайтесь.
В канале Frontend VK Hub вас ждут ридинг-группы, экспертные колонки и реальные кейсы из практики инженеров VK. Подписывайтесь.
👍12❤8👎8🔥3
🗺️ AI-генератор бесконечных карт
Nano Banana Infinimap — экспериментальный генератор карт, использующий ИИ для создания бесшовных тайлов. Проект демонстрирует возможности модели Nano Banana, позволяя генерировать огромные карты с учетом соседних тайлов.
🚀Основные моменты:
- 🗺️ Бесконечные карты с навигацией на базе Leaflet
- 🤖 Генерация тайлов с использованием модели Google Nano Banana
- 🔗 Учет соседних тайлов для плавных краев
- 💾 Локальное хранение данных
📌 GitHub: https://github.com/seezatnap/nano-banana-infinimap
#javascript
Nano Banana Infinimap — экспериментальный генератор карт, использующий ИИ для создания бесшовных тайлов. Проект демонстрирует возможности модели Nano Banana, позволяя генерировать огромные карты с учетом соседних тайлов.
🚀Основные моменты:
- 🗺️ Бесконечные карты с навигацией на базе Leaflet
- 🤖 Генерация тайлов с использованием модели Google Nano Banana
- 🔗 Учет соседних тайлов для плавных краев
- 💾 Локальное хранение данных
📌 GitHub: https://github.com/seezatnap/nano-banana-infinimap
#javascript
👍3❤1
🖥️ Простая настольная среда без графики
Desktop-TUI предлагает текстовый интерфейс для управления приложениями в стиле tmux. Он позволяет запускать команды, перемещать и изменять размеры окон, а также обрабатывать ошибки приложений. Идеально подходит для пользователей, предпочитающих терминал.
🚀Основные моменты:
- Поддержка файлов ярлыков для приложений
- Вывод любых команд с использованием stdout
- Настройка параметров тайлинга
- Обработка ошибок приложений
- Поддержка выбора файлов и папок для аргументов команд
📌 GitHub: https://github.com/Julien-cpsn/desktop-tui
Desktop-TUI предлагает текстовый интерфейс для управления приложениями в стиле tmux. Он позволяет запускать команды, перемещать и изменять размеры окон, а также обрабатывать ошибки приложений. Идеально подходит для пользователей, предпочитающих терминал.
🚀Основные моменты:
- Поддержка файлов ярлыков для приложений
- Вывод любых команд с использованием stdout
- Настройка параметров тайлинга
- Обработка ошибок приложений
- Поддержка выбора файлов и папок для аргументов команд
📌 GitHub: https://github.com/Julien-cpsn/desktop-tui
GitHub
GitHub - Julien-cpsn/desktop-tui: A desktop environment without graphics
A desktop environment without graphics. Contribute to Julien-cpsn/desktop-tui development by creating an account on GitHub.
❤5👍1
🪟🚀 Window Mode: Погружение в 3D мир через веб-камеру
Window Mode — это демонстрация 3D-камерного контроллера, который создает иллюзию окна в виртуальный мир. С помощью отслеживания положения лица пользователя, проектируется 3D-сцена, создавая эффект присутствия. Работает с любыми 3D-видео и не требует специального оборудования.
🚀Основные моменты:
- Эмуляция окна в 3D пространстве.
- Использует MediaPipe для отслеживания лица.
- Поддержка форматов .vv и .splv для 3D-сцен.
- Реализация на NextJS с использованием веб-воркеров.
- Ожидается открытие исходников библиотек.
📌 GitHub: https://github.com/True3DLabs/WindowMode
#javascript
Window Mode — это демонстрация 3D-камерного контроллера, который создает иллюзию окна в виртуальный мир. С помощью отслеживания положения лица пользователя, проектируется 3D-сцена, создавая эффект присутствия. Работает с любыми 3D-видео и не требует специального оборудования.
🚀Основные моменты:
- Эмуляция окна в 3D пространстве.
- Использует MediaPipe для отслеживания лица.
- Поддержка форматов .vv и .splv для 3D-сцен.
- Реализация на NextJS с использованием веб-воркеров.
- Ожидается открытие исходников библиотек.
📌 GitHub: https://github.com/True3DLabs/WindowMode
#javascript
❤2👍1
Фронтенд, покодим на Yandex Cup?
Открыта регистрация на Yandex Cup — чемпионат Яндекса для разработчиков с призовым фондом 12 млн рублей и финалом в Стамбуле!
Участники смогут соревноваться за призы и выход в финал, а ещё — пройти собеседование в Яндекс по упрощённой схеме.
В направлении Фронтенд 5 призовых мест:
1 место — 500 000 ₽
2 место — 400 000 ₽
3 место — 300 000 ₽
4 место — 200 000 ₽
5 место — 100 000 ₽
Этапы Yandex Cup: 20–29 октября пройдёт пробный тур для знакомства с платформой и задачами. 2 ноября состоится квалификация, где будут определены 180 финалистов. Финал и церемония награждения пройдут офлайн 5–7 декабря в Стамбуле.
Регистрируйтесь до 29 октября.
Открыта регистрация на Yandex Cup — чемпионат Яндекса для разработчиков с призовым фондом 12 млн рублей и финалом в Стамбуле!
Участники смогут соревноваться за призы и выход в финал, а ещё — пройти собеседование в Яндекс по упрощённой схеме.
В направлении Фронтенд 5 призовых мест:
1 место — 500 000 ₽
2 место — 400 000 ₽
3 место — 300 000 ₽
4 место — 200 000 ₽
5 место — 100 000 ₽
Этапы Yandex Cup: 20–29 октября пройдёт пробный тур для знакомства с платформой и задачами. 2 ноября состоится квалификация, где будут определены 180 финалистов. Финал и церемония награждения пройдут офлайн 5–7 декабря в Стамбуле.
Регистрируйтесь до 29 октября.
❤3
This media is not supported in your browser
VIEW IN TELEGRAM
Table tenniCSS
Создано на HTML и SCSS, без использования JS.
https://codepen.io/amit_sheen/pen/PobQjMX
@javascriptv
Создано на HTML и SCSS, без использования JS.
https://codepen.io/amit_sheen/pen/PobQjMX
@javascriptv
👍8🔥7
🎮 Elden GitHub: Погрузитесь в мир Elden Ring на GitHub!
Этот репозиторий предлагает уникальный опыт взаимодействия с GitHub, вдохновленный атмосферой Elden Ring. Исследуйте, создавайте и делитесь своими проектами в стиле любимой игры.
🚀Основные моменты:
- Интерактивные элементы, основанные на Elden Ring.
- Уникальный интерфейс для работы с репозиториями.
- Возможность делиться опытом с другими пользователями.
- Поддержка различных функций GitHub в игровом контексте.
📌 GitHub: https://github.com/SaltyAom/elden-github
#javascript
Этот репозиторий предлагает уникальный опыт взаимодействия с GitHub, вдохновленный атмосферой Elden Ring. Исследуйте, создавайте и делитесь своими проектами в стиле любимой игры.
🚀Основные моменты:
- Интерактивные элементы, основанные на Elden Ring.
- Уникальный интерфейс для работы с репозиториями.
- Возможность делиться опытом с другими пользователями.
- Поддержка различных функций GitHub в игровом контексте.
📌 GitHub: https://github.com/SaltyAom/elden-github
#javascript
👍5