javascriptv | Unsorted

Telegram-канал javascriptv - Javascript

18174

По всем вопросам - @workakkk @itchannels_telegram -🔥лучшие ИТ-каналы @ai_machinelearning_big_data - машинное обучение @JavaScript_testit- js тесты @pythonl - 🐍 @ArtificialIntelligencedl - AI @datascienceiot - ml 📚 РКН: № 5153160945

Subscribe to a channel

Javascript

🌱 turfjs — это javascript библиотека позволяющая выполнять пространственный анализ прямо в браузере или через node.js.

Проект включает более 200 модулей для различных операций с geojson от простых измерений расстояний до сложных геостатистических расчетов. Библиотека работает в современных браузерах и поддерживает актуальные версии node.js. Инструмент также имеет модульную структуру и активную аудиторию сообщества.

🤖 Github

@javascriptv

Читать полностью…

Javascript

💡 Полезный и не банальный совет по JavaScript

Используй Intl.NumberFormat вместо ручного форматирования чисел.
Это встроенный API, который учитывает локаль и правила форматирования.

Пример


const number = 1234567.89;

const us = new Intl.NumberFormat("en-US").format(number);
const de = new Intl.NumberFormat("de-DE").format(number);
const jp = new Intl.NumberFormat("ja-JP").format(number);

console.log(us); // 1,234,567.89
console.log(de); // 1.234.567,89
console.log(jp); // 1,234,568


✅ Удобно для:

- финансовых приложений
- отображения дат и валют
- интернационализации (i18n)

Не изобретай велосипед — используй возможности языка 😉

@javascripv

Читать полностью…

Javascript

3D Galaxy Particles

Создано на canvas и анимировано с использованием TweenMax.

https://codepen.io/foretoo/details/zYjpYad

@javascriptv

Читать полностью…

Javascript

Полезный сервис для прокачки JavaScript — формат квестов и кода в одной геймифицированной платформе. Похоже на Codewars, но с вайбом мини-игры:

Особенности:
— Задания создают реальные пользователи
— Пишешь JS прямо в браузере, сразу проверяется
— Платформа open-source — можно форкнуть и сделать свою версию

🟣 Попробовать

@javascriptv

Читать полностью…

Javascript

🌿 Tagify — удобный инструмент для превращения обычного поля ввода в компонент тегов с поддержкой React, Vue и Angular.

Библиотека предлагает гибкую настройку, высокую производительность и компактный код. Она умеет работать с ванильным JS и популярными фреймворками, поддерживает валидацию, редактирование тегов и даже подгрузку предложений через AJAX.

🤖 GitHub

@javascriptv

Читать полностью…

Javascript

London Tube Map - Navigation Bar Concept

Концепция панели навигации в виде схемы лондонского метро.

https://codepen.io/MrDarrenGriffin/details/gOZWmYB

@javascriptv

Читать полностью…

Javascript

📦 Carbon Design System — дизайн-система от IBM с готовыми компонентами для React, Angular, Vue и Svelte. Проект предлагает не просто UI-кит, а полноценную экосистему: от цветовых палитр и типографики до адаптивной сетки и анимаций.

Система обладает модульностью. Можно использовать только нужные части через отдельные npm-пакеты вроде @carbon/icons или @carbon/react. Всё собрано по Atomic Design, а документация объясняет не только как работает определенный компонент, но и почему именно так, с акцентом на доступность и UX-логику.

🤖 GitHub

@javascriptv

Читать полностью…

Javascript

👩‍💻 Google Sans Code – новый моноширинный (fixed-width) геометрический шрифт от Google, идеально дополняющий их фирменный стиль.

🔹 Разработан для работы в IDE, терминалах и технической документации
🔹 Гарантирует одинаковую ширину всех символов и отличную читаемость
🔹 Сохраняет визуальную унификацию с другими продуктами Google
Попробуйте → https://fonts.google.com/specimen/Google+Sans+Code

#GoogleFonts #Типографика #Monospace

