Вёрстка интерактивной формы с HTML, CSS и JavaScript

Форма – это один из основных элементов каждого веб-сайта. Это контейнер, который хранит поля, куда пользователь вводит информацию, а также кнопку для отправки данных на сервер, что необходимо для успешной регистрации/авторизации/оформления заказа вашей любимой пиццы и т. д. И на этом вебинаре мы с вами разберём, как создавать формы с помощью vanilla фронтенд-инструментов – HTML, CSS и JavaScript.

Вы узнаете, как реализовать красивый внешний вид вашей формы и разработать валидацию введённых данных. Каждый шаг подробно разбираем и объясняем!

План вебинара:

1. Знакомство и подготовка к работе.
2. Создание визуальной составляющей формы.
3. Добавление функционала валидации формы.
4. Ответы на вопросы.

Целевая аудитория:

Вебинар будет интересен всем новичкам, которые делают первые шаги в изучении вёрстки и фронтенда в целом.

UPD 08.11.2023

Ссылка на макет в Figma:

https://www.figma.com/file/BVMwwkdG0NraqtgGKmChaD/%D0%A4%D0%BE%D1%80%D0%BC%D0%B0-%D0%B2%D0%B5%D0%B1%D1%96%D0%BD%D0%B0%D1%80?type=design&node-id=0%3A1&mode=design&t=CMAisZpEtry0cauu-1