Javascript

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

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

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

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

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

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

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

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

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

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

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

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

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

Компилятор как суперсила: state machine без хаоса в коде Интересная мысль про конечные автоматы в TypeScript. Два варианта кода могут делать одно и то же, но ощущаться совершенно по-разному. Слева обычно получается ручное управление состояниями: условия, переходы, проверки, много места для ошибки. Справа уже больше похоже не просто на код, а на маленький язык внутри TypeScript. Ты описываешь состояния, события и переходы декларативно, а компилятор начинает работать как страховка. Он может подсветить невозможный переход, поймать забытый кейс, не дать передать неправильное событие в неправильное состояние и сделать часть логики проверяемой ещё до запуска приложения. Вот в этом и сила хорошего дизайна API: ты не просто пишешь функции, ты заставляешь TypeScript понимать правила своей предметной области. State machine становится не схемой в голове разработчика, а контрактом, который проверяется компилятором.

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

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

Crazy Pie Chart Диаграмма, созданная из svg-картинки и анимированная при помощи библиотеки d3. https://codepen.io/Siddharth11/pen/LVQmjN

Что, если «Следствие вели…» снимали бы в офисном сеттинге в IT-компании? Мы могли бы об этом только фантазировать, если бы… Авито взял и не снял свой выпуск с Леонидом Каневским 🔥 Мы ещё не успели посмотреть: планируем оставить на вечер. Говорят, легенда тру-крайма там расследует внезапный рост ошибок 404 на endpoint аватарок (реальный кейс команды AvitoTech, кстати!). Смотрим, чтобы услышать будущие легендарные цитаты... ну и чтобы в вашей команде такого не случилось! 📱 YouTube 📱 Rutube 📱 VK Видео

🎨 Симулятор заклинаний из Witch Hat Atelier Этот браузерный симулятор позволяет рисовать заклинания, вдохновленные мангой *Witch Hat Atelier*. Пользователи могут создавать диаграммы заклинаний, которые преобразуются в анимации и выводы для анализа. Проект находится на стадии экспериментов и открыт для обсуждений в сообществе. 🚀Основные моменты: - Рисование заклинаний на бумажном холсте. - Поддержка основных сигилов и модификаторов. - Генерация анимаций и диагностических выводов. - Инструменты для тестирования и настройки эффектов. - Открытое сообщество для обсуждения и улучшений. 📌 GitHub: https://github.com/ytnrvdf/wha-spell-simulator

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

Будете смеяться, но мы тут в баре на Белке сидели рядом с ребятами из Авито... 🤩 Всё, что нам удалось расслышать: июль, ДК «Кристалл». Найдитесь в комментариях и расскажите: что там за дикий рейв у вас готовится в июле? Как попасть? 🤩 Если без шуток, давно уже ходят слухи, что онлайн-тусовка для айтишников AvitoTechno выходит в офлайн. Что ж, остаётся только ждать старт регистрации... Реклама ООО «Авито Тех». erid: 2VtzqukFGBb

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

🔍Тестовое собеседование с руководителем Frontend-разработки в этот четверг 18 июня(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика. Как это будет: 📂 Виталий Черков, руководитель группы Frontend разработки с опытом 8+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу 📂 Виталий будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью 📂 В конце можно будет задать любой вопрос Виталию Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы. Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot Реклама. О рекламодателе.

Million.js — это оптимизирующий компилятор, который снижает накладные расходы React reconciliation и ускоряет компоненты до 70%. • Работает с существующим React-кодом, миграция на другой фреймворк не нужна • Тонко настроенный Virtual DOM уменьшает нагрузку на diffing • CLI-инструмент для автоматической установки и настройки • Производительность проверяли на js-framework-benchmark Посмотреть можно здесь: https://github.com/aidenybai/million

Gooey Navigation При наведении на элементы меню задействуются CSS-трансформации, параметры которых задаются через CSS-переменные. https://codepen.io/simeydotme/pen/LYLxJqV

🖥 Сервисы крутятся. Прод вроде живой. Но когда тимлид спрашивает: «почему здесь лучше 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

🚀 Интеграция с Duel Agents для LLM Duel Agents — это слой маршрутизации для работы с несколькими моделями ИИ, выбирающий наиболее экономичный ответ. Этот репозиторий предоставляет инструменты для интеграции с платформой duelagents.com. 🚀 Основные моменты: - Поддержка нескольких моделей ИИ через единую точку доступа. - Удобные инструменты для установки и настройки. - Возможность расширения функционала с помощью SDK. - Интеграция с популярными клиентами и плагинами. 📌 GitHub: https://github.com/2aronS/Duel-Agents #javascript

🚀 Динамические рабочие процессы для Pi Расширение для Pi, позволяющее создавать динамические рабочие процессы с помощью JavaScript. Вместо последовательного выполнения задач, модель распределяет работу между изолированными подагентами, обеспечивая синтез результатов. Идеально подходит для аудитов кода и многоперспективных обзоров. 🚀 Основные моменты: - Создание рабочих процессов с использованием JavaScript - Параллельное выполнение задач через подагентов - Поддержка структурированного вывода с валидацией - Интуитивный интерфейс для взаимодействия с Pi 📌 GitHub: https://github.com/Michaelliv/pi-dynamic-workflows

⚡️ Создать JavaScript за 10 дней, запустить Mozilla, а потом собрать Brave вокруг идеи приватного браузера - у Брендана Айка биография из тех, где один человек несколько раз менял интернет. Самое сильное в этой истории - не только JavaScript. Да, язык собрали в бешеном темпе внутри Netscape, и теперь он держит огромную часть веба. Но дальше Айк не ушёл в режим «я уже всё доказал». Он продолжил воевать за то, каким должен быть браузер. Mozilla и Firefox были ответом на эпоху закрытого и монополизированного веба. Brave стал ответом на другую проблему: интернет, где пользователь постепенно превратился в объект слежки, таргетинга и бесконечной рекламной оптимизации. Айк всегда бил в одну точку: браузер должен работать на пользователя, а не на рекламную инфраструктуру вокруг него. Поэтому Brave блокирует трекеры, режет навязчивую рекламу и пытается строить модель, где приватность заложена в основу продукта. Можно спорить с отдельными решениями Brave, с крипточастью, с рекламной моделью, с самим Айком. Но вклад сложно обесценить. Он создал язык, без которого современный веб почти невозможно представить. Помог запустить один из главных открытых браузерных проектов. Потом снова пошёл против доминирующей модели интернета, где сбор данных стал нормой. Брендан Айк - редкий пример инженера, который не просто написал важный код, а десятилетиями спорит с тем, во что превратился веб.

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