Javascript

31 December 2025 10:00

🐧 Удобный установщик приложений для Linux

TuxMate — это веб-приложение для Linux, которое генерирует скрипты установки приложений для различных дистрибутивов. Оно упрощает процесс массовой установки программ на свежую систему, позволяя пользователям быстро настраивать свои машины.

🚀Основные моменты:
- Поддержка множества дистрибутивов (Ubuntu, Arch, Fedora и др.)
- Более 150 приложений в 15 категориях
- Умная генерация скриптов с учетом уже установленных пакетов
- Параллельная установка и индикаторы прогресса
- Интуитивно понятный интерфейс с навигацией

📌 GitHub: https://github.com/abusoww/tuxmate

Javascript

26 December 2025 15:46

📄 Создавайте PDF легко с TinyPDF! 🚀

TinyPDF - это минималистичная библиотека для создания PDF-файлов с нулевыми зависимостями. Всего 3.3 КБ кода, поддержка текста, изображений и форматов Markdown. Идеально подходит для генерации счетов, отчетов и других документов.

🚀Основные моменты:
- Минимальный размер и простота использования
- Поддержка текста, прямоугольников и изображений
- Многостраничные документы с настраиваемыми размерами
- Конвертация Markdown в PDF
- Без лишних зависимостей и функций

📌 GitHub: https://github.com/Lulzx/tinypdf

#typescript

Javascript

26 December 2025 11:01

🎲 Игровая платформа на Web3

Современная платформа для криптоигр с поддержкой многосетевых токенов и захватывающими играми на блокчейне. Пользователи могут наслаждаться многопользовательским игровым процессом, безопасной интеграцией кошельков и мгновенными выплатами в криптовалюте.

🚀 Основные моменты:
- Множество игр: Scissors, Crash, Mines, Turtle Race и другие.
- Поддержка различных криптовалют и блокчейнов.
- Реализация на React с интеграцией Web3 и Socket.IO.
- Админ-панель для управления пользователями и играми.
- Масштабируемая архитектура на основе микросервисов.

📌 GitHub: https://github.com/devcarron/casino-games-web3

#javascript

Javascript

22 December 2025 09:45

🌐🚀 Visionary: WebGPU-Powered 3D Rendering Platform

Visionary — это веб-ориентированная платформа для рендеринга 3D-объектов с использованием Gaussian Splatting. Она обеспечивает высокопроизводительное отображение различных алгоритмов прямо в браузере, включая поддержку нейронных аватаров и постобработки.

🚀Основные моменты:
- ⚡️ Высокая производительность с использованием WebGPU.
- 🎨 Гибридная архитектура рендеринга для сложных сцен.
- 📦 Универсальный загрузчик активов для различных форматов.

📌 GitHub: https://github.com/Visionary-Laboratory/visionary

#typescript

Javascript

20 December 2025 11:04

🎉 PostgreSQL playground прямо в браузере через WASM!

Открыл для себя интересный проект: полностью работающий PostgreSQL в браузере с помощью WebAssembly!

Теперь можно запускать и экспериментировать с PostgreSQL прямо в браузере — без установки, настроек и локальных серверов. Отлично подходит для:
- обучения SQL
- быстрых прототипов
- демонстраций
- тестирования запросов

🚀 PostgreSQL everywhere — даже в браузере!

🔗 https://github.com/datawan-labs/pg/

Javascript

18 December 2025 08:03

👨‍💻 Хотите создать мини-соцсеть с нуля за один вечер?

На открытом вебинаре мы за 1,5 часа пройдём путь от пустой папки до приложения: старт через create-vue, сразу подключим роутинг, разберём компоненты, props, директивы и события. Добавим computed и хуки жизненного цикла, сделаем запрос к FakeAPI и выведем карточки пользователей.

Вы увидите Vue в деле: как превращать данные в интерфейс, как устроена реактивность, как строится навигация и детальные страницы по клику. Это базовая логика реальных Vue-проектов без лишней теории.

