16 июля встречаемся с JS‑сообществом SberProfi в Сбер.Среде.

AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее.

🔥 Обсудим изменения на реальных кейсах от Сбера, Cloud․ru и Mish. Очные участники увидят спецформат от блогеров и пообщаются с экспертами GigaCode и GitVerse.

⏳ Начало в 17:00, встреча очных гостей - в 16:00.
Количество очных мест ограничено – успейте зарегистрироваться!

Читать полностью…

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

Читать полностью…

Node.js CLI можно запускать быстрее одной встроенной фичей.

В Node.js 22.8+ есть enableCompileCache() из node:module. Он включает on-disk V8 code cache, чтобы повторные запуски быстрее поднимали большие CLI.

Пример из бенчмарка: typescript.js стартует примерно 130ms → 80ms.

Особенно полезно для CLI, которые грузят много кода при запуске.

import nodeModule from 'node:module';

const { enableCompileCache } = nodeModule;

if (enableCompileCache) {
  try {
    enableCompileCache();
  } catch {}
}

const { runCLI } = await import('./cli.js');

await runCLI();

Мелочь, но для тяжёлых Node.js CLI такие миллисекунды быстро складываются.

Читать полностью…

Знаете ли вы, что в CSS можно определить поворот с помощью блока turn? 🤩

Читать полностью…

Идём на AI Hardcore Day в офис Авито на Лесной 11 июля! 🤩

Будем слушать доклады о Spec-Driven Development, разработке и тестировании MCP, атаках на GenAI-агентов.
А после — нетворкать на террасе.

⚡ Регистрация и подробности — по ссылке.

Кстати, доклады будут не под запись — советуем не пропускать!

Читать полностью…

Anthropic вместе с Frontend Masters выкатили бесплатный курс по Claude Code.

И это не поверхностный обзор, а нормальный разбор инструмента для тех, кто хочет реально прокачать вайбкодинг и работу с AI-агентами.

Курс ведёт Lydia Hallie из Anthropic.

Внутри:

• основы Claude Code
• skills
• hooks
• sub-agents
• MCP
• плагины
• Agent SDK
• продвинутые сценарии работы

Хороший вход для тех, кто хочет не просто “просить ИИ написать код”, а собирать нормальный рабочий процесс вокруг Claude Code.

Ссылка:
http://frontendmasters.com/courses/claude-code

Читать полностью…

🔥 КИБЕРВИКЕНД: Четыре дня жесткой практики | Стартуем сегодня

Летом принято расслабляться, но в нашей сфере паузы обходятся слишком дорого

Правила игры в цифровом мире окончательно изменились. Старые методички по ИБ и OSINT в 2026 году больше не работают. Мы собрали четырех топовых практиков, чтобы выдать вам реальную картину происходящего.

📆 ПОНЕДЕЛЬНИК (Сегодня, 22 июня) — Дмитрий Борощук (Beholder Is Here)
Тема: Реальный рынок OSINT и информационного анализа в 2026 году.

С весны ужесточили законы по персональным данным так, что привычный пробив по ФИО стал уголовкой. Разберем, как выстраивать легальную консалтинговую модель, делать OSINT внутри своей профессии и зарабатывать юридически чисто.

📆 ВТОРНИК (23 июня) — Василий Беспалефон (сервис Беспалефон)
Тема: По-настоящему работающий VPN.

Одна кнопка в приложении больше не защищает от деанона в условиях ТСПУ и блокировок. Поговорим о фингерпринтах, корреляции трафика и о том, почему сегодня спасает только связка Vless + Reality.

📆 СРЕДА (24 июня) — Иван Глинкин
Тема: Хакер из топ-10 мира расскажет про программно-аппаратный хакинг.

Разберем, почему гибридные спецы сейчас в жесточайшем дефиците и почему ИИ их никогда не заменит.

📆 ЧЕТВЕРГ (25 июня) — Давид (CyberYozh Academy)
Тема: Киберпреступность как бизнес-модель.

Разбор архитектуры RaaS (Ransomware-as-a-Service). Поймете, как хакерские синдикаты строят бизнес-процессы и делят прибыль, и как выстроить реальную проактивную защиту вместо бумажной безопасности.

