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

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

🤖 GitHub

@javascriptv

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

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

🤖 GitHub

@javascriptv

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

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

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

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

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

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

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

#карточки #hover

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

@javascriptv

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

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

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

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

🐳 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

В Сибирь возвращается жара! 🔥

Ведь на IT Talk by Sber, который пройдёт 10 июля в Новосибирске, будут только самые горячие и актуальные темы: борьбу с плохой архитектурой, миграцию процессинга и замену SAP HR.

10 июля, 19:00, лофт FoodFactory — только эксперты Сбера, вы и безграничная польза. Регистрируйтесь по ссылке! 👌

🌐 isomorphic-git — Git на чистом JavaScript для браузера и Node.js. Уникальный проект, который переосмысливает работу с Git — теперь операции с репозиториями возможны прямо в браузере без серверных зависимостей. Библиотека воссоздает поведение классического Git, работая с файловой системой через адаптеры.

Удобно реализованы сложные операции: клонирование, коммиты и даже push/pull работают через Web-интерфейс, правда требуют CORS-прокси для внешних репозиториев. Есть встроенный CLI isogit для тестирования функциональности.

🤖 GitHub

@javascriptv

Полезный сайт для обучения — roadmap.sh

На нем собраны интерактивные, наглядные дорожные карты для разных IT-направлений, языков и навыков (работа с Git, Docker и проч).

Все карты кликабельны — для каждой собраны полезные статьи и обучалки.

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

https://roadmap.sh/

@javascriptv

🚀 Упростите разработку с 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.

Импорт локальных изображений vs использование изображений из папки /public в Next.js

@javascriptv