📆 Встречаемся 23 декабря в 20:00 МСК в преддверие старта курса «Vue.js-разработчик»: https://tglink.io/d69a8eb2b2d1?erid=2W5zFFuxh8t

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Javascript

14 December 2025 11:02

🚀 Вышел мощный сжиматель видео - сжимает ролики в десятки раз без заметной потери качества и битрейта.

На примере: файл ужался в 17 раз, при этом можно самому выбрать итоговое качество (низкое/среднее/высокое).

Встроен простой редактор: обрезка, поворот, отражение - всё за секунды.
Главное, что работает локально, без интернета, никакой передачи на серверы.

https://github.com/codeforreal1/compressO/releases/tag/1.4.0

Javascript

11 December 2025 09:15

⚡️ Используйте сгенерированный CSS clip-path, чтобы получить более тонкую форму

.squircle {
  clip-path: polygon(
    100.00% 50.00%, 99.95% 62.53%, 99.80% 67.70%, ...
  );
}

Javascript

09 December 2025 12:03

🚀 Умный инструмент для тестирования HTTP-запросов

rep+ — это легкое расширение для Chrome, вдохновленное Burp Suite, с поддержкой ИИ. Оно позволяет быстро захватывать и повторять HTTP-запросы, не требуя настройки прокси. Идеально подходит для исследователей безопасности и охотников за уязвимостями.

🚀 Основные моменты:
- Захват и повтор запросов без настройки прокси
- Интеграция с ИИ для объяснения запросов и предложений по уязвимостям
- Мощные фильтры и поддержка регулярных выражений
- Экспорт/импорт запросов в формате JSON
- Встроенный инструмент для скриншотов и анализа JavaScript

📌 GitHub: https://github.com/bscript/rep

#javascript

Javascript

08 December 2025 11:02

📋 Копирование в буфер обмена в 2025

Clipboard API - это уже стандарт для работы с буфером обмена.
А старый document.execCommand('copy') официально deprecated ещё с 2020 года.

Поддержка Clipboard API:
✔ Chrome 66+
✔ Firefox 63+
✔ Safari 13.1+
✔ Opera 53+

⚠️ Важные различия между браузерами:

Chrome / Edge
— Не требует user gesture
— Работает только в активной вкладке

Firefox / Safari
— Требуется пользовательское действие (клик/тап)
— Вызов должен быть внутри обработчика этого события

🔐 Общие требования
— Только HTTPS или localhost
— Для readText() нужно явное разрешение пользователя

Где применять Clipboard API
— Кнопки «Скопировать код»
— Промокоды
— Токены доступа
— Быстрое копирование ссылок

💡 Совет
Всегда вызывайте navigator.clipboard.writeText() внутри обработчика клика — это гарантированно работает во всех современных браузерах.

Javascript

04 December 2025 16:10

Совет по CSS! ✨

Вы можете сделать стили компонентов портативными с помощью контейнерных запросов 😎

Изменение макета карты в зависимости от размера 🔥
Удаление текста кнопки, если она маленькая 🤏

.card {container-type: inline-size;}
@ container (min-width: 50ch) {.info { grid-column: 2; }}

https://codepen.io/jh3y/pen/JjZavRJ

@javascriptv

Javascript

04 December 2025 11:03

🖨️🎨 Sticker Dream: голосовой принтер наклеек

Создайте наклейки с помощью голосовых команд! Просто нажмите кнопку, опишите желаемое, и получите черно-белую раскраску, готовую к печати на термопринтере. Проект использует транскрипцию речи и генерацию изображений через Google Imagen.

🚀Основные моменты:
- Голосовое управление для создания наклеек
- Генерация раскрасок на основе описаний
- Поддержка USB термопринтеров
- Быстрая печать без чернил
- Возможность расширения на другие платформы

📌 GitHub: https://github.com/wesbos/sticker-dream

#javascript

Javascript

03 December 2025 11:01

⚡️ Крупное обновление легендарной библиотеки иконок для фронтенда

Для фронтенд-разработчиков вышло масштабное обновление одной из самых известных библиотек иконок. Экосистема заметно выросла и теперь включает:

