Форма обратной связи / Отправка формы на почту без перезагрузки

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

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

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

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

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

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

📌 Ссылки

Исходники 1-го урока: https://codelab.pro/forma-obratnoj-svyazi-pishem-osnovu-na-html-i-css/
Исходники 2-го урока: https://codelab.pro/forma-obratnoj-svyazi-validacziya-formy-na-js/
Исходники данного урока: https://codelab.pro/forma-obratnoj-svyazi-otpravka-formy-na-pochtu-bez-perezagruzki/
Форма обратной связи / Пишем основу на HTML и CSS: https://www.youtube.com/watch?v=TzdrzZ6-GkE
Форма обратной связи / Валидация формы на JS: https://www.youtube.com/watch?v=S0Y3LeK5_0o

Асинхронность в 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
––––––––––––––––––––––––––––––

💙 Поддержать меня и мой канал

Yandex деньги ➝ https://yoomoney.ru/to/4100116765956607
Qiwi кошелек ➝ https://qiwi.com/n/CODELAB

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

💻 Хостинг, которым пользуюсь сам ➝ https://fozzy.com/aff.php?aff=18530
По промокоду CODELAB скидка 10%

Видео Форма обратной связи / Отправка формы на почту без перезагрузки канала CODE LAB - Уроки по программированию