Javascript
18.1K subscribers
932 photos
142 videos
2 files
1.38K links
По всем вопросам - @workakkk

@itchannels_telegram -🔥лучшие ИТ-каналы

@ai_machinelearning_big_data - машинное обучение

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

РКН: № 5153160945
Download Telegram
📺 NodeCast TV - Современный IPTV плеер

NodeCast TV — это веб-решение для просмотра IPTV с поддержкой прямого эфира, EPG, фильмов и сериалов. Оптимизирован для высокой производительности и удобного пользовательского опыта, он поддерживает большие плейлисты и предлагает интуитивно понятный интерфейс.

🚀 Основные моменты:
- Поддержка прямого эфира с быстрой сменой каналов
- Интерактивный EPG с 24-часовым таймлайном
- Разделы для фильмов и сериалов с богатой метаинформацией
- Система избранного для мгновенной синхронизации
- Готовность к работе с Docker для простоты развертывания

📌 GitHub: https://github.com/technomancer702/nodecast-tv

#javascript
🔥10😁21👍1👏1
🗺️ Создавайте красивые карты легко с mapcn!

mapcn предлагает бесплатные и открытые компоненты карт с нулевой конфигурацией. Он построен на MapLibre GL и стилизован с помощью Tailwind, что позволяет быстро создавать адаптивные карты, совместимые с shadcn/ui.

🚀Основные моменты:
- 🎨 Темная/светлая тема — автоматическая адаптация
- 📦 Нулевая конфигурация — готов к использованию сразу
- 🗺️ Полный доступ к возможностям MapLibre GL
- 🧩 Компоненты для создания сложных интерфейсов карт
- 📍 Система маркеров с подсказками и метками

📌 GitHub: https://github.com/AnmolSaini16/mapcn
11👍6👏2🔥1😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Node получил возможность запускать файлы TypeScript напрямую!
🔥44👍113
Советы по Javascript 💡
👍195
Когда пришел на созвон первым и тимлид решил прочитать мотивирующую речь
😁34👍81
🧩 JS Analyzer - Расширение для Burp Suite

Мощное расширение для статического анализа JavaScript, которое извлекает API-эндпоинты, URL, секреты и адреса электронной почты из файлов JavaScript с умным фильтром шума. Цель — минимизировать шум для повышения точности анализа.

🚀Основные моменты:
- Обнаружение API-эндпоинтов и маршрутов
- Извлечение полных URL, включая облачные хранилища
- Сканирование на наличие секретов и токенов
- Фильтрация шума для повышения точности
- Экспорт результатов в JSON

📌 GitHub: https://github.com/jenish-sojitra/JSAnalyzer
👍83🔥1
🌐🚀 OpenChaos: эволюция через голосование сообщества

OpenChaos — это проект, который развивается благодаря голосованию сообщества. Каждую неделю участники могут предлагать изменения, а затем голосовать за них. Самый популярный PR автоматически объединяется и разворачивается.

🚀Основные моменты:
- Сообщество голосует за PR с помощью реакций.
- Каждый воскресенье выбирается победитель.
- Все изменения возможны, включая правила.
- Автоматический деплой через Vercel.
- Открытый исходный код и активное участие.

📌 GitHub: https://github.com/skridlevsky/openchaos
👍5
🧠 Умное управление задачами с Weft

Weft — это персональная доска задач, где AI-агенты выполняют ваши задания. Просто создайте задачу, назначьте агента, и он начнет работать, выполняя действия, такие как чтение писем, создание PR и редактирование документов. Все действия требуют вашего одобрения перед выполнением.

🚀 Основные моменты:
- AI-агенты работают параллельно над задачами
- Интеграция с Gmail, Google Docs, Google Sheets и GitHub
- Полный контроль над данными — саморазворачиваемый на Cloudflare
- Уведомления о завершении задач и необходимости одобрения

📌 GitHub: https://github.com/jonesphillip/weft

#javascript
👍41
🚀 Подборка репозиториев, которые реально полезно добавить в закладки - от фронтенда до AI/LLM.

Frontend / UI
1) Flexbox Froggy - учим flexbox в формате игры
https://github.com/thomaspark/flexboxfroggy

2) shadcn/ui - топовая база UI-компонентов для React
https://github.com/shadcn-ui/ui

3) 50 Projects in 50 Days - прокачка практикой
https://github.com/bradtraversy/50projects50days

4) Awesome React Components - огромная коллекция компонентов
https://github.com/brillout/awesome-react-components

5) Awesome CSS - всё про CSS, паттерны и идеи
https://github.com/awesome-css-group/awesome-css

AI / Multimodal / LLM
6) LLaVA - Large Language and Vision Assistant
https://github.com/haotian-liu/LLaVA

7) CLIP - contrastive обучение текста и изображений
https://github.com/openai/CLIP

