Javascript

03 Jul 2025 17:01

16 августа — на ИТ-пикник

Событие месяца — семейный фестиваль для опытных ИТ-специалистов. Что в программе:
— Лекции топов индустрии.
— Интерактивы, квесты, мастер-классы.
— Общение, знакомства.
— Выступления известных музыкантов: «тима ищет свет», Тося Чайкина, «Второй Ка» и секретного артиста.

Фестиваль пройдет в музее-заповеднике «Коломенское»

Время отжигать, пока лето не закончилось. Подробности и билеты — на сайте ИТ-пикника

Javascript

03 Jul 2025 09:00

🚀 Хотите стать Vue-разработчиком?

Пройдите вступительное тестирование и получите шанс обучаться на курсе Vue.js разработчик от OTUS! 🎓

Почему это важно?
- Знания для реальной работы: на курсе не просто теория, а практика на реальных проектах.
- Готовое портфолио: в конце обучения вы создаете полноценное приложение, которое можно показать работодателю.
- Поддержка экспертов: менторы из индустрии помогут на каждом шаге.
- Углубленное изучение Vue: от основ до продвинутых технологий — все, что нужно для успешной карьеры.

Как это работает?
1. Пройдите тестирование и оцените свой уровень.
2. Получите спеццену при поступлении в группу курса и начните обучение. Подробности уточняйте у менеджера.
3. Получайте знания, расширяйте свой стек технологий, реализуйте выпускной проект.

🔗 Пройти тестирование: https://otus.pw/0cfm/?erid=2W5zFJrVt4Q 

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

Javascript

01 Jul 2025 10:40

🐟 Garfish — фреймворк для микросервисного фронтенда. Этот фреймворк решает проблему интеграции разрозненных веб-приложений в единый продукт. Подход позволяет командам разрабатывать модули независимо на React, Vue или любых других технологиях, но запускать их как части целого.

Фреймворка имеет довольно продуманную изоляцию: песочницы для JS/CSS, роутинг с автономными зонами видимости и общий механизм обмена данными между модулями. Адаптивная загрузка в системе реализована через анализацию поведения пользователей, чтобы предварительно кэшировать часто используемые модули.

🤖 GitHub

@javascriptv

Javascript

28 Jun 2025 13:01

💎 Liquid Glass для React — современный UI-эффект в духе Apple

liquid-glass-react — это эффект "жидкого стекла", теперь как компонент для React. Поддерживает преломление, размытие, хроматическую аберрацию и реакцию на курсор. Стильно, плавно и нативно выглядит в интерфейсе.

🧪 Что умеет:
• Преломление и искажение (`displacementScale`, blurAmount, `saturation`)
• Хроматическая аберрация и глянцевый блик
• Эффект "жидкой реакции" на курсор (`elasticity`)
• Реалистичный визуальный стиль как у macOS/iOS
• Кастомизация: cornerRadius, padding, onClick, mouseContainer

📦 Установка:

npm install liquid-glass-react

<LiquidGlass
  displacementScale={64}
  blurAmount={0.1}
  saturation={130}
  aberrationIntensity={2}
  elasticity={0.35}
  cornerRadius={100}
>
  <span className="text-white font-medium">Click Me</span>
</LiquidGlass>

Javascript

27 Jun 2025 14:56

Хотите освоить JavaScript и собрать свой проект за полтора месяца?

Присоединяйтесь к Интенсиву — проекту Т-Образования. Учитесь очно в Москве или онлайн из любого города России.

Что вас ждет:
— 4—5 занятий в день: теория и практика вместе, каждый день вы пишете код;
— программа от техлидов и разработчиков Т-Банка — никакой воды, только рабочие инструменты;
— упор на JavaScript для фронтенд- и бэкенд-разработки;
— ускоренный формат с полным погружением;
— выпускной проект, который можно положить в портфолио и показать на собеседовании;
— обучение летом без пересечений с вузом.
Программа делится на два этапа:
— с 14 июля по 3 августа — основа языка, практика каждый день;
— с 4 по 24 августа — углубленные темы, командная работа, защита проекта.

