Технология верстки 2021: создание простого лендинга (часть 9)
Завершаем работу над лендингом, оптимизируем, прикручиваем отзывы в JSON / через API и добавляем отправку данных из формы письмом на указанный email.
СОДЕРЖАНИЕ:
00:00 Превращаем наш дизайн в Responsive из Adaptive.
02:46 Готовый вариант адаптации с учетом Responsive.
04:36 Валидация сайта на W3C Validator. Фикс проблемы с дублированием DOCTYPE и с заголовком в футере.
07:49 Делаем телефоны кликабельными на смартфонах. Отступ для подписи под формой.
09:14 Делаем комментарии динамическими. Первый способ - через JSON-файл. Ручная шаблонизация через JS на фронте.
19:53 Второй способ - запрос комментариев из внешнего API. Плагин JSONView. Вносим изменения в предыдущий код.
25:24 Собираем JS-ом данные из формы заявки для отправки письма через PHP. Используем fetch и FormData.
31:52 Запускаем веб-сервер и PHP. Пишем простой скрипт для отправки письма через функцию mail. Решаем проблему с CORS.
39:30 Минификация CSS и JS через Webpack.
41:36 Используем Lighthouse для оценки произ