8) Transformers - главная библиотека для SOTA NLP/Multimodal моделей
https://github.com/huggingface/transformers

9) Awesome Multimodal ML - бумаги + репозитории по multimodal
https://github.com/pliang279/awesome-multimodal-ml

10) RAG from Scratch - собрать RAG пошагово и понять как работает
https://github.com/langchain-ai/rag-from-scratch

11) Awesome LLM Apps - подборка production-ready LLM приложений
https://github.com/Shubhamsaboo/awesome-llm-apps

12) LLM Engineer Handbook - гайд по профессии LLM-инженера
https://github.com/PacktPublishing/LLM-Engineers-Handbook

Agents / Tools
13) MCP Python SDK - официальный SDK Model Context Protocol
https://github.com/modelcontextprotocol/python-sdk

ML / CV collections
14) Awesome Machine Learning - curated ML фреймворки и библиотеки
https://github.com/josephmisiti/awesome-machine-learning

15) Awesome Computer Vision - огромная база по Computer Vision
https://github.com/jbhuang0604/awesome-computer-vision

16) AI Engineering Hub (ZenML) - MLOps и инженерная часть AI
https://github.com/zenml-io/zenml

Qwen ecosystem
17) Qwen (Official)

https://github.com/QwenLM/Qwen

18) Qwen Fine-Tuning Examples
https://github.com/QwenLM/Qwen-Finetuning

Reinforcement Learning
19) Spinning Up in Deep RL (OpenAI)
https://github.com/openai/spinningup

20) Reinforcement Learning: An Introduction (Sutton & Barto)
https://github.com/ShangtongZhang/reinforcement-learning-an-introduction

Core DL
21) PyTorch
https://github.com/pytorch/pytorch

Generative AI
22) Awesome Generative AI Guide
https://github.com/steven2358/awesome-generative-ai
🔥95👍1
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Включаем CSS-режим после январских - визуальная шпаргалка по cssreference.io

Внутри:
Коллекции по темам: Flexbox, Grid, Animations, Typography

У каждого свойства есть наглядная иллюстрация - сразу видно, что оно делает

Быстрый поиск по свойствам без лишних кликов

📎 Однозначно в закладки, чтобы не гуглить одно и то же каждый раз

cssreference.io
12👍1🥰1🤔1
🚀 Автономный кодинг с Ralph

Ralph — это минималистичный агент для автономного кодирования, использующий файлы и git как память. Он выполняет задачи по одной истории за итерацию, сохраняя состояние в .ralph/.

🚀 Основные моменты:
- Определение историй и статусов через PRD (JSON).
- Каждая итерация начинается с чистого состояния.
- Логи и состояние хранятся в .ralph/.
- Поддержка различных агентов для выполнения задач.
- Простая настройка и использование шаблонов.

📌 GitHub: https://github.com/iannuttall/ralph

#javascript
👍111🔥1
🤫 STFU: приложение для борьбы с шумом в общественных местах

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

🚀Основные моменты:
- Воспроизводит звук с задержкой ~2 секунды.
- Помогает справиться с громкими разговорами.
- Легко настраивается и используется.
- Создано с юмором и креативом.

📌 GitHub: https://github.com/Pankajtanwarbanna/stfu

#javascript
11👍4😁2🔥1
🌏 Осторожно, можно налипнуть на долгие часы: интерактивная карта, которая показывает, как слова мигрировали сквозь века 😊

Если тебе хоть раз было интересно, откуда взялось слово и как оно менялось по дороге - это прям находка. Проект визуализирует “путешествие” слов по миру: как корни кочевали вместе с торговлей, войнами, колонизацией и смешением культур.

Что внутри:
- Gemini помогает находить корни и родство слов (этимология без занудства)
- D3.js превращает всё это в красивую анимацию на карте
- ты просто вводишь слово - и видишь его историю как маршрут: страны, эпохи, переходы

Это не просто справочник, а настоящая “география языка”, в которой можно зависнуть на час.

https://wanderword-141284551734.us-west1.run.app/
👍105🔥3👎2
🎮 Учимся Flexbox с Flexbox Froggy

Flexbox Froggy — это увлекательная игра для освоения CSS Flexbox. Игроки помогают лягушонку добраться до лилий, используя правильные свойства flexbox. Идеально подходит для новичков и разработчиков, желающих улучшить свои навыки в верстке.

🚀Основные моменты:
- Интерактивный подход к обучению CSS Flexbox
- Более 20 уровней с нарастающей сложностью
- Поддержка нескольких языков
- Открытый исходный код и возможность внесения вкладов

📌 GitHub: https://github.com/thomaspark/flexboxfroggy

#javascript
17👍5👎1😱1
This media is not supported in your browser
VIEW IN TELEGRAM
Иногда смотришь на чужой сайт и думаешь: “вот бы забрать этот блок/кнопку/анимацию себе” 😄

