Javascript

Совет по Javascript 💡 Возможно, вы не знаете, что мы можем передавать исходную ошибку, при этом повторно выбрасывая ошибку с полезным сообщением для лучшей отладки.

🔥 Глобальное обновление программ CyberYozh Academy

3 новых уровня для вашей карьеры

Рынок кибербезопасности меняется каждый месяц, и мы меняемся вместе с ним. Теперь наши флагманские программы выстроены в четкую систему из 3 уровней, которые идеально подойдут для специалиста на любом этапе карьеры. ⚡️Выбирайте свой трек: 🟢 УРОВЕНЬ 1: Новичкам - Инженер по информационной безопасности

Трек для тех, кто готов освоить одну из самых высокооплачиваемых и востребованных профессий в IT с полного нуля, без воды и иллюзий. Длительность: 11 месяцев Итог: Диплом установленного образца + помощь с трудоустройством Стоимость: от 5 015 ₽/мес

🟡УРОВЕНЬ 2: Специализация - Специалист по OSINT

Полное погружение в конкретную специальность. Идеально для студентов, у которых уже есть базовые знания в ИБ, и которым нужно стать профи в узкой нише. Длительность: 9 месяцев Итог: Удостоверение + помощь с трудоустройством Стоимость: от 4 763 ₽/мес

🟥УРОВЕНЬ 3: Повышение квалификации - Пентест внутренней инфраструктуры: Active Directory

Курсы для действующих специалистов в сфере ИБ, которым необходимо расширить свой боевой арсенал и пробить карьерный потолок. Длительность: 6 месяцев Итог: Удостоверение + подготовка к сертификации Стоимость: от 5 821 ₽/мес

Неважно, делаете ли вы первые шаги или уже давно работаете - у нас есть инструменты, чтобы кратно усилить ваши скиллы. 👉 Подобрать программу и записаться на курс: @cyacademy_support 🦔

Держать 16 разных API-ключей только ради тестов разных LLM - то ещё удовольствие. freellmapi решает это проще: один OpenAI-compatible endpoint для бесплатных tier’ов от Google, Groq, Cerebras, NVIDIA и ещё 14 провайдеров. Что внутри: * около 1.7B токенов в месяц суммарно * роутер выбирает лучшую модель под запрос * при rate limit автоматически переключается на другого провайдера * ключи хранятся в зашифрованном виде * интерфейс совместим с OpenAI API По сути, это единая точка входа для экспериментов с разными LLM без ручного жонглирования ключами и лимитами. 15.9K звёзд на GitHub, а я почему-то наткнулся только вчера. https://github.com/tashfeenahmed/freellmapi ⭐ 15.9K #OpenSource #DevTools

PhantomLoop - визуализация BCI-декодеров прямо в браузере Небольшая, но интересная находка для тех, кто работает с нейроданными, EEG/BCI и real-time интерфейсами. PhantomLoop показывает поток данных от BCI-декодера в браузере: сигналы, предсказания модели, качество декодирования и разные визуализации. Что умеет: * подключение к EEG/BCI-источникам через WebSocket * поддержка OpenBCI, Muse, Emotiv, NeuroSky, PiEEG, LSL и других устройств * real-time streaming до 40 Hz * декодеры на TensorFlow.js * ускорение через WebGPU/WebGL * встроенный Monaco Editor для кастомных декодеров * визуализации вроде neural waterfall, spectral analysis и center-out arena Важный момент: браузер не может напрямую работать с BLE, Serial, TCP и железом, поэтому PhantomLoop использует Python WebSocket bridge. github.com/yelabb/PhantomLoop

Шпаргалка по выравниванию в CSS Grid 👨‍💻

16 июля встречаемся с JS‑сообществом SberProfi в Сбер.Среде. AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее. 🔥 Обсудим изменения на реальных кейсах от Сбера, Cloud․ru и Mish. Очные участники увидят спецформат от блогеров и пообщаются с экспертами GigaCode и GitVerse. ⏳ Начало в 17:00, встреча очных гостей - в 16:00. Количество очных мест ограничено – успейте зарегистрироваться!

⚡️ 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/

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

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

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 такие миллисекунды быстро складываются.

VoCSSels - Easily create 3D CSS & HTML Voxel Models Это JavaScript-приложение, разработанное для упрощения создания трехмерных воксельных моделей с использованием CSS и HTML. Это приложение использует библиотеку dom-to-image для преобразования ваших творческих идей в потрясающие изображения, делая его неотъемлемым инструментом для дизайнеров и разработчиков. 🌐Ссылка на код

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

Image gallery with flex-grow Пример галереи изображений на CSS + HTML с эффектом наведения. https://codepen.io/ahmadghoniem/pen/QWJdMMe

Идём на AI Hardcore Day в офис Авито на Лесной 11 июля! 🤩 Будем слушать доклады о Spec-Driven Development, разработке и тестировании MCP, атаках на GenAI-агентов. А после — нетворкать на террасе. ⚡ Регистрация и подробности — по ссылке. Кстати, доклады будут не под запись — советуем не пропускать!

AnyCrawl превращает сайты в структурированные данные, готовые для LLM. Инструмент берёт любой сайт и быстро приводит его к чистому JSON, который можно сразу использовать в AI-пайплайнах, RAG, агентах и автоматизации. Что умеет: • извлекать данные из поисковой выдачи Google, Bing и Baidu • краулить сайт целиком • парсить страницы в несколько потоков • доставать нужные данные с помощью AI По сути, это способ быстро превратить хаотичный веб в нормальные данные для языковых моделей. GitHub: https://github.com/any4ai/AnyCrawl

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 🚀