Отправка данных на почту - Форма обратной связи

📋 Кратко, о чем это видео

В этом заключительном видео мы сделаем отправку формы на почту. Важно, что отправляться данная форма будет без перезагрузки страницы (асинхронно). После отправки формы пользователь получит уведомление, что данные отправлены, либо сообщение со статусом ошибки.

Также в конце бонусом покажу, как сделать простую разметку для письма.

––––––––––––––––––––––––––––––

📌 Полезные ссылки

Готовый код из видео (с комментариями) ➝ https://codelab.pro/forma-obratnoj-svyazi-otpravka-formy-na-pochtu-bez-perezagruzki
Исходники предыдущего урока на GitHub ➝ https://github.com/toni-wheel/youtube-responsive-contact-form-v2


Асинхронность в JS ➝ https://doka.guide/js/async-in-js
Async/Await ➝ https://doka.guide/js/async-await
Что такое fetch ➝ https://doka.guide/js/fetch
Объект FormData ➝ https://learn.javascript.ru/formdata

––––––––––––––––––––––––––––––

🕒 Таймкоды из видео

0:00 Демонстрация формы
1:11 Обзор стартового проекта
3:34 Загрузка и подключение PHPMailer
5:44 Настройка PHPMailer для отправки писем
10:12 Отправка письма без перезагрузки
22:28 Немного стилизуем письмо
27:37 Завершение