- 63 119 иконок и 30 стилей — от минимализма до детальной графики;
- полноценную SVG-библиотеку и шрифтовые лигатуры, которые работают как обычный текст;
- обновлённый дизайн и новые тематические наборы;
- официальные NPM-пакеты для React и других фреймворков;
- удобные варианты поставки: CDN, SVG-пакеты, шрифты;
- полностью переработанную архитектуру без legacy-зависимостей.

Инструмент стал универсальным решением: подходит для интерфейсов, дизайн-систем, прототипов и продакшн-приложений.


https://github.com/FortAwesome/Font-Awesome

@javascriptv

Javascript

02 December 2025 16:42

Как создать эффективное REST API или оптимизировать его? Что сделать для ускорения Redis? Какие секреты скрываются под капотом Android? Что делать при конфликте стилей в микрофронтендах? Что поможет провести продуктивное кросс-ревью в команде?

Своим опытом в самых разных сферах делятся frontend-разработчики, системные аналитики, разработчики под Android и iOS из команды ПСБ.
Читайте в блоге ПСБ на Хабре, делитесь в комментариях своим мнением и опытом!

Javascript

02 December 2025 09:44

````typescript
type Status = "draft" | "published" | "archived";
type ActiveStatus = // как исключить статус archived?
````
Задумался? Или сразу ответил "Omit"? Если так – этот пост для тебя 😉

Эта задача с реального собеседования в крупную госкорпорацию в сфере атомной энергетики.
На таком собесе даже небольшая заминка может стоить тебе оффера. Всё из-за тонкостей TypeScript, которые не всегда встречаются в повседневной работе.

Чтобы быть в тонусе и щёлкать такие задачки как орешки — заходи в JavaScript Portal. Каждый день там публикуются новые задачи по JS и TS, которые точно прокачают твои практические и теоретические навыки. Подписывайся и будешь готов к любому собесу!

👉 P.S. Правильный ответ и разбор уже ждут тебя тут

Javascript

28 December 2025 11:04

Перед вами самый проклятый UI/UX

Javascript

26 December 2025 13:44

console.log('🎄 Time for presents!')

Новый год — время радовать близких людей. Поэтому мы подготовили подарки для наших подписчиков — промокоды на год от Облака Mail и VK Музыки!

Условия участия простые:
🔹подпишитесь на наш канал @frontendhubvk
🔹 нажмите кнопку «Участвовать»
🔹 дождитесь 30 декабря — в этом посте мы выберем случайным образом 6 победителей

В ожидании итогов не забывайте почитать по ссылке информацию об организаторе, правилах и призах. И регулярно есть мандарины!

Javascript

24 December 2025 11:02

Совет по Javascript 💡

Знаете ли вы, почему мы не можем создавать новые инстансы из arrow function?

Javascript

22 December 2025 08:35

🧑‍💻Бэкенд сегодня — это целая экосистема, где от вас ждут скорости, надёжности и архитектурного мышления. Если вы пишете на JavaScript и хотите перейти на следующий уровень — время освоить Node.js.

Курс «Node.js Developer» от OTUS — это практическое погружение в серверную разработку на современном стеке: Node.js, TypeScript, Express, GraphQL, Apollo, Nest.js, PostgreSQL, MongoDB, Docker и Kubernetes. Вы научитесь строить масштабируемые REST и GraphQL API, развертывать сервисы в контейнерах, подключать базы данных и писать чистый, поддерживаемый код.

🎄Новогодние подарки от OTUS для вас!Приобретайте 3 курса с выгодой до 30%! Покупая 1 курс вы получаете 15%, 2 курса - 25% скидки, 3 курса - максимальную скидку в 30%.

Заморозьте цены на обучение! Предложение действует до 26 декабря 2025 года.

💫Старт совсем скоро. Оставьте заявку и получите скидку на курс «Node.js Developer»: https://tglink.io/01ad70707ed8?erid=2W5zFG3Yi4x

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Javascript

18 December 2025 09:10

