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

🔥 Самая масштабная атака на экосистему JavaScript Фишингом угнали npm-аккаунт мейнтейнера qix и пушнули апдейты в 18 ключевых пакетов (chalk, debug, strip-ansi, color-convert и др.) — суммарно это ~2,6 млрд загрузок в неделю. В обновления вставили браузерный крипто-«клиппер»: на сайтах/в приложениях с уязвимыми версиями он перехватывает трафик и подменяет адреса кошельков. Скомпрометированные версии — удалить немедленно из всех сред (локальные машины разработчиков, CI/CD, прод): ansi-styles@6.2.2 debug@4.4.2 chalk@5.6.1 supports-color@10.2.1 strip-ansi@7.1.1 ansi-regex@6.2.1 wrap-ansi@9.0.1 color-convert@3.1.1 color-name@2.0.1 is-arrayish@0.3.3 slice-ansi@7.1.1 color@5.0.1 color-string@2.1.1 simple-swizzle@0.2.3 supports-hyperlinks@4.1.1 has-ansi@6.0.1 (https://t.me/+3TkE0J8wU-VmMTcy) chalk-template@1.1.1 backslash@0.2.1 error-ex@1.3.3 ⚡️ Что стоит сделать: ▪Удалить уязвимые версии из дерева зависимостей, пересобрать и задеплоить исправления. ▪Проверить lock-файлы (package-lock.json, yarn.lock, pnpm-lock.yaml) и node_modules на присутствие перечисленных версий. ▪ Очистить кэш менеджера пакетов: npm cache clean --force, yarn cache clean, pnpm store prune. ▪ Переустановить зависимости с нуля (удалив node_modules и lock-файлы) и заново зафиксировать версии. ▪ Пересобрать фронтенд-бандлы, инвалидировать CDN/кэши, перезапустить рантаймы. ▪ Проверить логи на внешние запросы из бандла, провести аудит внесённых PR/коммитов. ▪ Ротировать ключи/токены, если могли утечь, и ужесточить 2FA/доступ к npm. 📌 Разбор атаки (https://jdstaerk.substack.com/p/we-just-found-malicious-code-in-the) #security #npm #javascript #supplychain #infosec #malware

Инструмент для изучения музыкальной теории! • Основа — JavaScript, но знать его необязательно: гайд выучить создать всё. • Учит программированию и музыке через практику, без скучного сольфеджио. • Поддерживает MIDI и OSC для интеграции с синтезаторами или музыкальными сетапами. • Создавайте крутые треки без знаний нот и ритма — Strudel сделает всё за вас! Айтишники, становятся диджеями ! 🚀 https://strudel.cc/

📱 JavaScript. Что будет выведено в консоль? Ответ (https://telegra.ph/CHto-budet-vyvedeno-v-konsol-08-08-14)

🚀 Инструмент для трансформации репозиториев с помощью ИИ Repomirror позволяет выполнять преобразования в кодовых репозиториях, используя возможности искусственного интеллекта. Проект вдохновлён работой @ghuntley и включает несколько примеров, таких как порты популярных библиотек на разные языки. 🚀 Основные моменты: - AI-трансформации для кодовых репозиториев - Поддержка нескольких языков программирования - Примеры проектов для вдохновения - Активное сообщество разработчиков 📌 GitHub: #javascript https://github.com/repomirrorhq/repomirror

Совет по HTML 💡 Примеры использования элементов thead, tbody и tfoot в HTML

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

🚀 СClaudable! Claudable — это мощный конструктор веб-приложений на базе Next.js, который позволяет создавать и развертывать приложения, просто описывая их идею. Используя возможности AI-агента Claude Code, вы мгновенно получаете рабочий код и живой превью вашего приложения. 🚀 Основные моменты: - Генерация кода на основе естественного языка - Мгновенный просмотр изменений с функцией горячей перезагрузки - Легкое развертывание на Vercel с одним кликом - Интеграция с Supabase для работы с базами данных - Автоматическое обнаружение и исправление ошибок 📌 GitHub: https://github.com/opactorai/Claudable

📄🚀 Удобный просмотр кода с rendergit С помощью rendergit вы можете легко преобразовать любой репозиторий GitHub в статическую HTML-страницу с подсветкой синтаксиса и навигацией. Идеально подходит для быстрого просмотра, анализа кода и удобного поиска. 🚀Основные моменты: - Два режима просмотра: Человеческий и LLM - Подсветка синтаксиса и рендеринг Markdown - Умное фильтрование больших файлов - Адаптивный дизайн для мобильных устройств - Удобная навигация по файлам 📌 GitHub: https://github.com/karpathy/rendergit

📌Добавляем 3 сентября в календари! Авито устраивает IT-квест и вечеринку для инженеров в секретном месте в честь открытия офиса в Нижнем Новгороде. Обещают много нетворка, Fuckup Night и инсайты о том, что у Авито «под капотом». Пересылайте пост друзьям, с которыми пойдёте, и не забудьте зарегистрироваться по ссылке (https://clc.to/cE8KZg/?erid=2Vtzqvy3E1G).

🚀 Qwen Chat Web Dev Prompt — мощный промпт для frontend-разработки с упором на дизайн. Он помогает разработчикам быстро создавать сайты на React или HTML с использованием TailwindCSS, анимаций и современных UI-паттернов — всё в одном чистом кодовом блоке. ✨ Зачем нужен: ✅ Генерация React/HTML в одном файле ✅ Поддержка популярных библиотек: React, Tailwind, Recharts, Framer Motion, p5.js, Three.js ✅ Никаких внешних зависимостей — только чистый, готовый к запуску код Идеально для быстрых прототипов и создания полноценных проектов. 👉 Попробовать: https://chat.qwen.ai/?inputFeature=web_dev 👉В хорошем качестве: https://x.com/Alibaba_Qwen/status/1960960780947611957 (https://x.com/Alibaba_Qwen/status/1960960780947611957)

color cycling воскресили на HTML5 Canvas. КРутейшая, но забытая технология из 8-битной эпохи, когда видеокарты умели максимум в 256 цветов. Художник задавал палитру, а программист просто сдвигал её — и картинка оживала: вода текла, огонь горел, туман плыл. Ни анимации, ни альфы — один спрайт и картина готова. Вообще, обыычно это выглядело как кислотный ад, но Марк Дж. Феррари (LucasArts, Loom, Monkey Island) сделал из трюка искусство: снег, дождь, океаны, облака, водопады — и всё это на плоской картинке. В проекте — 35 оригинальных артов Феррари с атмосферным саундом. Можно залипнуть, а можно скачать движок и прикрутить к своим проектам. Создаем искусство (https://github.com/jhuckaby/canvascycle)

🔥 Библиотека GeoAI.js теперь поддерживает Image Feature Extraction — поиск похожих объектов на спутниковых снимках. Работает полностью локально в браузере благодаря Transformers.js. 👉 https://docs.geobase.app/geoai-live/tasks/image-feature-extraction #gischat #javascript #geoai #transformersjs

✍️ Шпаргалка по всем CSS-брейкпоинтам для веб разработчиков ➡️ Для мобильных устройств: до 480 пикселей ➡️ Для очень маленьких устройств: от 481 до 767 пикселей ➡️ Для маленьких планшетов: от 768 до 991 пикселей ➡️ Большие планшеты /ноутбуки: от 992 до 1199 пикселей ➡️ Настольные компьютеры: от 1200 до 1919 пикселей ➡️ Очень большие экраны: от 1920 пикселей и выше

Сократите свой CSS-код с помощью :where() Используйте псевдокласс-функцию :where(), когда нужно применить одинаковые стили к нескольким элементам, не беспокоясь о том, что порядок селекторов повлияет на специфичность правил. Это простой способ сделать CSS более предсказуемым и удобным для поддержки. /* Without :where() */ .container > h1, .container > .card h1, .container > .card:last-child { border: 2px solid red; padding: 10px; } /* With :where() */ .container > :where(h1, .card .h1, .card:last-child) { border: 2px solid red; padding: 10px; }

🎯 Browserable — открытый инструмент для автоматизации браузера с помощью AI-агентов. Что делает: • Управляет браузером как человек: переходит по сайтам, кликает, заполняет формы, вытаскивает данные. • Достигает 90.4 % на тесте Web Voyager — один из лучших результатов среди подобных решений. • Работает локально (self-hosted) или через удалённые браузеры. • Запуск в 1 команду (`npx browserable`) или в полном окружении через Docker. • В комплекте: админ-панель, REST API, JavaScript/TypeScript SDK, интеграция с LLM (OpenAI, Claude, Gemini и др.). Зачем полезно: — Автопарсинг и мониторинг сайтов — Автоматизация тестирования веб-приложений — Интеграция с агентами для сложных сценариев в интернете GitHub: https://github.com/browserable/browserable

🌱 turfjs — это javascript библиотека позволяющая выполнять пространственный анализ прямо в браузере или через node.js. Проект включает более 200 модулей для различных операций с geojson от простых измерений расстояний до сложных геостатистических расчетов. Библиотека работает в современных браузерах и поддерживает актуальные версии node.js. Инструмент также имеет модульную структуру и активную аудиторию сообщества. 🤖 Github (https://github.com/Turfjs/turf)

27 августа встречаемся на DrinkUp от Авито для backend-разработчиков в Нижнем Новгороде. Уже предчувствуем горячие споры… ☄️ В планах в формате дискуссий обсудить: ➡️ как правильно структурировать проекты; ➡️ кому и как проще вкатиться в Go и почему он такой странный; ➡️ как LLM помогает разработчикам. Остальные темы раскрывать не будем — можете посмотреть их по ссылке (https://clc.to/_tDcJw/?erid=2VtzqwyFyso)! Там же, кстати, и регистрация на ивент.

⚙️ Metro UI — это современный фронтенд-фреймворк, который помогает разработчикам создавать быстрые и отзывчивые веб-приложения с приятным интерфейсом в стиле Metro. Его компоненты оптимизированы для мобильных устройств, а гибкость позволяет легко адаптировать проекты под любые экраны. Фреймворк активно развивается: новые версии выходят почти каждую неделю, а сообщество в Discord всегда готово помочь. Хотя долгосрочная поддержка старых версий не предусмотрена, разработчики могут оставаться на проверенных релизах или оперативно обновляться для доступа к новым функциям. 🤖 GitHub (https://github.com/olton/metroui)