Финал — не просто сертификат: лучшие участники смогут пройти собеседование в команду Т-Банка.

Для тех, кто будет учиться очно, интенсив это еще и комьюнити: экскурсии по офису, квизы, настольные игры и общение с теми, кто тоже хочет расти в ИТ.

Кому подойдет: студентам 2—4 курсов, которые готовы поработать летом и вырасти до реальных задач.

Регистрируйтесь уже сейчас

Javascript

24 Jun 2025 11:22

Кнопка оживает и радостно пульсирует при наведении курсора мыши

#hover #кнопки

https://codepen.io/danielsitek/pen/reoJqK

@javascriptv

Javascript

24 Jun 2025 07:32

Всплывающие скроллеры изображений с анимацией, управляемой прокруткой CSS 🤙

.pop {
view-timeline-name: --pop;
}
img {
animation: slide both;
animation-timeline: --pop;
animation-range: entry 100% cover 50%;
}
.skateboarder {
--x: 0;
--y: -45%;
}
@ keyframes slide {
to { translate: var(--x) var(--y); }
}


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

@javascriptv

Javascript

23 Jun 2025 09:05

Митап для QA-инженеров от MТС Web Services

📍 3 июля | 19:00
📍 Офлайн в Москве | Онлайн

О чем поговорим:
— О создании отечественного браузерстека MWS SunQ;
— Об автотестах на естественном языке;
— Об идеальном фреймворке для автоматической генерации тестов;
— О предиктивной оценке качества.

На True Tech QA выступят эксперты из MTC Web Services, Альфа-Банка и BugBuster.

Для участия зарегистрируйся по ссылке

Javascript

19 Jun 2025 12:01

🎨 DeepSite V2 — сервис для генерации сайтов по текстовому описанию

Особенности
🔹 ИИ хорош в генерации UI-дизайна
🔹 Поддержка новой модели DeepSeek-R1
🔹 Можно вносить точечные изменения в любой элемент
🔹 Полный редизайн существующих сайтов
🔹 100% open-source

💡 Если ты экспериментируешь с LLM + UI + фронтом — DeepSite V2 это must-try.

Vibe Coding выходит на новый уровень.

https://deepsite.hf.co/projects/new

Javascript

18 Jun 2025 16:03

Высшее на новом уровне: онлайн-магистратура от Яндекса и ИТМО. Здесь фундаментальные знания и практика для карьерного роста, а ещё — учёба, которую можно совмещать с работой и жизнью.

IT‑специальность с экспертизой Яндекса + диплом магистра гособразца = новая ступень в карьере. Приёмная кампания уже идёт!

Все подробности — на дне открытых дверей:
— Разбор совместной программы с ИТМО.
— Всё о формате прикладной онлайн-магистратуры: что взяли от классического высшего, а что добавили из опыта специалистов Яндекса.
— Общение с экспертами из вуза и ответы на вопросы.
— Всё про поступление: сроки, экзамены, документы, оплата и образовательный кредит.

▷ Ждём вас 26 июня в 19:00 мск.

Javascript

18 Jun 2025 10:03

Недавно появился удобный Mini App: Calendar for Telegram

Теперь можно создавать и делиться встречами в Telegram за пару секунд:

👥 Просто отправьте событие другу или в рабочий чат 
🔗 Приглашайте участников по их Telegram-имени или нику
🤝 Участники могут сразу подтвердить событие или отклонить его
📍 Место, время, описание — всё в одном сообщении

При этом в tCalendar есть и другие полезные фичи: быстрый доступ к расписанию, афиши мероприятий, создание Google Meet, слоты для ведения расписания и AI-функции.

Попробуйте прямо сейчас — это бесплатно и всегда под рукой!👌  

erid: 2W5zFFwDAWk

Javascript

16 Jun 2025 18:03

