Что должен учить фронтенд-разработчик в 2024 году

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

Так как YouTube у многих не работает, мы скачали его для вас. Первоисточник: https://youtu.be/1WRJKgwlX9w

#видео #roadmap

Любите ARIA? Нет, Кипелов тут не причем

ARIA (Accessible Rich Internet Applications) — это набор атрибутов, разработанный для того, чтобы улучшить доступность веб-приложений для людей с ограниченными возможностями. Он помогает разработчикам создавать интерфейсы, которые могут быть более легко интерпретированы вспомогательными технологиями, такими как экранные читалки. Это особенно важно для людей с ограниченным зрением или моторикой.

Основные атрибуты ARIA:

1. aria-label: используется для предоставления текста этикетки для элемента.

   <button aria-label="Закрыть">X</button>
   

2. aria-hidden: указывает, что элемент и его дочерние элементы недоступны для вспомогательных технологий.

   <div aria-hidden="true">Этот текст будет игнорироваться.</div>
   

3. aria-live: сообщает экранному чтецу об изменениях в содержимом, которые происходят динамически.

   <div aria-live="polite">Контент будет прочитан экранным чтецом при изменении.</div>
   

4. aria-expanded: указывает состояние раскрытия или сворачивания элементов интерфейса (например, аккордеоны, выпадающие списки).

   <button aria-expanded="false">Меню</button>
   

5. role: Определяет роль элемента интерфейса, помогая вспомогательным технологиям понять его назначение.

   <div role="alert">Это важное сообщение!</div>
   

Преимущества использования ARIA:
— лучшая доступность: делает ваше приложение доступным для большего круга пользователей;
— социальная ответственность: помогает соблюдать стандарты доступности и поддерживать инклюзивность;
— улучшение SEO: иногда улучшает видимость вашего контента для поисковых систем.

Использование ARIA атрибутов поможет вам создать более доступные и понятные веб-приложения для всех пользователей.

Почитать подробнее можно в этой статье: https://doka.guide/a11y/aria-intro/

#урок #html

Учитесь фронтенду с нами — подпишитесь 💻

JavaScript эволюционирует: новые методы и функции для эффективной разработки

Новые функции появились в JavaScript и мы спешим поделиться ими с вами. Здесь вы узнаете про:

— новый метод группировки элементов массива;
— обновление в регулярных выражениях;
— обновлённые промисы;
— новые методы для мутаций массивов.

Интересно? Тогда скорее переходите по ссылке: https://proglib.io/p/javascript-evolyucioniruet-novye-metody-i-funkcii-dlya-effektivnoy-razrabotki-2024-07-22

#статья #javascript

Учитесь фронтенду с нами — подпишитесь 💻

Про Notion уже слышали? Наверняка тут многие им пользуются, как и я. 9 сентября карета превратится в тыкву. Я собрал несколько альтернатив и рассказал где есть ещё вот в этом посте. Если кому нужно, залетайте, буду рад.

p.s. контент сюда пилить вообще не успеваю пока что, извините. Дел тьма. Но я обязательно скоро возобновлю деятельность. Пока что можете покидать в коменты, какие рубрики или тематики вам больше нравятся

Учитесь фронтенду с нами — подпишитесь 💻

Типизация в React Router: ещё больше надёжности для вашей навигации

Когда приложение растёт, слежение за маршрутами становится сложной задачей. Типизированная навигация помогает поймать ошибки ещё на этапе разработки, спасти ваши нервы и сделать переходы надежнее.

Про конкретные подходы к типизации, советы по внедрению и рабочие примеры для реальных проектов на React вы можете узнать тут.

#react #фронтенд #typescript

Оно живое!!!!!

Учитесь фронтенду с нами — подпишитесь 💻

Что нового появилось в CSS в 2025 году

CSS продолжает развиваться. Конечно не всё, что появилось в нём можно использовать уже сегодня — браузеры тупо не умеют с этим работать. Но зато вы можете познакомиться с новыми возможностями заранее. А используя какой-нибудь аналог babel для CSS, можно даже начать что-то применять в работе, убедившись, что это всё адаптируется под современные возможности браузеров.

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

Учитесь фронтенду с нами — подпишитесь 💻