Hamburger Menu Animations

4 вида плавной анимации для гамбургер-меню, реализованные на чистом CSS.

https://codepen.io/Zaku/pen/ejLNJL

#css

Javascript

17 December 2025 11:03

🎮 Server Survival - браузерная игра, которая обучает облачной архитектуре через механику tower-defense.

Что это:
Server Survival - это 3D-симулятор, где вы строите устойчивую инфраструктуру, выдерживаете растущий трафик и отбиваетесь от атак, следя при этом за бюджетом и репутацией.

Ключевые особенности:
- Реалистичные концепции облачных систем: балансировщики нагрузки, кэш, очереди, базы данных, WAF, хранилище.
- Нужно одновременно обрабатывать легитимный трафик и защищаться от DDoS-подобных атак.
- Каждый компонент имеет стоимость, пропускную способность и расход на обслуживание — всё как в настоящей архитектуре.
- Два режима: Survival (рост нагрузки) и Sandbox (свободная настройка параметров).

Технологии:
- Игра работает прямо в браузере.
- Сделана на JavaScript + Three.js.
- Не требует сборки — достаточно открыть index.html.

Кому подойдёт:
- Начинающим DevOps/Backend разработчикам,
- Всем, кто хочет наглядно понять, как масштабируются реальные сервисы,
- Тем, кто любит игры, но хочет попутно изучать архитектуру.

Репозиторий: github.com/pshenok/server-survival

Javascript

12 December 2025 11:03

📱 Orion Store: Serverless App Store for Android 🚀

Orion Store - это современный прогрессивный Android-приложение, работающее без серверной части. Полностью функционирует на GitHub и может быть скомпилировано в нативный APK с помощью Capacitor. Имеет адаптивный дизайн и поддерживает автоматическое обновление приложений.

🚀 Основные моменты:
- 🎨 Яркий дизайн с темами Light, Dusk и Dark.
- 🤖 Поддержка нативных Android-устройств.
- ☁️ Полностью серверная архитектура на базе GitHub.
- ⚡ Умное кэширование для мгновенной загрузки.
- 🔄 Автоматическая система обновлений приложений.

📌 GitHub: https://github.com/RookieEnough/Orion-Store

#typescript

Javascript

11 December 2025 08:04

🤖ИИ больше не живёт только в облаке. Теперь вы можете запускать большие языковые модели - Llama 3, Mistral, Qwen - локально, без внешних API и зависимостей.

На открытом уроке вы разберёте, как подключить LLM к вашему Node.js-серверу и создать умный ассистент или чат-приложение. Мы покажем, как работать с Ollama и LM Studio, использовать OpenAI-совместимый API, строить ответы в потоке (SSE), добавлять память и контекст, интегрировать LangChain.js и локальные эмбеддинги.

⚡️Запишитесь на открытый урок в преддверии старта курса “Node.js Developer”. Создайте свой AI-сервер - быстро, локально и под полным контролем: https://tglink.io/ce0251fe65d4?erid=2W5zFHrcQQ8

🎁Прямо сейчас Отус дарит подарки! Приобретите 3 курса, а именно JavaScript Developer. Basic + Node.js Developer + Vue.js разработчик с выгодой 30%! Заморозьте цены на обучение! Предложение действует до 15 декабря 2025 года.

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Javascript

09 December 2025 09:55

Комьюнити, полезное для всех бекенд-разработчиков

Как работает VK изнутри? Что происходит за интерфейсами, когда миллионы пользователей одновременно отправляют сообщения, загружают фото и смотрят клипы?
В канале Backend VK Hub мы рассказываем о работе всех наших сервисах: от VK Play до Tarantool. Делимся подходами к масштабированию, оптимизации и новым архитектурным решениям. Открыто дискутируем, а также регулярно публикуем вакансии в нашу команду.

Здесь — реальные кейсы, технические разборы, советы от наших экспертов и возможность поговорить с ними в любой момент. Подписывайся!

Реклама. ООО "ВК" ИНН 7743001840

Javascript

