Javascript

🚀 Упростите разработку с Vue: создаём игру за 1 вебинар 🔥Присоединяйтесь к открытому вебинару 16 июля в 20:00 мск., где мы покажем, как Vue упрощает разработку и делает её быстрее, чем привычный React. На открытом уроке разберём: 🔹 как устроена реактивность во Vue через ref и в чём её отличие от useState в React; 🔹 управление логикой интерфейса с помощью v-if, v-model и событий; 🔹 как работать с таймерами, анимациями и рендерингом без сторонних библиотек; 🔹 пошаговое создание игры: от таймера и счёта до анимаций и рестарта; 🔹 почему Vue — это не только для новичков, а для тех, кто ценит чистоту, контроль и скорость разработки. Не упустите шанс взглянуть на Vue в бою! 👉Регистрируйтесь: https://otus.pw/FD7j/?erid=2W5zFJkPBbe Бесплатное занятие приурочено к старту курса “Vue.js разработчик”, на котором можно глубже погрузиться в особенности фреймворка, научиться работать с его инструментами и создавать реальные проекты. Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Полезный сайт для обучения — roadmap.sh На нем собраны интерактивные, наглядные дорожные карты для разных IT-направлений, языков и навыков (работа с Git, Docker и проч). Все карты кликабельны — для каждой собраны полезные статьи и обучалки. Еще тут есть квизы для самопроверки и AI Tutor — помощник, который накидывает персональный курс на нужную тему, если вы не нашли подходящую на сайте, и план обучения прямо в браузере. https://roadmap.sh/ @javascriptv

⚡️ Почему лучшие разработчики всегда на шаг впереди? Потому что они знают, где брать настоящие инсайд! Оставь “программирование в вакууме” в прошлом, выбирай свой стек — подпишись и погружайся в поток идей, лайфхаков и знаний, которые не найдёшь в открытом доступе. ИИ: t.me/ai_machinelearning_big_data Python: t.me/pythonl Linux: t.me/linuxacademiya Мл собес t.me/machinelearning_interview C++ t.me/cpluspluc Docker: t.me/DevopsDocker Хакинг: t.me/linuxkalii МЛ: t.me/machinelearning_ru Devops: t.me/DevOPSitsec Data Science: t.me/data_analysis_ml Javascript: t.me/javascriptv C#: t.me/csharp_ci 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 Разработка игр: https://t.me/gamedev Физика: t.me/fizmat Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy Папка FRONTEND: https://t.me/addlist/mzMMG3RPZhY2M2Iy 🎓954ГБ ОПЕНСОРС КУРСОВ: @courses 😆ИТ-Мемы: t.me/memes_prog 🇬🇧Английский: t.me/english_forprogrammers 🧠ИИ: t.me/vistehno 🖥 Chatgpt для кода в тг: @Chatgpturbobot - 📕Ит-книги: https://t.me/addlist/BkskQciUW_FhNjEy 💼ИТ-вакансии t.me/addlist/_zyy_jQ_QUsyM2Vi Подпишись, чтобы всегда знать, куда двигаться дальше!

🌐 isomorphic-git — Git на чистом JavaScript для браузера и Node.js. Уникальный проект, который переосмысливает работу с Git — теперь операции с репозиториями возможны прямо в браузере без серверных зависимостей. Библиотека воссоздает поведение классического Git, работая с файловой системой через адаптеры. Удобно реализованы сложные операции: клонирование, коммиты и даже push/pull работают через Web-интерфейс, правда требуют CORS-прокси для внешних репозиториев. Есть встроенный CLI isogit для тестирования функциональности. 🤖 GitHub @javascriptv

В Сибирь возвращается жара! 🔥 Ведь на IT Talk by Sber, который пройдёт 10 июля в Новосибирске, будут только самые горячие и актуальные темы: борьбу с плохой архитектурой, миграцию процессинга и замену SAP HR. 10 июля, 19:00, лофт FoodFactory — только эксперты Сбера, вы и безграничная польза. Регистрируйтесь по ссылке! 👌

🐳 VibeTunnel — превращай любой браузер в терминал macOS VibeTunnel от amantus‑ai позволяет запускать терминал Mac прямо в браузере — без сложных SSH‑конфигураций. Идеально, когда нужно удалённо vibe‑кодить или следить за сборками и AI‑агентами. 🔹 Особенности: • Поддержка Apple Silicon (M1/M2/M3), macOS Sonoma+ :contentReference[oaicite:1]{index=1} • Zero‑config: никаких SSH‑ключей или порт‑форвардинга :contentReference[oaicite:2]{index=2} • Браузер‑доступ: HTTP‑сервер на localhost:4020, адаптивный UI + iOS‑приложение • Сессии записываются в формате asciinema — можно пересматривать позже • Безопасность: доступ только по localhost или через Tailscale/ngrok, есть пароль 📥 Установка и старт: 1. Скачай и помести приложение VibeTunnel в папку Applications (только Apple Silicon) 2. Запусти из меню macOS, и приложение поднимет сервер 3. Используй CLI vt, например:

   vt --shell
   vt npm run dev
   vt claude --dangerously-skip-permissions
   