Вы получите системное понимание рынка от людей, которые каждый день работают на реальных задачах. Вы увидите реальные тренды и угрозы, которые остальные просто пропускают.

⚡️Вход бесплатный!⚡️
Сразу после регистрации вас перебросит в закрытый Telegram-канал, где будут ссылки на трансляции и полезные материалы к каждому дню.

👉 Регистрация здесь

Читать полностью…

Визуализация методов массивов JavaScript 🚀

Читать полностью…

Crazy Pie Chart

Диаграмма, созданная из svg-картинки и анимированная при помощи библиотеки d3.

https://codepen.io/Siddharth11/pen/LVQmjN

Читать полностью…

🎨 Симулятор заклинаний из Witch Hat Atelier

Этот браузерный симулятор позволяет рисовать заклинания, вдохновленные мангой *Witch Hat Atelier*. Пользователи могут создавать диаграммы заклинаний, которые преобразуются в анимации и выводы для анализа. Проект находится на стадии экспериментов и открыт для обсуждений в сообществе.

🚀Основные моменты:
- Рисование заклинаний на бумажном холсте.
- Поддержка основных сигилов и модификаторов.
- Генерация анимаций и диагностических выводов.
- Инструменты для тестирования и настройки эффектов.
- Открытое сообщество для обсуждения и улучшений.

📌 GitHub: https://github.com/ytnrvdf/wha-spell-simulator

Читать полностью…

Будете смеяться, но мы тут в баре на Белке сидели рядом с ребятами из Авито... 🤩

Всё, что нам удалось расслышать: июль, ДК «Кристалл». Найдитесь в комментариях и расскажите: что там за дикий рейв у вас готовится в июле? Как попасть? 🤩

Если без шуток, давно уже ходят слухи, что онлайн-тусовка для айтишников AvitoTechno выходит в офлайн. Что ж, остаётся только ждать старт регистрации...

Реклама ООО «Авито Тех». erid: 2VtzqukFGBb

Читать полностью…

🔍Тестовое собеседование с руководителем Frontend-разработки в этот четверг