05 December 2025 12:46

🎉 JavaScript празднует 30-летие! 🕺

Язык, на котором держатся веб-приложения, UI, фронтенд-фреймворки и половина интернета - появился ровно 30 лет назад.

И забавный факт: первую версию языка создали всего за 10 дней. А потом он внезапно стал стандартом веба, пережил мемы про «какой ужас», вырос, оброс экосистемой и теперь управляет всем — от браузеров до серверов и IoT 🚀

С днём рождения, JavaScript. Как ни странно, ты только начинаешь 😉

@javascriptv

#JavaScript #WebDev #History #Programming

Javascript

04 December 2025 15:04

Приглашаем на открытый вебинар “Использование декораторов в Backend (Nest.js, TS.ed) приложениях”
📅 8 декабря в 20:00

Если вы пишете backend на Node.js и хотите понять, как устроена современная архитектура на Nest.js - этот вебинар нельзя пропускать.

Декораторы - не «магия», а мощный инструмент TypeScript, который делает backend-код чище, структуру понятнее, а разработку быстрее. На занятии разберём, как они работают внутри, какие бывают типы декораторов и как их правильно применять в Nest.js и TS.ed.

Разберём на практике:
- что такое декораторы и зачем они нужны
- классовые, методные, property
- и parameter-декораторы- декораторы в Nest.js и TS.ed
- создание собственных декораторов
- типичные ошибки и как их избежать

Вебинар проходит на основе курса «Node.js Developer» - отличная возможность познакомиться с подходом обучения и примерить курс под свои задачи.

🎓 Регистрация открыта - подключайтесь и разберите декораторы по-настоящему, без мифов и магии: https://tglink.io/66e8c4949fcc?erid=2W5zFHLeqnQ



Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Javascript

04 December 2025 09:01

🔥 Фронтенд будущего: ИИ-инструменты и Docs-as-Code в ЮMoney

Фронтендеры из ЮMoney поделятся опытом 6 декабря, онлайн, на бесплатной IT-конференции ЮMoneyDay, который помогает делать быстрее и качественнее:

🟣 Вайб-кодинг в финтехе: как мы используем ИИ-инструменты в ежедневных задачах, ускоряем проверку гипотез и возвращаем в работу творчество.

🟣 Docs-as-Code на фронтенде: почему выбрали Markdoc и как мы решаем практические задачи с помощью этого инструмента.

Подробнее о программе и регистрации — на сайте конференции ™️

Javascript

02 December 2025 16:43

🌍 Twitter Location Flags Extension

Расширение для Chrome, которое добавляет флаги стран к именам пользователей на Twitter/X, основываясь на их местоположении. Оно автоматически определяет пользователей и запрашивает информацию о местоположении через GraphQL API Twitter.

🚀Основные моменты:
- Отображает флаги стран рядом с именами пользователей
- Работает с динамически загружаемым контентом
- Кэширует данные о местоположении для снижения нагрузки на API
- Не требует передачи данных третьим лицам

📌 GitHub: https://github.com/RhysSullivan/twitter-account-location-in-username

#javascript

Javascript

02 December 2025 10:46

🎨 Инструменты для создания и редактирования изображений

Kims — это мощный инструмент для работы с изображениями, позволяющий легко редактировать и создавать графику. Он предлагает интуитивно понятный интерфейс и множество функций, которые делают процесс редактирования простым и эффективным.

🚀 Основные моменты:
- Поддержка различных форматов изображений
- Интуитивно понятный пользовательский интерфейс
- Множество инструментов для редактирования и фильтров
- Возможность создания графики с нуля
- Активное сообщество и регулярные обновления

📌 GitHub: https://github.com/kimkulling/kims

#javascript

Javascript

01 December 2025 17:12

⚡️ Отличный гайд по тому, как прокачать навык работы с дейтпикерами в JavaScript.

В нём есть примеры, ясные объяснения и наглядный формат, который помогает быстро разобраться во всех нюансах создания собственных дейтпикеров на чистом JS.

Читать здесь 👍