Нам нужны твои мозги

Хотите расти как разработчик и найти крутую работу? Не протирайте штаны — займитесь Open Source проектами. Так легче всего попасть в лучшие команды разработчиков и положить себе в резюме настоящий проект, вместо нелепых «примеров кода». Но найти подходящий проект для участия сложно. Начинаются лень и отговорки, а за ними — отсутствие профессионального роста, критики по-настоящему крутых программистов, уныние и застой.

На Cult of Martians мы собираем интересные задачи для современных веб-программистов. Можно выбрать подходящую по сложности, продолжительности и специализации. Задачи не выдуманы «из воздуха» — каждая решает насущную проблему, и решить ее можно через создание нового Open Source проекта или улучшение существующего. Решайте задачи, прокачивайтесь, присылайте решение на оценку. Лучших могут пригласить к себе на работу компании, программистам которых понравится ваше решение.

В работе 0Короткие 0Длинные 0Сделано 229
Помощь запрашивал
Андрей Ситник
 Андрей Ситник
Помогли
Игнатий Федоров
 Игнатий Федоров
Вячеслав Мухин
 Вячеслав Мухин

Фронт: Добавить горячий клавиши для списка в KeyUX

Для новичков, задача на пару дней

KeyUX добавляет на сайт обработку событий с клавиатуры, чтобы пользоваться сайтом с клавиатуры было удобнее.

Например, KeyUX автоматически находит, какую кнопку нужно нажать при нажатии горячий клавиши, в зависимости от aria-keyshortcuts у кнопок.

Сейчас KeyUX ищет самую первую кнопку с нужным aria-keyshortcuts, но это не работает для списка, где у каждого элемента своя кнопка с одной и той же горячей клавишей.

<li tabindex="0">
  Item 1
  <button aria-keyshortcuts="v">Validate</button>
</li>
<li tabindex="1">
  Item 1
  <button aria-keyshortcuts="v">Validate</button>
</li>

Польза: строка в резюме, которая показывает знание технологий доступности в веб-разработке.

  1. Форкнуть репозиторий.
  2. Добавить data-keyux-ignore-hotkeys, где hotkeyKeyUX() не будет искать горячие клавиши.
  3. Добавить код, чтобы сначала искать горячие клавиши внутри текущего элемента в фокусе, даже если он помечен как data-keyux-ignore-hotkeys.
  4. Если у текущего элемента в фокусе есть аттрибут data-keyux-hotkeys, то сначала искать горячие клавиши там (даже если он помечен data-keyux-ignore-hotkeys).
  5. Добавить тесты.
  6. Добавить документацию.
  7. Запустить pnpm size-limit и обновить размер в size-limit в package.json.
  8. Отправить PR.
Посмотреть решение