Эффект перетекания освещения от карточки к карточке при наведении курсора мыши

#hover #карточки

https://codepen.io/Hyperplexed/pen/MWQeYLW

@javascriptv

Javascript

16 Jun 2025 13:00

🧩 GenAIScript — библиотека для программирования промптов и работы с LLM. Проект предлагает необычный подход: вместо написания статичных текстовых запросов, вы конструируете их программно, используя JavaScript.

Скрипты поддерживают работу с файлами, валидацию данных через схемы и интеграцию с внешними API. Инструмент имеет встроенную поддержку различных провайдеров (OpenAI, Anthropic, GitHub Copilot) и возможность запуска локальных моделей через Ollama.

🤖 GitHub

@javascriptv

Javascript

13 Jun 2025 12:00

🟦 High-fidelity 3D: новый уровень генерации с Sparc3D

Генерация качественных 3D-объектов остаётся сложнее, чем 2D-изображений — меши неструктурированы, а плотные воксельные сетки требуют огромных ресурсов. Обычные пайплайны VAE+диффузия теряют детали из-за неэффективных представлений и несовпадения форматов.

Sparc3D решает эти проблемы с помощью единого фреймворка:

• Sparcubes — sparse deformable marching cubes-репрезентация, превращающая любые меши в поверхности высокого разрешения (1024³), подходящие для оптимизации и обучения.
• Sparconv-VAE — первый вариационный автокодировщик на спарс‑сверточных сетях, согласованный с форматом данных и не теряющий мелкие детали.
• Фреймворк интегрируется с диффузионными моделями, обеспечивая точную, масштабируемую и эффективную генерацию сложных 3D-форм, включая открытые поверхности, разъединённые компоненты и мелкую геометрию.

Sparc3D устанавливает новый стандарт точности и детализации при генерации 3D-объектов, сокращая издержки на обучение и инференс.

Live demo 👉https://huggingface.co/spaces/ilcve21/Sparc3D
🏠 Homepage: https://lizhihao6.github.io/Sparc3D/
📄 Paper: https://arxiv.org/abs/2505.14521

Javascript

11 Jun 2025 10:15

⚙️ Проверяй совместимость JavaScript-кода за секунды

🔍 Runtime-compat — это удобный инструмент, который быстро подскажет, какие JS-фичи из вашего проекта поддерживаются в разных средах выполнения, а какие могут сломаться.

Просто запусти его — и получишь отчёт о том, что будет работать в Node.js, Deno, Bun, Cloudflare Workers и других рантаймах.
Отлично помогает ещё до деплоя понять, что нужно переписать или полифилить.

📦 Поддерживает:
- Node.js
- Deno
- Bun
- Cloudflare Workers
- и другие

Если ты пишешь кросс-рантайм код — это must-have инструмент.

https://runtime-compat.unjs.io/

#инструменты #javascript

@javascriptv

Javascript

03 Jul 2025 10:04

Карточка с появлением дополнительных функций при наведении на неё.

#карточки #hover

https://codepen.io/itbruno/pen/Exvjga

@javascriptv

Javascript

02 Jul 2025 13:05

📐 Fitty — умная библиотека для автоматического масштабирования текста под размер родительского контейнера. Этот легковесный инструмент особенно полезен при создании адаптивных интерфейсов, где важно сохранить читаемость текста на любых экранах.

Библиотека работает с веб-шрифтами, поддерживает минимальный и максимальный размер текста, а также автоматически обновляется при изменении макета. Для старта достаточно подключить скрипт и вызвать fitty() для нужного элемента. Под капотом — умный механизм, который группирует операции чтения и записи DOM.

🤖 GitHub

@javascriptv

Javascript

30 Jun 2025 13:04

💎 Neo.mjs — фреймворк, который переосмысливает веб-разработку. Этот проект переносит всю бизнес-логику в Web Workers, оставляя главный поток браузера исключительно для рендеринга. В результате получаются интерфейсы, остающиеся плавными даже при 40 000 обновлений в секунду.

