17266
React программирование @haarrp - admin @itchannels_telegram - 🔥лучшие ит-каналы @javascriptv - продвинутый javascript @programming_books_it - бесплатные it книги @ai_machinelearning_big_data - ml № 5037566384
🔥 Подборка полезных ресурсов для программистов.
Здесь ты найдёшь всё это - коротко, по делу и без воды.
Пока другие ищут, где “подглядеть решение”, ты уже используешь самые свежие инструменты!
AI: t.me/ai_machinelearning_big_data
Python: t.me/pythonl
Linux: t.me/linuxacademiya
Devops: t.me/DevOPSitsec
Собеседования DS: t.me/machinelearning_interview
C++ t.me/cpluspluc
Docker: t.me/DevopsDocker
Хакинг: t.me/linuxkalii
Data Science: t.me/data_analysis_ml
Javascript: t.me/javascriptv
C#: t.me/csharp_1001_notes
Java: t.me/java_library
Базы данных: t.me/sqlhub
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
Haskell: t.me/haskell_tg
Физика: t.me/fizmat
💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: /channel/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: /channel/addlist/mzMMG3RPZhY2M2Iy
Папка Linux:/channel/addlist/w4Doot-XBG4xNzYy
😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno
🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: /channel/addlist/BkskQciUW_FhNjEy
Сохрани себе, чтобы не потерять!
🛠️ Улучшаем коммиты с AI
Git Rewrite Commits — это инструмент для автоматического улучшения сообщений коммитов с помощью AI. Он помогает привести в порядок историю коммитов, создавая более осмысленные и структурированные сообщения, что особенно полезно перед публикацией проектов или для повышения удобства работы с репозиториями.
🚀Основные моменты:
- AI-генерация сообщений для коммитов
- Поддержка локальных моделей и оффлайн-работы
- Установка git hooks одним командой
- Оценка качества коммитов и автоматическое исправление
- Возможность настройки формата и языка сообщений
📌 GitHub: https://github.com/f/git-rewrite-commits
#javascript
Записываем музыку при помощи CSS Grid
Слишком часто я наблюдал за тем, как импровизирующий музыкант трясущимися руками пытается увеличить pdf размером A4 на крошечном экране телефона в самом разгаре исполнения. Мы обязаны создать плавный и отзывчивый рендеринг музыки для веба!
В вебе нотная запись должна быть столь же доступной и плавной, как текст; однако пока это не так, и это уязвляет мои чувства. Давайте решим эту актуальную проблему.
https://cruncher.ch/blog/printing-music-with-css-grid/
🌐 Интерактивная визуализация данных для SVI
SVI — это инструмент для интерактивной визуализации данных, который позволяет пользователям легко исследовать и анализировать сложные наборы данных. Он предлагает интуитивно понятный интерфейс и мощные функции для создания наглядных графиков и диаграмм.
🚀Основные моменты:
- Интерактивные графики для глубокого анализа данных
- Поддержка различных форматов данных
- Легкость в использовании и настройке
- Возможность интеграции с другими инструментами
📌 GitHub: https://github.com/samihadouaj/svi
#javascript
⚡️ Новый проект: DeepSeek OCR — React + FastAPI
Открыли репозиторий с современным веб-приложением OCR: фронтэнд на React, бэкенд на FastAPI.
Что умеет:
- Plain OCR — извлечение текста из изображения
- Describe — генерация описания изображения
- Find — поиск заданного термина с отображением рамки
- Freeform — задаёшь кастомный prompt и получаешь результат
Почему круто:
- Drag-and-drop загрузка изображений до 100 МБ, визуализация bounding boxes
- Конфигурация через .env (порт, размер файла, модель)
- Стек: React 18 + Vite + TailwindCSS + FramerMotion + FastAPI + PyTorch + Transformers
- Всё контейнеризовано через Docker + Docker Compose → можно быстро запустить
Как начать:
1. Клонируй репозиторий
2. Cкопируй .env.example в .env и настрой параметры
3. Запусти: docker compose up --build
4. Открой: фронтэнд (по умолчанию http://localhost:3000) & API (http://localhost:8000)
https://github.com/rdumasia303/deepseek_ocr_app/
🌐 Docusaurus — генератор статических сайтов на основе React с понятной документацией!
🌟 Он поддерживает Markdown, компоненты React, управление версиями, переводы и SEO-оптимизацию.
🔐 Лицензия: CC-BY-4.0
🖥 Github
@react_tg
Теперь обсуждаем кино не в комментариях — а с нейросетью 🔥
ГигаЧат научился разговаривать: говорит, слушает и даже уточняет детали. Всё звучит живо, будто общаешься с другом, который перечитал IMDb и пару научных статей.
Хочешь обсудить фильм? «Пятый элемент»? Легко. Можно обсудить смыслы, эмоции, режиссуру и всё, что скрыто между строк.
Будущее, о котором мечтали в 1997-м, уже здесь.
#ai #gigachat #технологии
Упаковка проекта с анимацией в один HTML-файл — или как кодировка Windows-1251 помогла сэкономить 52 МБ 💡
Крутейшая разработка собственного упаковщика, который собирает большую анимационную сцену в один автономный HTML-файл.
Такой файл можно запустить в любом браузере, без интернета и без веб-сервера — полностью офлайн.
🚀 AI-Powered Full-Stack Development Platform
FullStack Agent — это инновационная платформа, позволяющая создавать и развивать веб-приложения с помощью ИИ и естественного языка. Она использует Claude Code и Kubernetes для безопасного и масштабируемого развертывания проектов в изолированных средах.
🚀 Основные моменты:
- 🤖 Разработка с помощью ИИ: создание приложений через естественный язык
- 🔒 Изолированные среды: каждый проект работает в своем контейнере Kubernetes
- 🗄️ Автоматическое создание баз данных: PostgreSQL по запросу
- 🌐 Веб-терминал: доступ к среде через интегрированный ttyd
- 🔐 Интеграция с GitHub: управление репозиториями и версиями
📌 GitHub: https://github.com/FullstackAgent/FullstackAgent
Не пропусти МТС True Tech Champ — масштабный фестиваль 21 ноября для тех, кто живет технологиями 🔥
Тебя ждут:
▫️ Конференция с международными спикерами. Эксперты расскажут о трендах в ИИ и инновациях в индустрии.
▫️ ИТ-качалка. Наращивай экспертизу на воркшопах.
▫️ Шоу-финал ИТ-чемпионата. Более 250 талантов со всей России сразятся в лайв-кодинге и программировании роботов на скоростное прохождение лабиринтов со спецэффектами. Выбирай и болей за фаворитов.
▫️ Айтивности. Тебя ждут бои роботов, кодерские челленджи, пайка плат и не только. Заработай True Coins и обменяй их на стильный мерч.
▫️ HR-Hub. Команда МТС расскажет о возможностях для развития в компании и поможет перезагрузить карьерный трек.
▫️ Афтепати со звездными хэдлайнерами. Зажги под популярные хиты.
Когда: 21 ноября, МТС Live Холл в Москве и онлайн.
Регистрируйся на сайте. Участие бесплатно, количество мест ограничено.
👨💻 Пишете на JS, но чувствуете, что инструментов уже не хватает?
На практическом курсе от OTUS вы разберёте продвинутый React (Hooks, Redux Toolkit, Zustand, Query), SSR на Next.js, познакомитесь с Vue 3 и Nuxt 3, укрепите типизацию в TypeScript и выйдете на fullstack-уровень с Node/Nest.js.
❗️Программа составлена практикующими разработчиками, а занятия проходят в формате живых лекций и практики на реальных задачах. Вы научитесь проектировать REST API, подключать PostgreSQL, собирать и деплоить проекты с Docker и CI/CD. После обучения вы сможете уверенно работать в командах, разрабатывать сложные web-приложения и прокачаете навыки, которые востребованы в крупных компаниях.
🏃♂️➡️🏃♂️➡️🏃♂️➡️ Остались последние места. Пройдите короткое вступительное тестирование, получите скидку 5% по промокоду JSPRO_10 и закрепите за собой участие:
https://otus.pw/4dXc/?erid=2W5zFGz1P5J
Подробности уточняйте у менеджеров
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
🖨️📄 BentoPDF: Мощный инструмент для работы с PDF в браузере
BentoPDF — это клиентский PDF-редактор, который позволяет редактировать, объединять и обрабатывать PDF-файлы без загрузки на сервер. Все операции выполняются локально, обеспечивая полную конфиденциальность ваших данных.
🚀 Основные моменты:
- Полная конфиденциальность: обработка происходит в браузере.
- Без ограничений: работайте с любым количеством файлов.
- Высокая производительность: быстрое и эффективное выполнение задач.
- Бесплатно и с открытым исходным кодом.
📌 GitHub: https://github.com/alam00000/bentopdf
🎹 Умный Keyer для удобного ввода текста
Keyer — это уникальная клавиатура с минимальным движением пальцев, позволяющая набирать текст одной рукой. Она поддерживает множество аккордов и арпеджио, а также предлагает оптимизированные раскладки для удобства. Легко собрать самостоятельно из доступных материалов.
🚀 Основные моменты:
- Минимальные движения пальцев для быстрой печати
- Возможность использовать вторую руку для других задач
- Эргономичный дизайн, подстраивающийся под форму вашей руки
- Долговечная работа от аккумулятора, до месяца без подзарядки
- Доступная стоимость сборки — менее 50 USD
📌 GitHub: https://github.com/mafik/keyer
😨 Асинхронность в JavaScript — главный источник боли у разработчиков. Callback hell, ошибки в промисах, непредсказуемое поведение кода… знакомо?
❗️ На открытом уроке курса мы разложим по полочкам всю эволюцию подходов к асинхронности: от первых колбэков до современного Async/Await.
Вы научитесь работать с Event Loop, свободно комбинировать Promises и async-функции, обрабатывать ошибки правильно и писать код, который не ломается в продакшене. А ещё узнаете, как параллелить операции без ловушек и антипаттернов.
👉 Подключайтесь 20 октября в 20:00 МСК. Урок проходит в преддверие старта курса «JavaScript Developer. Professional». Все участники получат скидку на обучение. Регистрация открыта: https://otus.pw/xUAW/?erid=2W5zFHRXe88
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
🎸 It's MyTabs: Your Self-Hosted Tab Viewer
It's MyTabs — это веб-приложение для просмотра и воспроизведения гитарных и басовых табулатур. Поддерживает синхронизацию с аудиофайлами и видео на YouTube, а также предлагает простой интерфейс и мобильную совместимость.
🚀 Основные моменты:
- Открытый исходный код (MIT License)
- Поддержка различных форматов табулатур
- Синхронизация с аудио и видео
- Многофункциональный MIDI синтезатор
- Настраиваемые режимы курсора
📌 GitHub: https://github.com/louislam/its-mytabs
#javascript
🧩 Davia: Интерактивная документация для вашего кода
Davia — это инструмент с открытым исходным кодом, который генерирует интерактивную внутреннюю документацию для вашего локального кода. Просто укажите путь к проекту, и он создаст документацию с визуализациями, которые можно редактировать в стиле Notion или в вашем IDE.
🚀 Основные моменты:
- Генерация документации для локальных проектов
- Интерактивные визуализации и редактирование
- Открытый исходный код
- Поддержка нескольких AI-провайдеров
📌 GitHub: https://github.com/davialabs/davia
🚀 Ищем HTML-верстальщика (лендинги) в вертикаль «инвестиции».
Только с опытом.
Нужен тот, кто быстро и качественно создает одностраничники.
Большой объём задач — постоянная загрузка для того, кто любит темп.
Ждем от тебя адаптив, аккуратность, скорость.
💰 Предлагаем хорошие условия по оплате
🌍 Работа полностью удалённая
Если умеешь быстро и качественно верстать — напиши 👉 @sueta_v_gorode
📹 Загрузчик медиа из Twitter 🚀
TwitterXDownload — это мощный инструмент для скачивания видео и других медиа из Twitter. Он идеально подходит для контент-креаторов и маркетологов, позволяя эффективно переводить и перепубликовывать контент. Также проект служит отличной основой для изучения Next.js и других технологий.
🚀 Основные моменты:
- 🎥 Извлечение медиа из твитов с поддержкой пакетной загрузки
- 🔍 Умный поиск по твитам по автору, дате и типу медиа
- 🌐 Однокнопочный перевод и перепубликация твитов
- 🌍 Поддержка 12 языков для глобальной доступности
- 📦 Оптимизация для SEO и AdSense
📌 GitHub: https://github.com/imtonyjaa/twitterxdownload
#javascript
<h1> Ищем новичков во фронтенд-разработке и вёрстке сайтов. </h1>
<p> Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений. </p>
<p> А именно: </p>
<ul>
<li> - Сверстать веб-сайт на HTML + CSS; </li>
<li> - Реализовать функционал на JavaScript; </li>
<li> - Пощупать фронтенд-фреймворк Angular;</li>
<li> - Подключить Backend и загрузить сайт на хостинг. </li>
</ul>
<p> 💪 Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать. </p>
<button type="button"> 👉 Приходи на бесплатное обучение и зови с собой друзей </button>
<p> Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку. </p>
Вы можете использовать CSS-анимацию с прокруткой, например, IntersectionObserver от JavaScript 🤙
Читать полностью…
img {
animation: reveal;
animation-timeline: view();
animation-range: entry 0% entry 150%;
}
@keyframes reveal { 0% {
opacity: 0;
filter: brightness(2);
scale: 0.9;
}}
💡 Together AI показали, как построить «Lovable Clone» с моделью Kimi K2
Гайд объясняет, как создать приложение на Next.js, которое по текстовому запросу генерирует готовое React-приложение — буквально «код по одной фразе».
🧩 В галке описаны основные шаги:
- Создать простое UI с полем ввода запроса (*“Build me a calculator app…”*).
- Реализовать API-роут /api/generateCode, который отправляет запрос к модели Kimi K2 через SDK Together AI.
- Использовать system prompt, чтобы модель возвращала только код, без комментариев.
- Встроить Sandpack или аналог для выполнения кода прямо в браузере.
- Добавить стриминг, чтобы пользователь видел, как код появляется в реальном времени.
https://docs.together.ai/docs/how-to-build-a-lovable-clone-with-kimi-k2
Эффекты мерцания с помощью CSS 🚀
1. Animate opacity
2. Use custom linear() timing 🔥:root { --flicker: linear(0 0% 0.5%, 0.1723 0.7925% ... ); }
.flicker {
animation: dim 4s infinite var(--flicker) alternate;
}
@keyframes dim { opacity: 0.25; }
🚀 Создание AI-агентов без кода
Open Agent Builder — это визуальный конструктор для разработки и развертывания рабочих процессов AI-агентов. Используя интерфейс перетаскивания, вы можете легко создавать сложные потоки, включая автоматизацию исследований и веб-скрапинг.
🚀 Основные моменты:
- Интуитивно понятный интерфейс для создания рабочих процессов
- Поддержка реального времени с обновлениями
- Интеграция с Firecrawl для веб-скрапинга
- Многофункциональные узлы для различных задач
- Поддержка аутентификации и управления пользователями
📌 GitHub: https://github.com/firecrawl/open-agent-builder
Gentle button 'explode'
Визуальные эффекты при наведении мыши на кнопку. Использованы SCSS и JS.
https://codepen.io/cassie-codes/pen/zYdxopE
Трюк по CSS ⭐
Вы можете создать этот сверкающий фон с помощью одного элемента, используя mask-composite, при этом анимируя mask-position.
.canvas {
background: var(--gradient);
mask: var(--dots), var(--noise);
mask-composite: intersect /* source-in, xor */;
animation: flicker;
}
@keyframes flicker {
to { mask-position: 50% 50% , 0 50%; }
}
mask: radial-gradient(circle at 50% 50%, white 2px, transparent 2.5px) 50% 50% / 40px 40px;
mask: url("noise.png") 50% 50% / 256px 256px;
🪄 Открытая альтернатива Firebase — на стероидах PostgreSQL
Платформа, которая даёт всё, чтобы собрать современное веб-, мобильное или AI-приложение — без проприетарных SDK и боли.
Что внутри:
⚙️ Хостинг Postgres с realtime-синхронизацией
🧩 Автогенерация REST и GraphQL API
🔐 Аутентификация и авторизация через JWT
⚡ Edge-функции и серверные триггеры
📦 Хранилище файлов с поддержкой S3
🧠 AI-инструменты: векторные индексы, эмбеддинги, семантический поиск
🪶 Всё open source и доступно для self-host.
По сути это Firebase-опыт, но построенный на «взрослых» open-source технологиях:
PostgreSQL, Elixir, GoTrue, PostgREST, pg_graphql.
Платформа, где можно запустить идею, вырастить продукт и не упереться в чьи-то закрытые лимиты.
#Postgres #OpenSource #Backend #AI #GraphQL #Realtime #FirebaseAlternative
https://github.com/supabase/supabase
CSS Swirl
Версияна чистом CSS.
400 квадратов, с использованием sibling-index и count, кучи тригонометрических функций и немного типизированной арифметики. (Пока работает только в Chrome 140+).
https://codepen.io/amit_sheen/full/PwZoLBG
🖥 React победил по умолчанию - и это убивает инновации во фронтенде ⚔️
Автор статьи Loren Stewart пишет, что React больше не побеждает за счёт технологий - он побеждает по привычке разработчиков выбирать его.
Когда команда начинает новый проект, вопрос звучит не «что лучше под задачу?», а «какую версию React взять?».
Так рождается самоподдерживающийся цикл, где «дефолт» заменяет выбор.
Между тем фреймворки вроде Svelte, Solid и Qwik давно показывают архитектурные преимущества:
- Svelte компилирует реактивность на этапе сборки
- Solid даёт точечные обновления без виртуального DOM
- Qwik поднимает страницу мгновенно за счёт resumability
Но им редко дают шанс — React уже выбран заранее.
React стал экосистемой, которая добавляет всё новые абстракции (hooks, useEffectEvent, signals), чтобы закрыть слабости своего же подхода.
При этом API становится всё сложнее, кривая обучения растёт, а фронтенд застыл в привычной парадигме.
Вывод автора:
React победил не потому, что он лучший, а потому что он - самый безопасный выбор.
И пока индустрия выбирает комфорт, она теряет инновации.
Что думаете по этому поводу?
🟢Полный текст: https://www.lorenstew.art/blog/react-won-by-default
🎮 На SQL Doom уже запускали, пришло время Chatgpt
Разработчик взял шаблон ChatGPT App на Next.js, добавил инструмент play_doom и задеплоил всё на Vercel.
Chatgpt не просто *описывает* игру, а реально запускает рабочий Doom прямо в чат:
серверный и клиентский рендеринг работают одновременно.
🟢 starter kit: http://vercel.com/templates/ai/chatgpt-app-with-next-js
@ai_machinelearning_big_data
#chatgpt #doom
💡 Репозиторий, где собрано 100+ проектов с нуля - от веба до ИИ. Всё максимально практично 👇
- 100+ готовых проектов: сайты, игры, нейросети, тулзы
- Современные технологии: ReactJS, NodeJS, VueJS, Flutter, Unity, TensorFlow, OpenCV и другие
- Пошаговые гайды с разными уровнями сложности — подойдёт даже новичку
- У каждого проекта указан технологический стек
Без воды - только практика и понятные объяснения.
🚀 https://github.com/Xtremilicious/projectlearn-project-based-learning