@javascriptv

Читать полностью…

Javascript

Совет по CSS 💡

Используйте табличные цифры для отображения таймеров ✅

https://www.codewithshripal.com/playground/css/use-tabular-number-for-timers

@javascriptv

Читать полностью…

Javascript

Заголовок: JavaScript Engineer (Browser Fingerprinting & Security R&D)

Формат: Удаленная работа, полный день
Зарплата: 80 000 - 180 000 руб. на руки (возможна оплата в USDT)

О проекте:
Мы ищем JS-разработчика, которому надоело "двигать кнопки" и хочется по-настоящему сложных задач. Наш проект — это система для anti-fraud, которая занимается низкоуровневым фингерпринтингом браузеров. Мы копаем глубоко: анализируем QUIC-хендшейки, вычисляем RTT, изучаем особенности WebRTC и DNS для выявления прокси.

Если вам интересно глубоко погружаться в сетевые протоколы, читать исходники Chromium и искать нетривиальные способы обойти защиту — эта вакансия для вас.

Чем предстоит заниматься:
Разработка JS SDK: Написание модулей на чистом (vanilla) JavaScript для сбора уникальных отпечатков (WebRTC, Canvas/WebGL, DNS, QUIC).
Frontend (React/Next.js): Разработка личного кабинета для визуализации данных и управления сервисом.
R&D (Исследования и разработка): Поиск и реализация новых техник детектирования VPN/Proxy. Это значительная часть работы, требующая самостоятельности и умения вести задачу от гипотезы до готового решения.
Защита кода: Применение обфускации и других техник для защиты нашего SDK от реверс-инжиниринга.
Реверс-инжиниринг, деобфускация для поиска новых методик.

Требования:
Отличное знание нативного JavaScript и понимание асинхронности.
• Опыт работы с React.
Подтвержденный интерес к кибербезопасности: участие в CTF, pet-проекты (браузерные расширения, сетевые утилиты), статьи, профильное образование в области ИБ, хакинг. (Это самое важное!)
• Хорошее понимание сетевого стека (TCP/IP, UDP, DNS, QUIC).
Желание и способность самостоятельно разбираться в том, как работают браузеры "под капотом".

Желательно:
• Опыт работы с WebRTC, WebSocket.
• Умение читать C++ (для анализа кода браузерных движков).
• Опыт анализа трафика в Wireshark.
• Опыт работы с Next.js.

Мы предлагаем:
Работу над уникальными задачами, которые вы не найдете в 99% компаний. Сильную команду, свободу в принятии технических решений и возможность стать экспертом в узкой, но очень востребованной нише.


Как откликнуться:
Вместе с резюме, пожалуйста, пришлите сопроводительное письмо, в котором кратко расскажите о вашем бэкграунде в кибербезопасности. Нас интересует все:

• Ссылки на ваши pet-проекты (GitHub и др.).
• Ваш никнейм и достижения на CTF-платформах.
• Ссылки на ваши статьи, доклады или заметки.
• Любой другой релевантный опыт, который показывает ваш интерес к этой сфере.

Отклики без этого пункта рассматриваться не будут. Мы ищем человека, который действительно "горит" этой темой.

Контакт: /channel/Siemons8

Читать полностью…

Javascript

✔️ Card Mouse Hover Effect

Карточки с интересным эффектом при наведении. Сделаны на CSS и JavaScript.

Открыть код

@javascriptv

Читать полностью…

Javascript

🧠 HASH — открытая база данных с элементами ИИ, которая самостоятельно структурирует информацию и проверяет её достоверность. Проект объединяет данные из разных источников в реальном времени, предлагая удобные инструменты для работы с ними даже не-техническим пользователям.

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

🤖 GitHub

@javascriptv

Читать полностью…

Javascript

🪐 Новый UI-фреймворк в стиле Sci‑Fi — Cosmic UI

🌌 Cosmic UI — это open-source библиотека футуристичных компонентов на React + TailwindCSS + TypeScript. Всё выполнено в стиле научной фантастики — идеально для проектов с «космическим» вайбом.