Также впечатляет нативная работа с ES-модулями без сборки в dev-режиме и встроенная поддержка многопоточности. Это делает фреймворк идеальным для сложных дашбордов, финансовых приложений и веб-IDE, где важна каждая миллисекунда.

🤖 GitHub

@javascriptv

Javascript

27 Jun 2025 17:05

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

Инструмент интегрируется на уровне реальной сессии: изменения, сделанные через веб-интерфейс, сразу отражаются в системе, а ошибки из терминала видны в журнале Cockpit. Поддерживает работу с удалёнными серверами по SSH.

🤖 GitHub

@javascriptv

Javascript

26 Jun 2025 13:03

🧑‍💻 Google Closure Compiler — мощный инструмент для оптимизации JavaScript. Этот компилятор не просто минифицирует код, а глубоко анализирует его, удаляя мёртвые ветки и переписывая логику для максимальной эффективности. В отличие от обычных минификаторов, он проверяет типы, синтаксис и предупреждает о потенциальных ошибках, что делает его полезным для крупных проектов.

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

🤖 GitHub

@javascriptv

Javascript

24 Jun 2025 10:22

🚀 Хотите стать мастером Vue? Присоединяйся к открытому вебинару!

Вы знаете JavaScript, но не понимаете, как работает Vue? Хотите научиться использовать его для создания динамичных приложений? 

🔥8 июля в 20.00 мск. приглашаем на открытый урок “Как быстро освоить Vue, если уже знаешь JavaScript”, на котором разберем:

- создание компонентов с реактивностью и передача данных;
- работу с директивами (v-if, v-for, v-model);
- сборку мини-приложения с динамическими данными.

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

👉 Регистрируйтесь по ссылке: https://otus.pw/MVMd/?erid=2W5zFG63jTv 

Бесплатное занятие приурочено к старту курса “Vue.js разработчик”, на котором можно глубже погрузиться в особенности фреймворка, научиться работать с его инструментами и создавать реальные проекты.

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

Javascript

23 Jun 2025 11:03

🧑‍💻 Browsh — браузер для терминала с поддержкой HTML5, JS и даже видео

Browsh — это современный текстовый браузер, который работает прямо в терминале. Он использует headless Firefox и отображает веб‑страницы в виде ASCII‑графики.

🔹 Поддержка HTML5, CSS3, JS, WebGL
🔹 Работает через SSH или Mosh — идеален для слабого интернета
🔹 Можно смотреть YouTube прямо в терминале
🔹 Есть HTTP‑режим и Docker‑образ
🔹 Лёгкий, кроссплатформенный и минималистичный

📦 Установка:

brew install browsh         # macOS
apt install browsh          # Debian/Ubuntu
docker run -it browsh/browsh

Javascript

21 Jun 2025 13:04

🧑‍💻 Google Closure Compiler — мощный инструмент для оптимизации JavaScript. Этот компилятор не просто минифицирует код, а глубоко анализирует его, удаляя мёртвые ветки и переписывая логику для максимальной эффективности. В отличие от обычных минификаторов, он проверяет типы, синтаксис и предупреждает о потенциальных ошибках, что делает его полезным для крупных проектов.

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

🤖 GitHub

@javascriptv

Javascript

18 Jun 2025 18:04

🧾 Easy Invoice PDF — простая генерация PDF-счётов на Python

Easy Invoice PDF — это лёгкий в использовании инструмент для генерации аккуратных и адаптируемых счетов в формате PDF.

📌 Основные возможности:
• Генерация PDF-счётов с логотипом, таблицей и общей суммой
• Поддержка произвольного количества строк и позиций
• Настраиваемые поля: клиент, номер счёта, дата, валюта и т.д.
• Не требует сложных зависимостей — только fpdf и datetime


🔗 GitHub: https://github.com/VladSez/easy-invoice-pdf

@javascriptv

Javascript

18 Jun 2025 11:03

