Зачем нужна ARIA и как она помогает сделать веб-стайт более доступным

ARIA, или Accessible Rich Internet Applications — это спецификация, которая позволяет сделать веб-контент и сайты доступными для людей с ограниченными возможностями. В этой видео вы на простых примерах разберётесь с aria-ролями и aria-атрибутами:

https://youtu.be/oS5tmH8HtFw

#видео #aria

Когда сперва сделал десктопную версию и смотришь, как сайт открывается на мобилке:

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

#совет #css

Agile в сторону! Доверьте планирование своей жизни IT-колоде

Тем более что наши арканы уже приготовили для вас послание. Переходите по ссылке, вытаскивайте карту и узнавайте, что вас ждёт сегодня, завтра и в другие дни спринта: https://tprg.ru/JQef

Реклама

Смена секций по скроллу

Вы наверняка видели сайты, где при скролле происходит не плавная прокрутка, а замена секций сайта. Они либо наплывают друг на друга, либо трансформируются и так далее.

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

#видео #фронтенд

#простымисловами: Как устроен и зачем нужен async/await

Асинхронный код на JavaScript всегда был необходим — запросы к серверу, таймеры, работа с файлами занимают время и не должны блокировать страницу. Раньше для этого использовали коллбэки или цепочки промисов, но такие конструкции быстро становились запутанными и сложными в поддержке.

async/await решает эту проблему. Это синтаксис, который позволяет писать асинхронный код в привычной пошаговой форме, но под капотом он остаётся неблокирующим.

Как это работает

Чтобы использовать async/await, достаточно объявить функцию с ключевым словом async. Это значит, что она всегда вернёт промис. Внутри такой функции можно применять await, чтобы дождаться завершения промиса перед выполнением следующей инструкции.

Пример:

async function fetchData() {
  const response = await fetch('/data.json');
  const data = await response.json();
  console.log(data);
}

Такой код легко читать и поддерживать — он идёт по шагам и не содержит вложенных .then() и .catch().

Преимущества по сравнению с коллбэками и промисами:

— Нет вложенных функций и «пирамид ада» из коллбэков.
— Ошибки можно обрабатывать привычным try/catch, как в синхронном коде.
— Логика программы остаётся линейной и предсказуемой.

Коллбэки и промисы по‑прежнему работают и подходят для некоторых случаев, но async/await значительно облегчает написание и поддержку асинхронного кода.

Если вы всё ещё используете цепочки .then() или длинные коллбэки — попробуйте переписать их с async/await. Код станет чище, а ошибки — легче отлавливать.

#javascript

Честный ресёрч найма в IT прямо с рынка

Вместе с Proglib мы разобрали, почему айтишники реально уходят с работы, по каким признакам вычислить токсичный коллектив и какие HR-трюки бесят разработчиков больше всего. Если ещё не читали — советуем это исправить❤️

Бонусом мы подготовили ещё два полезных лонгрида из этого исследования:
— Где искать работу в IT: лайфхаки и топ-площадки
— Каких разработчиков переизбыток и кому сейчас сложнее найти вакансию

Сохраняйте и кидайте коллегам!