FrontEndDev
27.1K subscribers
2.43K photos
22 videos
7.64K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Читать на парковке: https://max.ru/front_end_dev

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Popover API или Dialog API: что выбрать?

Popover API упрощает создание всплывающих элементов, предлагая встроенные функции доступности. В то время как Dialog API лучше подходит для модальных окон, автоматически изолируя контент.

https://css-tricks.com/popover-api-or-dialog-api-which-to-choose/
8🔥3👍2
Переосмысление тестовых заданий для фронтендеров.

Методология, включающая короткое тестовое задание, совместное ревью кода и рефакторинг легаси, которая позволяет выявить реальные навыки работы с кодом и принятия решений

https://habr.com/ru/companies/doubletapp/articles/1005810
👍92🔥2
Друзья!

Стартует новый сезон Podlodka React Crew: «Продвинутый React». Podlodka React Crew — онлайн-конференции для React-разработчиков.
По традиции иду сам и зову вас с собой 😊

Разработчики регулярно сталкиваются с проблемами производительности, утечками памяти и архитектурными вызовами. Поэтому в этот раз программа будет очень технической — от внутренней работы V8 до React Server Components и профилирования производительности.

С 23 по 27 марта ее участники:

⚙️ узнают, как устроен рендер и внутренние механизмы в современном React
🧠 познакомятся с архитектурой приложений, где применяются React Server Components
📊 научатся профилировать React-приложения и выявлять медленные рендеры, memory leak
🛠познакомятся с дополнительными инструментами, которые помогут упростить отладку и выявить сложные проблемы

👉 Формат уже знакомый: несколько дней живых Zoom-сессий утром и вечером, закрытое комьюнити в Telegram и возможность пообщаться со спикерами.

Если хотите углубить свои знания про React в компании крутых экспертов, присоединяйтесь к Podlodka React Crew👇

🎟 Забрать early-bird билет можно до 16 марта

🎁 По традиции разыгрываем один билет. Для участия заполните форму. Итоги подведем в ближайшее время!

Для подписчиков FrontEndDev есть промокод на скидку 500р 🥳: FrontEndDev
7👍3🔥2
CSS-свойство corner-shape: новые горизонты для интерфейсов

Новое свойство corner-shape в связке с border-radius наконец позволяет легко создавать скошенные, вогнутые, скругленные и другие формы, делая ваш интерфейс выразительнее и чище

https://www.smashingmagazine.com/2026/03/beyond-border-radius-css-corner-shape-property-ui/
8🔥42
Прощай innerHTML, привет setHTML

Новый метод .setHTML() в JavaScript, входящий в состав Sanitizer API, является прямой заменой для .innerHTML(). Это значительно усиливает защиту от XSS-атак, эффективно устраняя все риски DOM-XSS и повышая безопасность сайтов.

https://frontendmasters.com/blog/goodbye-innerhtml-hello-sethtml/
23👍11
Друзья! Мои коллеги пишут выпускную работу и проводят исследование "о важности аспектов бренда работодателя для IT-специалистов поколения Z при выборе компании".

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

Всем добра ✌️

PS: сегодня подведем итоги розыгрыша билета на Podlodka React Crew. Следите за постами 😊
👍64
О специфике разработки приложений под Smart TV: личный опыт перехода от веба к ТВ

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

https://habr.com/ru/companies/vk/articles/1008506
👍93
Улучшаем производительности анимаций с помощью requestAnimationFrame

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

https://www.debugbear.com/blog/requestanimationframe
👍101🔥1
5 операторов RxJS в Angular, которые решают 80% проблем

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

https://habr.com/ru/companies/ruvds/articles/1008646
🔥81
Переход от Moment.js к Temporal API

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

https://smashingmagazine.com/2026/03/moving-from-moment-to-temporal-api/
🔥7👍1😁1