«Создание доступной формы записи» — практический frontend-проект для тех, кто знает основы HTML-форм, CSS и JavaScript. Вы создадите страницу записи для небольшой творческой мастерской, где посетители смогут выбрать занятие, заполнить форму с клавиатуры и получить подтверждение от настоящего сервера.
Пошаговые лабораторные работы начинаются с использования работающего примера с клавиатуры, а затем развивают макет формы, обратную связь и асинхронную отправку. В самостоятельном задании те же приёмы применяются к другим занятиям и связям между полями. Каждая лабораторная работа начинается со своих подготовленных файлов и данных.
Чему вы научитесь
После завершения курса вы сможете:
- связывать видимые подписи, инструкции, ограничения ввода и сообщения об ошибках, чтобы посетители понимали, что ввести и как исправить проблему;
- создавать адаптивную форму с понятным порядком чтения, видимым клавиатурным фокусом и обратной связью, которая не полагается только на цвет;
- отправлять данные с помощью
fetchиasync/await, показывать ожидание ответа и избегать повторной отправки из формы в это время; - показывать выданный сервером ID подтверждения только после принятия записи и различать отклонённое значение поля, отсутствие свободных мест и временный сбой службы;
- сохранять введённую информацию после отказа или сбоя, восстанавливаться после изученного временного сбоя и оставлять существующие записи на занятия без изменений.
Для кого этот курс
Курс предназначен для учащихся, которые готовы объединить отдельные веб-упражнения в полноценный процесс записи на занятия.
Предварительные требования: Основы HTML-форм и макетов CSS, а также объекты, функции и события JavaScript. Также нужно знать базовые способы выбора элементов DOM. Вы должны уметь открывать и сохранять файлы проекта. До самостоятельного задания пошаговые лабораторные работы объясняют необходимую семантику форм, валидацию, асинхронный код, ответы HTTP и управление состоянием. Знание React не требуется.
Учебная среда: LabEx предоставляет подготовленную среду программирования в браузере, предварительный просмотр страницы, работающий локальный API и базу данных. Учебные личности и контактные данные вымышлены. Вы редактируете frontend; подписи на сайте и вывод во время выполнения остаются на английском языке.
Часто задаваемые вопросы
Буду ли я писать код?
Да. Вы дополняете HTML, CSS и JavaScript в подготовленном проекте, а затем используете форму через настоящие действия в браузере: ввод с клавиатуры, отправку, отказ и восстановление после сбоя.
Буду ли я создавать backend или его средства защиты?
Нет. API и база данных предоставлены. Вы делаете так, чтобы frontend отражал то, что сервер действительно принял. Валидация в браузере и отключённая кнопка отправки не реализуют защиту backend и не гарантируют безопасную обработку одновременных запросов в производственной среде.
Даёт ли завершение курса сертификат соответствия требованиям доступности?
Нет. Вы отрабатываете конкретное поведение подписей, клавиатуры, фокуса и обратной связи. Полная оценка доступности охватывает больше аспектов, чем эти упражнения.
