Превью :
Интро :
- Данный проект представляет собой работающую форму обратной связи, использующую API Web3Forms для сохранения и отправки данных.
Технологии :
- HTML
- SCSS
- JS
Функционал :
- валидировать форму через HTML
- отправлять валидную форму на указанный адрес используя API
- изменять "метку" состояния (успех, ошибка...)
- отлавливать ошибку в случае некорректного ответа сервера
- очищать форму и "метку" после выполнения процесса
Проблемы с которыми столкнулся :
- код начинал использовать данные ответа сервера не дождавшись получения этих самых данных. Решилось добавлением
async + await.
Улучшил :
- понимание логики работы и использования
fetch() - понимание логики работы и использования
setTimeout() - понимание логики работы и использования
API - понимание логики работы и использования
JSON - понимание логики работы и использования
new FormData() - понимание логики работы и использования
Promises - понимание логики работы и использования
async/await - понимание логики совместного использования HTML, SCSS, JS, API
- понимание возможностей JS в области DOM элементов, манипулирования ими и их значениями
- понимание обработки событий
- понимание верстки и позиционирования элементов
- понимание удобства применения функций как способа логично и чисто распределить код
- понимание логики составления и использования функций
- понимание логики применения условий
На будущее :
- сделать хранение ключа доступа более безопасным(?)
Проект завершен.