🚀 Cloudflare Workers SDK — инструментарий для разработки серверных приложений на edge-платформе Cloudflare. Он позволяет развертывать код в глобальной сети Cloudflare без необходимости управления инфраструктурой.

Этот проект будет особенно интересен fullstack-разработчикам, так как поддерживает различные языки и интегрируется с другими сервисами. Главный инструмент в нем — это Wrangler CLI, предоставляющий все необходимое для сборки, тестирования и деплоя Workers. Для локальной разработки доступен Miniflare, эмулирующий работу production-окружения.

🤖 GitHub

@javascriptv

Javascript

17 Jun 2025 09:25

⏰ Croner — кросс-платформенный планировщик задач для JavaScript/TypeScript. Этот инструмент предлагает свежий взгляд на работу с cron-выражениями, поддерживая Node.js, Deno, Bun и даже браузеры. Croner имеет уникальные возможности вроде вычисления следующих N запусков и контроля временных зон через `Europe/Stockholm`-формат.

Что выделяет проект:
— Поддержка сложных выражений с модификаторами L (последний день месяца) иенный(N-й день недели)
— Встроенная защита от наложений
— Гибкое управление задачами через pause/resume/stop
— Работа с датами через ISO 8601 и JS Date
— Полная TypeScript-поддержка

🤖 GitHub

@javascriptv

Javascript

16 Jun 2025 16:31

🔥 Самые нужные каналы для Frontend разработчика, чтобы расти в доходе 💸

• Frontend | Вопросы собесов
• Frontend | Вакансии с удаленкой
• Frontend | LeetCode
• Frontend | Тесты

Подпишись, чтобы не потерять ☝️

Javascript

14 Jun 2025 12:10

Хорошая возможность потрогать траву через JavaScript

Summer Afternoon

@javascriptv

Javascript

13 Jun 2025 10:24

🔥 Успех в IT = скорость + знания + окружение

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

AI: t.me/ai_machinelearning_big_data
Python: t.me/python_job_interview
Linux: t.me/linuxacademiya
Собеседования DS: t.me/machinelearning_interview
C++ t.me/cpluspluc
Docker: t.me/DevopsDocker
Хакинг: t.me/linuxkalii
Devops: t.me/DevOPSitsec
Data Science: t.me/data_analysis_ml
Javascript: t.me/javascriptv
C#: t.me/csharp_ci
Java: t.me/javatg
Базы данных: 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

😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: /channel/addlist/BkskQciUW_FhNjEy

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

Javascript

09 Jun 2025 08:35

🧠 Mastra — фреймворк на TypeScript для создания AI-агентов

⚡ Ассистенты, RAG, наблюдаемость, интеграции

📌 Что умеет Mastra (1.9K⭐ на GitHub):

🔗 Унифицированный интерфейс для LLM
— Поддержка OpenAI, Anthropic, Gemini и других через Vercel AI SDK
— Потоковые ответы, переключение моделей без боли

🛠 Агенты с действиями и инструментами
— LLM сам выбирает действия
— Доступ к функциям, внешним API, инструментам, базе знаний
— Работа с типизированными функциями (Tools), валидация аргументов

🔄 Сценарии и графы (Workflows)
— Состояния, циклы, ветвления, ожидание человека
— Обработка ошибок, повторы, вложенные сценарии
— Визуальный редактор + поддержка кода
— Встроенный OpenTelemetry для трейсинга

📚 RAG-пайплайны
— Создание базы знаний: чанкинг, эмбеддинги, векторный поиск

🔌 Интеграции с внешними сервисами
— Автоматическая генерация типизированных API-клиентов
— Можно использовать как инструменты или шаги в сценариях

🧪 Оценка (Evals) LLM-ответов
— Поддержка: модельная, по правилам, статистическая
— Баллы от 0 до 1, с возможностью кастомных промптов и логики

🔧 GitHub

#TypeScript #AIagents #RAG #OpenAI #Gemini #Mastra #DevTools