JavaScript задачи с собеседований

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

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

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

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

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

💎 Liquid Glass для React — современный UI-эффект в духе Apple liquid-glass-react — это эффект "жидкого стекла", теперь как компонент для React. Поддерживает преломление, размытие, хроматическую аберрацию и реакцию на курсор. Стильно, плавно и нативно выглядит в интерфейсе. 🧪 Что умеет: • Преломление и искажение (`displacementScale`, blurAmount, `saturation`) • Хроматическая аберрация и глянцевый блик • Эффект "жидкой реакции" на курсор (`elasticity`) • Реалистичный визуальный стиль как у macOS/iOS • Кастомизация: cornerRadius, padding, onClick, mouseContainer 📦 Установка: npm install liquid-glass-react 📍Пример: Click Me ⚠️ Браузеры: Chrome и Chromium-based — идеально. Safari и Firefox — частичная поддержка без полного displacement. 🔗 GitHub: https://github.com/rdev/liquid-glass-react @react_tg

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

‍Хотите освоить JavaScript и собрать свой проект за полтора месяца? Присоединяйтесь к Интенсиву — проекту Т-Образования. Учитесь очно в Москве или онлайн из любого города России. Что вас ждет: — 4—5 занятий в день: теория и практика вместе, каждый день вы пишете код; — программа от техлидов и разработчиков Т-Банка — никакой воды, только рабочие инструменты; — упор на JavaScript для фронтенд- и бэкенд-разработки; — ускоренный формат с полным погружением; — выпускной проект, который можно положить в портфолио и показать на собеседовании; — обучение летом без пересечений с вузом. Программа делится на два этапа: — с 14 июля по 3 августа — основа языка, практика каждый день; — с 4 по 24 августа — углубленные темы, командная работа, защита проекта. Финал — не просто сертификат: лучшие участники смогут пройти собеседование в команду Т-Банка. Для тех, кто будет учиться очно, интенсив это еще и комьюнити: экскурсии по офису, квизы, настольные игры и общение с теми, кто тоже хочет расти в ИТ. Кому подойдет: студентам 2—4 курсов, которые готовы поработать летом и вырасти до реальных задач. Регистрируйтесь уже сейчас (https://education.tbank.ru/academy/intensive/javascript/?utm_source=telegram&utm_medium=ntv.fix&utm_campaign=edu-ac-intensive_partners_0625&utm_term=javascriptv&erid=2VtzqvkJfJe)

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

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

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

😎 Хотите стать Fullstack-разработчиком и развиваться в IT? У вас есть шанс освоить профессию с нуля и работать с современными технологиями! 💻На курсе «Fullstack Developer» вы научитесь создавать фронтенд и бэкенд приложений, работать с React, TypeScript, Node.js, PostgreSQL и многим другим. Мы обучаем с нуля, шаг за шагом — от верстки до серверной части. 💪 В результате обучения у вас будут 3 проекта в портфолио, которые можно использовать на собеседованиях, а также актуальные знания, которые соответствуют требованиям современного рынка. Все уроки проводятся опытными практиками, а диплом OTUS ценится среди крупнейших IT-компаний. ❗️Набор на курс закрывается, осталось всего несколько мест! Оставьте заявку и получите скидку на обучение по промокоду FULLSTACK_6 : https://clck.ru/3MiSsa Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

🧑‍💻 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 (https://github.com/browsh-org/browsh) Подходит пользователям со слабыми ПК, для работы по SSH и когда нужен браузер без GUI.

Митап для QA-инженеров от MТС Web Services 📍 3 июля | 19:00 📍 Офлайн в Москве | Онлайн О чем поговорим: — О создании отечественного браузерстека MWS SunQ; — Об автотестах на естественном языке; — Об идеальном фреймворке для автоматической генерации тестов; — О предиктивной оценке качества. На True Tech QA выступят эксперты из MTC Web Services, Альфа-Банка и BugBuster. Для участия зарегистрируйся по ссылке (https://mts-digital.ru/events/details?id=38460650?utm_source=tg_seeding&utm_medium=cpm&utm_campaign=true_tech_QA25&utm_content=javascriptv&erid=2VfnxwQbtqv)

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

🎨 DeepSite V2 — сервис для генерации сайтов по текстовому описанию Особенности 🔹 ИИ хорош в генерации UI-дизайна 🔹 Поддержка новой модели DeepSeek-R1 🔹 Можно вносить точечные изменения в любой элемент 🔹 Полный редизайн существующих сайтов 🔹 100% open-source 💡 Если ты экспериментируешь с LLM + UI + фронтом — DeepSite V2 это must-try. Vibe Coding выходит на новый уровень. https://deepsite.hf.co/projects/new

🧾 Easy Invoice PDF — простая генерация PDF-счётов на Python Easy Invoice PDF — это лёгкий в использовании инструмент для генерации аккуратных и адаптируемых счетов в формате PDF. 📌 Основные возможности: • Генерация PDF-счётов с логотипом, таблицей и общей суммой • Поддержка произвольного количества строк и позиций • Настраиваемые поля: клиент, номер счёта, дата, валюта и т.д. • Не требует сложных зависимостей — только fpdf и datetime 🔗 GitHub: https://github.com/VladSez/easy-invoice-pdf

🚀 Cloudflare Workers SDK — инструментарий для разработки серверных приложений на edge-платформе Cloudflare. Он позволяет развертывать код в глобальной сети Cloudflare без необходимости управления инфраструктурой. Этот проект будет особенно интересен fullstack-разработчикам, так как поддерживает различные языки и интегрируется с другими сервисами. Главный инструмент в нем — это Wrangler CLI, предоставляющий все необходимое для сборки, тестирования и деплоя Workers. Для локальной разработки доступен Miniflare, эмулирующий работу production-окружения. 🤖 GitHub (https://github.com/cloudflare/workers-sdk)

🙌🙌🙌🙌 15+ документов для тех, кто в диджитал В преддверии новой активности мы собрали в одну папку 18 Telegram-каналов известных профессионалов и попросили их авторов подготовить для вас документы, которые помогут: 🔴Создать рабочий лид-магнит; 🔴Подготовить сайт к требованиям РКН; 🔴Подготовиться к любому выступлению; 🔴Удержать проект в сроках и рамках бюджета; 🔴Организовать эффективное участие в тендерах; 🔴Чек-лист сдачи этапов разработки; 🔴и еще много много всего! ❗️ Сохранив единожды папку «Документы для тех, кто в диджитал», вы сможете спокойно пройтись по всем каналам и скачать множество авторских документов, которые точно пригодятся в работе.

⏰ Croner — кросс-платформенный планировщик задач для JavaScript/TypeScript. Этот инструмент предлагает свежий взгляд на работу с cron-выражениями, поддерживая Node.js, Deno, Bun и даже браузеры. Croner имеет уникальные возможности вроде вычисления следующих N запусков и контроля временных зон через `Europe/Stockholm`-формат. Что выделяет проект: — Поддержка сложных выражений с модификаторами L (последний день месяца) иенный(N-й день недели) — Встроенная защита от наложений — Гибкое управление задачами через pause/resume/stop — Работа с датами через ISO 8601 и JS Date — Полная TypeScript-поддержка 🤖 GitHub (https://github.com/Hexagon/croner)