🔧 Внутри:
- Компоненты с анимациями и голографическими эффектами
- Документация + демо: [cosmic-ui.com](https://cosmic-ui.com/docs)
- MIT лицензия — можно использовать как угодно
- Поддержка Vite, TS, ESLint, Vercel

⚡ Почему стоит попробовать?
- Готовые стилизованные компоненты экономят кучу времени
- Идеально для игр, дашбордов, кастомных интерфейсов
- Выглядит не как все остальные boring UI-библиотеки

📦 Установка:


npm install cosmic-ui


📌Github

@javascriptv

Читать полностью…

Javascript

✔️ Response-print-pdf — это UI Kit для создания PDF-файлов с использованием React и TypeScript.

С Response-print-pdf создавайте и генерируйте PDF-документы с помощью React 📄. Этот UI-набор компонентов предназначен для создания PDF и печатных документов, таких как счета, брошюры и другие документы. Используйте простые и многократно используемые компоненты и шаблоны для создания профессиональных документов.

Реализуйте свои идеи с помощью любимого фреймворка фронтенда React для создания PDF-документов следующего поколения.

Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:

☑️ Простоту в использовании
☑️ Готовые компоненты и шаблоны
☑️ 100% контроль макета
☑️ Интеграция динамических данных в PDF-файл

https://github.com/OnedocLabs/react-print-pdf

@javascriptv

Читать полностью…

Javascript

📢 Выходцы из Jetbrains запилили годноту для Java/Kotlin-разработчиков.
 
Стартап называется ❇️ Explyt.
Они только что выкатили мощный релиз. 
Вкратце: это плагин в IDE, который сам генерирует тесты с интересными возможностями
✔️ Vibe debugging. За счет интеграции с IDE, плагин собирает данные по исполнению программы и генерирует тест по этим данным, что экономит время на тестировании и отлавливает ошибки на 80-90% (!) 
✔️ Агентский режим. Ассистент, который живёт в проекте и следит за покрытием, сам находит незакрытые места и предлагает тесты. Работает в фоне, как часть команды. 

👉 Кому интересно - вот ссылка на релиз и установку плагина

Читать полностью…

Javascript

27 августа встречаемся на DrinkUp от Авито для backend-разработчиков в Нижнем Новгороде. Уже предчувствуем горячие споры… ☄️

В планах в формате дискуссий обсудить:
➡️ как правильно структурировать проекты;
➡️ кому и как проще вкатиться в Go и почему он такой странный;
➡️ как LLM помогает разработчикам.

Остальные темы раскрывать не будем — можете посмотреть их по ссылке! Там же, кстати, и регистрация на ивент.

Читать полностью…

Javascript

⚙️ Metro UI — это современный фронтенд-фреймворк, который помогает разработчикам создавать быстрые и отзывчивые веб-приложения с приятным интерфейсом в стиле Metro. Его компоненты оптимизированы для мобильных устройств, а гибкость позволяет легко адаптировать проекты под любые экраны.

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

🤖 GitHub

@javascriptv

Читать полностью…

Javascript

🖥 Теперь писать сложные промты самому не обязательно — OpenAI выпустили генератор, который превращает даже простой запрос в подробную инструкцию для ИИ.

Принцип простой: описываете, что хотите получить, нажимаете Optimize — GPT-5 анализирует запрос и выдаёт готовый детализированный промт. Работает бесплатно.

Инструмент может упростить работу с любыми нейросетями, особенно если у вас нет опыта в составлении промтов.

Готовый вы можете сразу попробовать в @Chatgpturbobot

Читать полностью…

Javascript

🖥 Прокачай JavaScript без тонны скучных туториалов

Опенсорсный челлендж на 30 дней (на самом деле более 120 😂) с понятным роадмапом и десятками проектов — от драм-машины и часов до Flappy Bird, 2048 и визуализации алгоритмов.

Что внутри:
- 30 стартовых задач + 96 продвинутых проектов с анимациями, играми и утилитами
- Демо и полный исходник к каждому проекту
- Мини-приложения: генератор паролей, погодный виджет, анимация частиц
- Постепенный рост сложности — комфортно и новичкам, и прокачанным

Как работать:
1. Иди по плану или выбирай интересные проекты
2. Разбирай код, переписывай и улучшай
3. Делай по 1 проекту в день — и уже через месяц увидишь результат

Запускай челлендж сегодня — через 30 дней твой JavaScript будет на новом уровне.

📌 Начать учиться

@javascriptv

Читать полностью…

Javascript

💎 RisuAI — кроссплатформенный клиент для общения с ИИ. Этот проект объединяет поддержку разных языковых моделей в одном интерфейсе с необычными функциями. Например, можно создавать групповые чаты с несколькими персонажами, добавлять эмоциональные изображения в диалоги и использовать TTS для озвучки ответов.

Проект имеет встроенный редактор regex для кастомизации вывода моделей и система «Lorebook» для сохранения контекста беседы. Есть версии для веба, ПК и Docker.

🤖 GitHub

@javascriptv

Читать полностью…

Javascript

🧮 bignumber.js — библиотека для работы с числами произвольной точности в JavaScript. Она поддерживает как десятичные, так и недесятичные числа, предлагая полный набор арифметических операций без потери точности.

Проект выделяется простым API, компактным размером и отсутствием зависимостей. Он особенно полезен в финансовых расчётах, криптографии и научных вычислениях, где важна точность. Библиотека работает даже в старых браузерах, так как использует только возможности ES3.

🤖 GitHub

@javascriptv

Читать полностью…

Javascript

⌨️ Хотите научиться создавать полноценные API-серверы с использованием Node.js и TypeScript?

Приглашаем на открытый урок «Как создать API-сервер с TypeScript и Node.js».

🗓 4 августа в 20:00 МСК
🆓 Бесплатно. Урок в рамках старта курса «Node.js Developer».

На открытом уроке мы покажем, как быстро настроить сервер с помощью Express, создать маршруты для работы с данными и обрабатывать запросы от клиентов. Вы освоите основы TypeScript и API-разработки, получите знания для работы с типами данных и ошибок.

🎯 Погрузитесь в мир востребованной backend-разработки: создайте API-сервер, научитесь писать чистый и безопасный код и откройте для себя возможности Node.js.

🔗 Ссылка на регистрацию: https://otus.pw/Bo2Z/

Читать полностью…

Javascript

🔺 Delaunator — молниеносная триангуляция Делоне на JavaScript. Библиотека выполняет разбиение 2D-точек на треугольники с впечатляющей скоростью — обрабатывает миллион точек за секунду. Основной алгоритм основан на оптимизированных sweep-line методах из научных работ 2010-2013 годов.

Инструмент имеет компактные структуры данных (Uint32Array для треугольников, Int32Array для рёбер), минимизирующие нагрузку на память. Поддерживает дегенеративные случаи через robust-predicates и обновление триангуляции на лету.

🤖 GitHub

@javascriptv

Читать полностью…

Javascript

🌳 Fancytree — проверенная временем JavaScript-библиотека для создания интерактивных деревьев с поддержкой редактирования, drag'n'drop и ленивой загрузки. Хотя проект перешёл в режим поддержки, он остаётся стабильным решением для таблиц с иерархией и файловых менеджеров.

Интересно реализована модульная структура: можно подключать только нужные функции вроде фильтрации или чекбоксов. Для современных проектов автор рекомендует наследника — Wunderbaum, но Fancytree всё ещё активно используют в legacy-системах.

🤖 GitHub

@javascriptv

Читать полностью…

Javascript

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

Хотя инструмент заточен под AWS, архитектура позволяет подключать и кастомные бэкенды. Amplify особенно удобен для React Native и веб-приложений, например, можно добавить авторизацию через Cognito или работу с S3 буквально парой строк кода.

🤖 GitHub

@javascriptv

Читать полностью…

Javascript

⚡️ Почему лучшие разработчики всегда на шаг впереди?

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

ИИ: t.me/ai_machinelearning_big_data
Python: t.me/pythonl
Linux: t.me/linuxacademiya
Devops: t.me/DevOPSitsec
Базы данных: t.me/sqlhub
Мл собес t.me/machinelearning_interview
C++ t.me/cpluspluc
Docker: t.me/DevopsDocker
Хакинг: t.me/linuxkalii
МЛ: t.me/machinelearning_ru
Data Science: t.me/data_analysis_ml
Javascript: t.me/javascriptv
C#: t.me/csharp_ci
Java: t.me/java_library
Python собеседования: t.me/python_job_interview
Мобильная разработка: t.me/mobdevelop
Golang: t.me/Golang_google
React: t.me/react_tg
Rust: t.me/rust_code
ИИ: t.me/vistehno
PHP: t.me/phpshka
Android: t.me/android_its
Frontend: t.me/front
Big Data: t.me/bigdatai
МАТЕМАТИКА: t.me/data_math
Kubernets: t.me/kubernetc
Разработка игр: /channel/gamedev
Физика: t.me/fizmat
SQL: t.me/databases_tg

Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: /channel/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: /channel/addlist/mzMMG3RPZhY2M2Iy

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno

🖥 Chatgpt для кода в тг: @Chatgpturbobot -

📕Ит-книги: /channel/addlist/BkskQciUW_FhNjEy
💼ИТ-вакансии t.me/addlist/_zyy_jQ_QUsyM2Vi

Подпишись, чтобы всегда знать, куда двигаться дальше!

Читать полностью…

Javascript

🧩 FossFLOW — опенсорс PWA для создания стильных технических диаграмм прямо в браузере

Этот инструмент идеально подойдёт для архитекторов, инженеров и DevOps-специалистов, которым нужно быстро визуализировать инфраструктуру.

🎨 Особенности:
— работает как полноценное веб‑приложение (PWA)
— поддерживает кастомные цвета, подписи, офлайн-режим
— удобный drag‑and‑drop интерфейс и управление компонентами
— ничего не надо устанавливать — всё прямо в браузере

🚀 Разворачивается за секунды:
— GitHub Pages
— Netlify
— Vercel
— Docker
или можно просто открыть онлайн-демо:
stan-smith.github.io/FossFLOW/

💡 Быстрая, приватная и лёгкая альтернатива тяжёлым десктопным редакторам.

🔗 GitHub: github.com/stan-smith/FossFLOW

Читать полностью…

Javascript

📊 Plotly for R — пакет для создания интерактивной визуализации в R с использованием JavaScript-библиотеки plotly.js. Позволяет превращать статические ggplot2-графики в динамические веб-визуализации с помощью одной функции ggplotly().

Инструмент имеет поддержку анимаций, кастомизации подсказок и интеграции с Shiny. Пакет особенно полезен для создания интерактивных дашбордов и отчетов в RMarkdown.

🤖 GitHub

@javascriptv

Читать полностью…

Javascript

Анимация загрузки для любителей чего-то необычного

#прелоадер #ожидание #загрузка

https://codepen.io/jkantner/pen/qBbjEVQ

@javascriptv

Читать полностью…

Javascript

Веб-разработчики, ловите полезный инструмент: MetaExplorer — мощное SEO-расширение прямо в браузере.

Показывает всё, что не так с вашей страницей:
– битые ссылки
– дубли заголовков
– кривые или отсутствующие мета‑теги
– проблемы с доступностью
– и другие SEO‑косяки, которые сложно отследить вручную

🚀 Подходит не только для фикса багов, но и для улучшения качества перед релизом.
Больше не нужно зарываться в DevTools или десятки валидаторов — всё видно сразу.

Очень удобная штука: https://www.metaexplorer.co/

@javascriptv

Читать полностью…
Subscribe to a channel