18 июня(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.

Как это будет:
📂 Виталий Черков, руководитель группы Frontend разработки с опытом 8+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Виталий будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Виталию

Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.

Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot

Реклама.
О рекламодателе.

Читать полностью…

Gooey Navigation

При наведении на элементы меню задействуются CSS-трансформации, параметры которых задаются через CSS-переменные.

https://codepen.io/simeydotme/pen/LYLxJqV

Читать полностью…

🚀 Интеграция с Duel Agents для LLM

Duel Agents — это слой маршрутизации для работы с несколькими моделями ИИ, выбирающий наиболее экономичный ответ. Этот репозиторий предоставляет инструменты для интеграции с платформой duelagents.com.

🚀 Основные моменты:
- Поддержка нескольких моделей ИИ через единую точку доступа.
- Удобные инструменты для установки и настройки.
- Возможность расширения функционала с помощью SDK.
- Интеграция с популярными клиентами и плагинами.

📌 GitHub: https://github.com/2aronS/Duel-Agents

#javascript

Читать полностью…

⚡️ Создать JavaScript за 10 дней, запустить Mozilla, а потом собрать Brave вокруг идеи приватного браузера - у Брендана Айка биография из тех, где один человек несколько раз менял интернет.

Самое сильное в этой истории - не только JavaScript. Да, язык собрали в бешеном темпе внутри Netscape, и теперь он держит огромную часть веба. Но дальше Айк не ушёл в режим «я уже всё доказал». Он продолжил воевать за то, каким должен быть браузер.

Mozilla и Firefox были ответом на эпоху закрытого и монополизированного веба. Brave стал ответом на другую проблему: интернет, где пользователь постепенно превратился в объект слежки, таргетинга и бесконечной рекламной оптимизации.

Айк всегда бил в одну точку: браузер должен работать на пользователя, а не на рекламную инфраструктуру вокруг него. Поэтому Brave блокирует трекеры, режет навязчивую рекламу и пытается строить модель, где приватность заложена в основу продукта.

Можно спорить с отдельными решениями Brave, с крипточастью, с рекламной моделью, с самим Айком. Но вклад сложно обесценить.

Он создал язык, без которого современный веб почти невозможно представить. Помог запустить один из главных открытых браузерных проектов. Потом снова пошёл против доминирующей модели интернета, где сбор данных стал нормой.

Брендан Айк - редкий пример инженера, который не просто написал важный код, а десятилетиями спорит с тем, во что превратился веб.

Читать полностью…

⚡️ Microsoft выпустила TypeScript 7.0 - самый большой апдейт TypeScript за последние годы.

Главное: TypeScript теперь получил нативный порт на Go, который даёт почти порядок прироста скорости. По данным команды, полные сборки обычно ускоряются примерно в 8–12 раз, а на крупных проектах вроде VS Code, Sentry, Bluesky и Playwright разница доходит до 7.7x–11.9x.

Что это меняет на практике:

* быстрее открываются большие проекты
* быстрее работают diagnostics, autocomplete и find references
* tsc и --watch дают короче feedback loop
* редакторы через LSP тоже получают прирост
* крупные монорепы меньше страдают от ожидания type-checking

Отдельно завезли параллелизацию: TypeScript 7 умеет распараллеливать parsing, type-checking и emit. Для тонкой настройки появились флаги --checkers, --builders и --singleThreaded.

--watch тоже переписали: теперь он построен на новом файловом watcher’е, портированном на Go, чтобы лучше работать на больших проектах без дорогого polling.

Но есть важный нюанс: TypeScript 7.0 пока не поставляется с API. Новый API ожидается в 7.1, а для переходного периода Microsoft предлагает запускать TypeScript 7 рядом с TypeScript 6 через совместимость и aliases.

Установка обычная:

npm install -D typescript

По сути, TypeScript 7 - это не косметический релиз, а серьёзная пересборка фундамента: тот же TypeScript-опыт, но с нативной скоростью, многопоточностью и шансом наконец-то перестать ждать type-checking на больших кодовых базах.

https://devblogs.microsoft.com/typescript/announcing-typescript-7-0/

Читать полностью…

🔍Тестовое собеседование на Frontend-разработчика с ex. TeamLead в Сбер

9 июля(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.

Как это будет:
📂 Даниил Дмитриев, старший разработчик в R-Vision, ex. TeamLead в Сбер, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Даниил будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Даниилу

Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.

Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot

Реклама.
О рекламодателе.

Читать полностью…

VoCSSels - Easily create 3D CSS & HTML Voxel Models

Это JavaScript-приложение, разработанное для упрощения создания трехмерных воксельных моделей с использованием CSS и HTML. Это приложение использует библиотеку dom-to-image для преобразования ваших творческих идей в потрясающие изображения, делая его неотъемлемым инструментом для дизайнеров и разработчиков.

🌐Ссылка на код

Читать полностью…

Image gallery with flex-grow

Пример галереи изображений на CSS + HTML с эффектом наведения.

https://codepen.io/ahmadghoniem/pen/QWJdMMe

Читать полностью…

AnyCrawl превращает сайты в структурированные данные, готовые для LLM.

Инструмент берёт любой сайт и быстро приводит его к чистому JSON, который можно сразу использовать в AI-пайплайнах, RAG, агентах и автоматизации.

Что умеет:

• извлекать данные из поисковой выдачи Google, Bing и Baidu

• краулить сайт целиком

• парсить страницы в несколько потоков

• доставать нужные данные с помощью AI

По сути, это способ быстро превратить хаотичный веб в нормальные данные для языковых моделей.

GitHub: https://github.com/any4ai/AnyCrawl

Читать полностью…

Совет по CSS 💡

Я недавно обнаружил, что мы можем изменять размеры любого блочного элемента, а не только textarea!

Читать полностью…

Компилятор как суперсила: state machine без хаоса в коде

Интересная мысль про конечные автоматы в TypeScript.

Два варианта кода могут делать одно и то же, но ощущаться совершенно по-разному. Слева обычно получается ручное управление состояниями: условия, переходы, проверки, много места для ошибки.

Справа уже больше похоже не просто на код, а на маленький язык внутри TypeScript. Ты описываешь состояния, события и переходы декларативно, а компилятор начинает работать как страховка.

Он может подсветить невозможный переход, поймать забытый кейс, не дать передать неправильное событие в неправильное состояние и сделать часть логики проверяемой ещё до запуска приложения.

Вот в этом и сила хорошего дизайна API: ты не просто пишешь функции, ты заставляешь TypeScript понимать правила своей предметной области.

State machine становится не схемой в голове разработчика, а контрактом, который проверяется компилятором.

Читать полностью…

Займи слот ИТ-Пикником от Т-Банка

8 августа — время отложить ноутбуки и встретиться офлайн на ИТ-Пикнике от Т-Банка в музее-заповеднике «Коломенское». Вот сколько всего запланировано:

— научпоп-лекции;
— мастер-классы;
— дискуссии об ИИ и больших языковых моделях;
— доклады о кибербезопасности;
— примеры, как данные из логов становятся решениями;
— много музыки.

Бери с собой друзей, супругов и детей — каждый найдет себе что-то по душе.

Зарегистрироваться и узнать больше можно здесь

Читать полностью…

Что, если «Следствие вели…» снимали бы в офисном сеттинге в IT-компании? Мы могли бы об этом только фантазировать, если бы… Авито взял и не снял свой выпуск с Леонидом Каневским 🔥

Мы ещё не успели посмотреть: планируем оставить на вечер. Говорят, легенда тру-крайма там расследует внезапный рост ошибок 404 на endpoint аватарок (реальный кейс команды AvitoTech, кстати!).

Смотрим, чтобы услышать будущие легендарные цитаты... ну и чтобы в вашей команде такого не случилось!

📱 YouTube
📱 Rutube
📱 VK Видео

Читать полностью…

Пример кастомных курсоров на CSS 🧑‍💻🚀

Читать полностью…

💡HTML-элемент <meter> в действии

Читать полностью…

Million.js — это оптимизирующий компилятор, который снижает накладные расходы React reconciliation и ускоряет компоненты до 70%.

• Работает с существующим React-кодом, миграция на другой фреймворк не нужна
• Тонко настроенный Virtual DOM уменьшает нагрузку на diffing
• CLI-инструмент для автоматической установки и настройки
• Производительность проверяли на js-framework-benchmark

Посмотреть можно здесь:

https://github.com/aidenybai/million

Читать полностью…

🖥 Сервисы крутятся. Прод вроде живой. Но когда тимлид спрашивает: «почему здесь лучше ValueTask, а не Task?» или «как GC поведёт себя под нагрузкой?» - ты начинаешь плыть.

И дело не в том, что ты плохо пишешь код. Просто большинство курсов заканчиваются ровно там, где начинается настоящий .NET.

Этот курс про то, что обычно остаётся под капотом:

- CLR
- JIT
- GC
- Span
- async state machine
- Source Generators
- lock-free подходы
- OpenTelemetry
- дампы в проде

На практике разбираем, как .NET реально работает внутри: что происходит с кодом после компиляции, как память живёт под нагрузкой, почему async иногда помогает, а иногда ломает производительность, как читать проблемы по дампам и метрикам, а не гадать по логам.

Если хочешь дойти до уровня, где система для тебя не чёрный ящик, а инструмент, который ты понимаешь до IL, - велкам.

Сейчас на stepik доступна скидка 55%: https://stepik.org/a/288694

Читать полностью…

🚀 Динамические рабочие процессы для Pi

Расширение для Pi, позволяющее создавать динамические рабочие процессы с помощью JavaScript. Вместо последовательного выполнения задач, модель распределяет работу между изолированными подагентами, обеспечивая синтез результатов. Идеально подходит для аудитов кода и многоперспективных обзоров.

🚀 Основные моменты:
- Создание рабочих процессов с использованием JavaScript
- Параллельное выполнение задач через подагентов
- Поддержка структурированного вывода с валидацией
- Интуитивный интерфейс для взаимодействия с Pi

📌 GitHub: https://github.com/Michaelliv/pi-dynamic-workflows

Читать полностью…

Совет по Javascript 💡

Знаете ли вы об этом новом и более простом способе выбора последнего элемента массива? 🤩

Читать полностью…