Друзья! Мои коллеги пишут выпускную работу и проводят исследование "о важности аспектов бренда работодателя для IT-специалистов поколения Z при выборе компании".

Если у вас есть свободные 6 - 8 минут и вы родились позже 1996, ответьте пожалуйста на несколько вопросов.

Всем добра ✌️

PS: сегодня подведем итоги розыгрыша билета на Podlodka React Crew. Следите за постами 😊

О специфике разработки приложений под Smart TV: личный опыт перехода от веба к ТВ

В отличие от привычного веба, здесь нужно учитывать линейную навигацию, принципы 10-foot UI и аппаратные ограничения.

https://habr.com/ru/companies/vk/articles/1008506

Итак!

Бесплатная проходка на Podlodka React Crew рандомным образом достается @m_hodeneva

Поздравляем!🎉🎉🎉
У всех остальных еще есть шанс урвать early-bird билет!

Всем хорошей недели 😊

Улучшаем производительности анимаций с помощью requestAnimationFrame

requestAnimationFrame — это браузерный API, разработанный специально для визуальных обновлений, который позволяет планировать их прямо перед следующей перерисовкой, обеспечивая плавность и отзывчивость.

https://www.debugbear.com/blog/requestanimationframe

5 операторов RxJS в Angular, которые решают 80% проблем

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

https://habr.com/ru/companies/ruvds/articles/1008646

Переход от Moment.js к Temporal API

Хотя Moment.js был популярен, его недостатки, такие как большой размер и изменяемость объектов, привели к появлению нового стандарта. Современный Temporal API в JavaScript решает эти проблемы.

https://smashingmagazine.com/2026/03/moving-from-moment-to-temporal-api/

Деструктуризация в JavaScript: учимся разбирать данные удобно и лаконично

Деструктурирующее присваивание помогает распаковывать массивы и объекты прямо в параметрах и переменных — особенно когда структура вложенная. Разберём, как это работает и почему синтаксис кажется коротким, но делает много работы.

https://css-tricks.com/javascript-for-everyone-destructuring/

Flex vs Grid: объяснение разницы на практике

Flex и Grid решают разные задачи: Flex — про раскладку в одном направлении, Grid — про контроль и строк, и колонок. Разберём типовые кейсы (например, карточки в ряд) и покажем, как выбирать нужный инструмент.

https://habr.com/ru/companies/timeweb/articles/1004986

Асинхронные переходы между страницами в Vanilla JS — настоящий crossfade без фреймворков

Собераем лёгкий SPA-router на History API с анимацией переключения страниц: текущая и следующая страницы одновременно живут в DOM, клонируются и плавно перетекают друг в друга

Демо | Github

https://tympanus.net/codrops/2026/02/26/building-async-page-transitions-in-vanilla-javascript/

OAuth 2.0 во фронтенде

Работа с OAuth 2.0 на клиенте это не только логин, но и работа с токенами: разбираем типичные дыры, правильные flow для веб-приложений и практики, которые снижают риск утечек и подмены.

https://www.youtube.com/watch?v=oGktdQ45bTg

ESLint v10.0.3: патч-апдейт для точнее проверок кода

Вышла ESLint v10.0.3 — релиз, который исправляет баги предыдущей версии и обновляет зависимость minimatch до ^10.2.4, чтобы ESLint корректно распознавал файлы. Также добавлены точечные фиксы в сообщениях правил и обновлена документация/гайд по миграции.

https://eslint.org/blog/2026/03/eslint-v10.0.3-released/

NoJS 3 — рассвет Flappy Bird

Клон Flappy Bird без JavaScript: только HTML и CSS. Разбираем, как организовать игровую логику (движение, препятствия, столкновения) средствами современного CSS

https://blog.scottlogic.com/2026/03/09/noJS-3-flappy-bird.html

Тестируйте доступность в реальном времени прямо во время написания кода

На ходу подсвечиваются нарушения WCAG и выпадают предупреждения в IDE/CLI с AI-подсказкам для исправлений

https://www.browserstack.com/accessibility-testing/accessibility-devtools

Вышел Vite 8: Rolldown как единый бандлер

Vite 8 переводит сборку на Rolldown, один Rust бандлер вместо связки esbuild и Rollup, что ускоряет сборки в 10–30 раз и сохраняет совместимость с плагинами. Появляются новые возможности вроде bundle mode, гибкого chunk splitting, persistent caching на уровне модулей и поддержки Module Federation.

https://vite.dev/blog/announcing-vite8

Одно CSS-свойство, которое мгновенно улучшает вид цифр

font-variant-numeric: tabular-nums делает все цифры одинаковой ширины, убирая прыжки и перекосы в таймерах, счетчиках и дашбордах. Идеально для таблиц и анимированных чисел: меньше layout shift — приятнее UX.

https://frontendfoc.us/link/181899/web

Делегирование фокуса в Shadow DOM с delegatesFocus

delegatesFocus: true убирает ручную логику focus() в обёртках, автоматически прокидывает фокус на первый фокусируемый элемент и корректно включает :focus и :focus-within для стилизации без классов. Это закрывает проблемы с мёртвым фокусом при кликах по padding и декоративным зонам.

https://frontendmasters.com/blog/shadow-dom-focus-delegation-getting-delegatesfocus-right/

Модульная система Sass с use и forward: как уйти от устаревшего import

Переход на use решает глобальное загрязнение, конфликты имён и дублирование кода, давая изолированные пространства имён для переменных, миксинов и функций. Разбираемся с подключением модулей, встроенными sass::math и организацией SCSS, чтобы код оставался масштабируемым и удобным для IDE.

https://habr.com/ru/articles/1013818

Руководство для новичков по ручному тестированию доступности с клавиатурой

Проверьте доступность интерфейса для пользователей скринридеров с помощью пяти базовых команд Tab, Shift+Tab, Enter, Space и стрелок, чтобы быстро найти проблемы навигации и взаимодействия.

https://www.sitepoint.com/accessibility-testing-with-keyboard-navigation/

Утечки памяти во фронтенде: что нашли в 500 репозиториях и как это быстро исправить

Статический анализ 500 публичных React, Vue и Angular репозиториев показал, что 86% проектов содержат паттерны без cleanup, а бенчмарки дают около 8 KB удерживаемой памяти на цикл навигации при пропущенной очистке

https://stackinsight.dev/blog/memory-leak-empirical-study/

Страница новостей на 49 МБ: как адтех и тяжёлый фронтенд превращают чтение в ожидание

49 МБ данных, сотни запросов и десятки конкурентных ставок в браузере блокируют главный поток и превращают чтение в ожидание. Разберём, как программная реклама и трекинг раздувают payload и что можно сделать, чтобы ускорить рендер и снизить нагрузку на CPU.

https://thatshubham.com/blog/news-audit