DOM и события: мини-проекты

Что ты сделаешь в сете

• Сделать форму регистрации с валидацией onInput и onSubmit.
• Реализовать делегирование событий для списка задач.
• Добавить drag and drop сортировку элементов с сохранением порядка.
• Собрать модальное окно с корректным управлением фокусом.

Что должно получиться на выходе

• Мини-проект интерфейса с несколькими интерактивными сценариями.
• README с картой событий и объяснением архитектуры обработчиков.
• Скринкаст или gif с демонстрацией сценариев.

Критерии готовности

• Все элементы интерфейса доступны с клавиатуры.
• Логика событий предсказуемая: нет случайных double-submit и дублей обработчиков.
• Нет утечек: обработчики снимаются при удалении элементов.

Частые ошибки

• Вешать отдельный обработчик на каждый элемент вместо делегирования.
• Не учитывать bubbling/capturing и получать неожиданные срабатывания.
• Забывать про предотвращение default-действий в формах.

Что положить в портфолио

Добавь в портфолио интерактивный модуль (форма + список + модалка) и распиши, как решены события, доступность и структура кода.