Верстання інтерактивної форми з HTML, CSS і JavaScript

Форма (form)  – це один з основних елементів кожного вебсайту. Це контейнер, який зберігає в собі поля, куди користувач вводить інформацію, а також кнопку для відправлення даних на сервер, що необхідно для успішної реєстрації/авторизації/оформлення замовлення вашої улюбленої піци тощо. І на цьому вебінарі ми з вами розберемо, як створювати форми за допомогою 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