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

🎓 Подготовительный курс профессии «Frontend-разработчик» - 990 руб. ➝ https://fas.st/N5ywg?erid=2VSb5yFzxit
🎓 Подготовительный курс профессии «Java-разработчик» - 990 руб. ➝ https://fas.st/aPbEs?erid=2VSb5yBYzsr
🎓 Подготовительный курс профессии «Python-разработчик» - 990 руб. ➝ https://fas.st/dgEgR?erid=2VSb5xxD7Lk

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

🌐 Наш сайт: https://codelab.pro/
💬 Группа в Telegram: https://t.me/codelab_channel

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

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

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

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

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

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

Готовый код из видео (с комментариями) ➝ https://codelab.pro/forma-obratnoj-sv...
Исходники предыдущего урока на GitHub ➝ https://github.com/toni-wheel/youtube...

Готовый код 1-го урока (с комментариями) ➝ https://codelab.pro/forma-obratnoj-sv...
Готовый код 2-го урока (с комментариями) ➝ https://codelab.pro/forma-obratnoj-sv...
Отправка файла на почту ➝ https://codelab.pro/forma-obratnoj-sv...


Асинхронность в 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 Завершение