:contentReference[oaicite:6]{index=6} 4. Открой http://localhost:4020 в браузере или iOS‑приложении ⚙️ Архитектура: • Меню‑приложение на Swift запускает сервер • Сервер на TypeScript/Bun рендерит терминальные сессии через xterm.js • Web UI — лёгкий фронтенд на Lit и Bun :contentReference[oaicite:7]{index=7} 🛠 Новое в `v1.0‑beta.2` (19 июня 2025): • Новый веб‑фронтенд, ускоренный рендер терминала • Поддержка открытия новых терминальных окон (AppleScript + Accessibility permissions) 🌍 Linux‑поддержка в пути: pull‑request открывает сервер на Go — скоро можно будет поднимать его и на Linux/macOS с одним бинарником :contentReference[oaicite:9]{index=9} 🙋 Кому подойдёт: • Разработчики, хотят кодить через браузер с любого устройства • Специалисты, запускающие долгие сборки или AI‑агентов • Тимлиды, нуждающиеся в быстрой демонстрации рабочего процесса 🔗 GitHub:: https://github.com/amantus-ai/vibetunnel Вывод: VibeTunnel — простой, но мощный инструмент для мобильного терминального доступа. Он объединяет нативный macOS-клиент, лёгкий сервер на Bun и отзывчивый Web UI — идеально для vibe-coding и контроля процессов на ходу. @javascriptv

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

Карточка с появлением дополнительных функций при наведении на неё. #карточки #hover https://codepen.io/itbruno/pen/Exvjga @javascriptv

🚀 Хотите стать Vue-разработчиком? Пройдите вступительное тестирование и получите шанс обучаться на курсе Vue.js разработчик от OTUS! 🎓 Почему это важно? - Знания для реальной работы: на курсе не просто теория, а практика на реальных проектах. - Готовое портфолио: в конце обучения вы создаете полноценное приложение, которое можно показать работодателю. - Поддержка экспертов: менторы из индустрии помогут на каждом шаге. - Углубленное изучение Vue: от основ до продвинутых технологий — все, что нужно для успешной карьеры. Как это работает? 1. Пройдите тестирование и оцените свой уровень. 2. Получите спеццену при поступлении в группу курса и начните обучение. Подробности уточняйте у менеджера. 3. Получайте знания, расширяйте свой стек технологий, реализуйте выпускной проект. 🔗 Пройти тестирование: https://otus.pw/0cfm/?erid=2W5zFJrVt4Q  Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

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

🐟 Garfish — фреймворк для микросервисного фронтенда. Этот фреймворк решает проблему интеграции разрозненных веб-приложений в единый продукт. Подход позволяет командам разрабатывать модули независимо на React, Vue или любых других технологиях, но запускать их как части целого. Фреймворка имеет довольно продуманную изоляцию: песочницы для JS/CSS, роутинг с автономными зонами видимости и общий механизм обмена данными между модулями. Адаптивная загрузка в системе реализована через анализацию поведения пользователей, чтобы предварительно кэшировать часто используемые модули. 🤖 GitHub @javascriptv

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

💎 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>

⚠️ Браузеры: Chrome и Chromium-based — идеально. Safari и Firefox — частичная поддержка без полного displacement. 🔗 GitHub: https://github.com/rdev/liquid-glass-react @react_tg

🌐 Cockpit — веб-интерфейс для администрирования Linux-серверов, который превращает сложные системные задачи в интуитивные операции. Этот инструмент позволяет управлять контейнерами, настраивать сеть, мониторить логи и ресурсы прямо из браузера, сохраняя полную совместимость с терминалом. Инструмент интегрируется на уровне реальной сессии: изменения, сделанные через веб-интерфейс, сразу отражаются в системе, а ошибки из терминала видны в журнале Cockpit. Поддерживает работу с удалёнными серверами по SSH. 🤖 GitHub @javascriptv

Хотите освоить JavaScript и собрать свой проект за полтора месяца? Присоединяйтесь к Интенсиву — проекту Т-Образования. Учитесь очно в Москве или онлайн из любого города России. Что вас ждет: — 4—5 занятий в день: теория и практика вместе, каждый день вы пишете код; — программа от техлидов и разработчиков Т-Банка — никакой воды, только рабочие инструменты; — упор на JavaScript для фронтенд- и бэкенд-разработки; — ускоренный формат с полным погружением; — выпускной проект, который можно положить в портфолио и показать на собеседовании; — обучение летом без пересечений с вузом. Программа делится на два этапа: — с 14 июля по 3 августа — основа языка, практика каждый день; — с 4 по 24 августа — углубленные темы, командная работа, защита проекта. Финал — не просто сертификат: лучшие участники смогут пройти собеседование в команду Т-Банка. Для тех, кто будет учиться очно, интенсив это еще и комьюнити: экскурсии по офису, квизы, настольные игры и общение с теми, кто тоже хочет расти в ИТ. Кому подойдет: студентам 2—4 курсов, которые готовы поработать летом и вырасти до реальных задач. Регистрируйтесь уже сейчас

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

Кнопка оживает и радостно пульсирует при наведении курсора мыши #hover #кнопки https://codepen.io/danielsitek/pen/reoJqK @javascriptv

🚀 Хотите стать мастером Vue? Присоединяйся к открытому вебинару! Вы знаете JavaScript, но не понимаете, как работает Vue? Хотите научиться использовать его для создания динамичных приложений?  🔥8 июля в 20.00 мск. приглашаем на открытый урок “Как быстро освоить Vue, если уже знаешь JavaScript”, на котором разберем: - создание компонентов с реактивностью и передача данных; - работу с директивами (v-if, v-for, v-model); - сборку мини-приложения с динамическими данными. Вы научитесь использовать Vue для создания интерфейсов, разберетесь в компонентах и реактивности, а также получите основы для работы над реальными проектами. 🛠 👉 Регистрируйтесь по ссылке: https://otus.pw/MVMd/?erid=2W5zFG63jTv  Бесплатное занятие приурочено к старту курса “Vue.js разработчик”, на котором можно глубже погрузиться в особенности фреймворка, научиться работать с его инструментами и создавать реальные проекты. Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Всплывающие скроллеры изображений с анимацией, управляемой прокруткой 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

🧑‍💻 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

🔗 GitHub Подходит пользователям со слабыми ПК, для работы по SSH и когда нужен браузер без GUI. @javascriptv