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

Красивый интерактивный учебник от команды Google Chrome — он прокачает вас в веб-разработке Внутри отличные материалы по HTML, CSS, JS, доступности, тестированию и ещё куча всякого полезного. https://web.dev/learn

‍🎨 Oh‑My‑Logo — «волшебный» генератор логотипов от shinshin86 Oh‑My‑Logo — утилита с простым интерфейсом для создания уникальных логотипов прямо в терминале. Работает быстро, без лишнего визуального шума. 🛠️ Как это работает: - Пользователь вводит название бренда (например, “MyStartup”) и краткое описание - Утилита генерирует цветные ASCII- или Unicode‑логотипы с эффектом паддинга, обводки, рамки или градиента - Вы можете пробовать разные стили и цвета прямо из командной строки 💡 Зачем это нужно: - Быстро придумать временное оформление для README, скрипта или учебного проекта - Стильно оформить вывод утилиты или CI-лог - Упростить создание ASCII-баннера для скриптов или серверных инструментов ⚙️ Кому понравится: - Разработчикам и DevOps инженерам, любящим CLI-стайл - Авторам технической документации и проектных README - Всем, кто хочет быстро и красиво оформить свои утилиты ✨ Вывод: Oh‑My‑Logo — лёгкий способ добавить индивидуальности проектам в текстовом интерфейсе. Без GUI, без лишних шагов — просто командный стиль и творческий подход. https://github.com/shinshin86/oh-my-logo

‍👩‍💻 Всем программистам посвящается! Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования: Выбирай своё направление: 👩‍💻 Python — t.me/python_ready (https://t.me/+btCMGuDMJnYxMjcy) 🤔 InfoSec & Хакинг — t.me/hacking_ready (https://t.me/+nHxm_2FbGJI2NWNi) 🖥 SQL & Базы Данных — t.me/sql_ready (https://t.me/+HaA0WHfr99MyODNi) 🤖 Нейросети — t.me/neuro_ready (https://t.me/+GNyjnA4tsFc3NGQy) 👩‍💻 C/C++ — https://t.me/cpp_ready (https://t.me/+doooEb0AelhjMDcy) 👩‍💻 C# & Unity — t.me/csharp_ready (https://t.me/+wRM_Ab063QA5MmYy) 👩‍💻 Linux — t.me/linux_ready (https://t.me/+Io6XyiEqiGk1Zjg6) 📖 IT Книги — t.me/books_ready (https://t.me/+tUxf6YJuPP85ZWVi) 👩‍💻 Frontend — t.me/frontend_ready (https://t.me/+AFltotpUPbtmZGUy) 📱 JavaScript — t.me/javascript_ready (https://t.me/+cPL4dea5I6M3NzUy) 👩‍💻 Backend — t.me/backend_ready (https://t.me/+QyY0Ymb9yzExMmNi) 📱 GitHub & Git — t.me/github_ready (https://t.me/+06W1iob7AFRmZjBi) 👩‍💻 Java — t.me/java_ready (https://t.me/+0p7M3ypIMzhjZGJi) 👩‍💻 Весь IT — t.me/it_ready (https://t.me/+1J7chaZYDYc1ODVi) 👩‍💻 Bash & Shell — t.me/bash_ready (https://t.me/+kvs9JJ_btPpmNjAy) 🖼️ DevOps — t.me/devops_ready (https://t.me/+_CIQX2d-ej45NDdi) 🖥 Design — t.me/design_ready (https://t.me/+pkgyUxKhe2AyOWE6) 📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!

🚀 Chrome теперь с встроенным Gemini Nano Начиная с версии Chrome 138+, браузер поставляется с локальной LLM Gemini Nano — прямо у 3.7 миллиарда пользователей Chrome по всему миру. Это значит: - Локальный inference прямо в браузере - Работает без интернета, без API-ключей - Возможность строить оффлайн-LLM‑фичи на стороне клиента В этом (https://github.com/swyxio/swyxdotio/issues/536) показано гайде: - Как активировать Nano в DevTools - Как писать запросы к модели - Как обойти особенности документации от Google 🙃 - Подсказки для тех, кто не чувствует себя уверенно с JavaScript 🧪 Подходит и для тестов, и для продакшна. Если строите AI-фичи — обязательно загляните. https://github.com/swyxio/swyxdotio/issues/536

🥾 Первый шаг в Angular - создаем приложение с нуля Вводное знакомство с Angular - современным фреймворком для разработки веб-приложений. Мы расскажем о его основных концепциях, структуре и возможностях. 👉 Какие ключевые темы и вопросы будут рассмотрены на вебинаре? - Что такое Angular и зачем он нужен - Основные компоненты Angular:Модули, компоненты, директивы, пайпы, сервисы - Работа с данными: привязка данных (data binding) - Основы маршрутизации (routing) - Простая форма и валидация - Как запустить и протестировать приложение - Какие результаты и навыки получат участники после вебинара? Бесплатный вебинар проходит в рамках курса “Angular Developer“ Регистрация и подробнее о курсе Angular Developer - https://clck.ru/3MzZCx Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

JavaScript Security Engineer (Browser Fingerprinting & Anti-fraud) Ищем JS-эксперта для R&D в области кибербезопасности. Вам предстоит возглавить разработку SDK для сбора браузерных отпечатков на чистом JavaScript и сражаться с попытками реверс-инжиниринга. Это не типичная frontend-разработка, а сложная и интересная работа на стыке безопасности и low-level JS. Что предлагаем: * ЗП: 300-450 тыс. руб. на руки (или в USDT) * Формат: Полная удалёнка * Проект: Уникальная anti-fraud система, работа в небольшой команде экспертов. Звучит интересно? Все подробности, требования и контакты — в полной версии вакансии: 👉 https://telegra.ph/JavaScript-Security-Engineer-Browser-Fingerprinting--Anti-fraud-07-06 (https://telegra.ph/JavaScript-Security-Engineer-Browser-Fingerprinting--Anti-fraud-07-06)

🙌🙌🙌🙌 25+ документов для тех, кто в диджитал В преддверии новой активности мы собрали в одну папку 29 Telegram-каналов известных профессионалов и попросили их авторов подготовить для вас документы, которые помогут: 🔴Правильно писать запросы нейросетям; 🔴Промпты для прокачки карьеры в IT; 🔴20 игровых механик, которые повысят LTV вашего продукта; 🔴Чек-лист SEO-требований к релизу нового сайта; 🔴UX-аудит сайта своими руками; 🔴и еще много много всего! ❗️ Сохранив единожды папку «Документы для тех, кто в диджитал», вы сможете спокойно пройтись по всем каналам и скачать множество авторских документов, которые точно пригодятся в работе. Также они проводят розыгрыш с топовыми призами: 🥇Главный приз — MacBook Air (M2) 🥈2 место: Яндекс Станция Лайт 2 🥉3 место: Наушники HUAWEI Freebuds 5i Как участвовать: 1. Подпишись на папку: https://t.me/addlist/Qu1lhSIaUZVjZTFi 2. Подтверди участие в боте До встречи 27 июля – дата подведения итогов!

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

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

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

🐳 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:: Вывод: VibeTunnel — простой, но мощный инструмент для мобильного терминального доступа. Он объединяет нативный macOS-клиент, лёгкий сервер на Bun и отзывчивый Web UI — идеально для vibe-coding и контроля процессов на ходу. https://github.com/amantus-ai/vibetunnel

Карточка с появлением дополнительных функций при наведении на неё. #карточки #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)