Нашёл удобный инструмент - MiroMiro.

Он позволяет в пару кликов *скопировать любой элемент со страницы* и сразу получить всё, что нужно для повторения дизайна:
- CSS стили
- картинки
- SVG
- Lottie-анимации
- палитру цветов

Полезно, когда делаешь лендинги, UI или просто собираешь референсы без ручного ковыряния DevTools.

miromiro.app
20👍6🔥5
🖥 Большинство “парсеров” умирают через 2 дня.
Ты научишься делать те, которые живут в проде.

Это не про BeautifulSoup ради галочки.
Это про системы сбора данных, которые:

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

Ты начнёшь видеть сайты не как страницы, а как источники данных, к которым можно подключиться.

В итоге ты сможешь:

• забирать данные для своих проектов
• автоматизировать чужую рутину
• делать инструменты для аналитики
• брать коммерческие заказы на сбор данных

Это навык, который напрямую превращается в деньги.
Не “знаю Python”, а умею добывать данные из интернета профессионально.

🎁 48 часов скидка 50% на Stepik: https://stepik.org/a/269942/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Учим React через интерактив и наглядные схемы

Если React кажется сложным и абстрактным - проблема чаще всего не в вас, а в подаче. Когда не видно, что происходит под капотом, всё превращается в магию из хуков и стейтов.

Этот сайт решает именно это. Он показывает React визуально:
как рендерится интерфейс, как обновляется состояние, что происходит при изменениях и почему компонент ведёт себя именно так.

Не просто теория, а понимание механики.

Заходите и разберитесь в React по-настоящему:
https://react.gg/visualized
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥158👍5😁1🤯1🤬1
This media is not supported in your browser
VIEW IN TELEGRAM
Советы по HTML 💡

Знаете ли вы, что с помощью элемента HTML <dialog> можно легко создать модал?
🔥21👍82
🎨 Создавайте красивые диаграммы с beautiful-mermaid!

Этот инструмент позволяет быстро генерировать диаграммы Mermaid в формате SVG или ASCII, с возможностью кастомизации тем и без зависимостей от DOM. Идеально подходит для визуализации данных в терминале или интерфейсах.

🚀Основные моменты:
- Поддержка 5 типов диаграмм: потоки, состояния, последовательности и др.
- Двойной вывод: SVG для UI и ASCII для терминалов.
- 15 встроенных тем и простота добавления собственных.
- Мгновенное переключение тем без перерисовки.
- Высокая скорость рендеринга — более 100 диаграмм за 500 мс.

📌 GitHub: https://github.com/lukilabs/beautiful-mermaid

#typescript
👍53
⚡️ TypeScript 6.0 Beta - что нового

Microsoft выпустили TypeScript 6.0 Beta. В релизе — улучшения производительности, более точная типизация и изменения, которые упрощают работу с большими проектами.

Вот основные изменения.

Быстрее работа компилятора

- Улучшена производительность проверки типов
- Быстрее сборка крупных проектов
- Оптимизации для больших monorepo

TypeScript продолжает фокусироваться на скорости, особенно для больших кодовых баз.

Улучшения типизации

- Более точный вывод типов в сложных сценариях
- Улучшения для generics
- Лучшая работа с union и conditional types

Меньше ситуаций, где приходится явно указывать типы вручную.

ECMAScript и совместимость

- Поддержка новых возможностей JavaScript
- Улучшенная совместимость с современными runtime и bundler’ами
- Обновления для работы с Node.js и современными инструментами сборки

Инструменты и DX

- Более понятные сообщения об ошибках
- Улучшения в Language Service (автодополнение, навигация)
- Улучшенная работа редакторов (VS Code и др.)

Почему это важно

Релиз не про новые «синтаксические фичи», а про:
- скорость
- стабильность
- удобство разработки
- масштабируемость для больших проектов

Если у вас большой TypeScript-проект, обновление может дать заметный прирост производительности.

💥 Источник: https://devblogs.microsoft.com/typescript/announcing-typescript-6-0-beta/

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍164🔥2🥰1
📚🚀 Prismer.AI — Альтернатива OpenAI Prism для научных исследований

Prismer.AI — это открытая платформа для управления академическим процессом, от чтения статей до публикации. Она включает в себя AI-ридер PDF, облачное управление контекстом и редактор LaTeX, что делает её уникальной в сравнении с традиционными инструментами.

🚀Основные моменты:
- AI-ридер с графами цитирования
- Облачное управление знаниями с SDK
- Поддержка анализа данных в Jupyter
- Проверка цитат на соответствие базам данных
- Многоагентная система для исследований

📌 GitHub: https://github.com/Prismer-AI/Prismer

#typescript
🔥42👍2👎1