- Сообщения
- 6 005
- Реакции
- 18
Автор: EGATOR
Название:Учебное пособие по веб-сайту портфолио React с нуля (2022)
Описание:
В этом практическом руководстве по проекту React js я собираюсь научить вас, шаг за шагом, создавать и развертывать полностью адаптивный веб-сайт личного портфолио с нуля! К концу этого видео вы узнаете, как создать приложение для реагирования с нуля, как использовать библиотеку значков реагирования в ваших проектах реагирования, как использовать хуки react useState, как создавать современные веб-сайты с помощью CSS3, как использовать SwiperJS (для создания каруселей/слайдов) в ваших проектах реагирования, как добавить несколько вариантов контактов на свой веб-сайт (WhatsApp, Facebook Messenger и прямая отправка формы с помощью EmailJS) и многое другое!
00:00:00 Вступление (Обзор проекта)
00:08:43 Покупка хостинга и получение бесплатного домена на Hostinger
00:11:38 Установка узла и VSCode 00:12:21 Активы
00:12:56 Создание нашего приложения React с помощью npx create-react-app
00:14:22 Управление и создание файлов и папок
00:20:15 Создание всех компонентов
00:27:40 CSS-переменные и общие стили CSS
00:45:00 Компонент заголовка JSX
00:52:42 Установка иконок React и их использование в нашем проекте
00:56:18 Компонент заголовка CSS
01:04:20 Адаптивный дизайн компонента заголовка
01:06:45 Плавающий компонент навигации JSX
01:13:57 Плавающий компонент навигации CSS
01:18:00 Управление состояниями навигации с помощью хука useState
01:21:43 О компоненте JSX 01:28:29 О компонентах CSS
01:35:15 Об адаптивном дизайне компонентов
01:38:45 Опытный компонент JSX
01:44:17 Опыт работы с компонентом CSS
01:50:40 Опыт адаптивного дизайна компонентов
01:53:35 Компонент служб JSX
01:57:25 CSS компонента сервисов
02:02:35 Адаптивный дизайн сервисного компонента
02:04:15 Компонент портфолио JSX
02:10:10 Компонент портфолио CSS
02:14:45 Компонент портфолио Адаптивный дизайн
02:16:02 Генерация элементов портфолио из массива с использованием метода карты
02:20:44 Компонент отзывов JSX 02:24:03 Компонент отзывов CSS
02:29:15 Компонент отзывов Адаптивный дизайн
02:30:26 Генерация отзывов из массива с использованием метода карты
02:33:40 Создание карусели/слайдов с помощью SwiperJS
02:40:23 Контактный компонент JSX (несколько вариантов контакта: Facebook Messenger, WhatsApp и электронная почта)
02:51:02 Контактный компонент CSS
02:57:02 Контактный компонент Адаптивный дизайн
02:58:34 Отправка формы с помощью EmailJS
03:07:43 Компонент нижнего колонтитула JSX
03:11:53 Компонент нижнего колонтитула CSS
03:16:30 Адаптивный дизайн нижнего колонтитула
03:18:50 Развертывание нашего веб-сайта React
Смотреть на Youtube:
Название:Учебное пособие по веб-сайту портфолио React с нуля (2022)
Описание:
В этом практическом руководстве по проекту React js я собираюсь научить вас, шаг за шагом, создавать и развертывать полностью адаптивный веб-сайт личного портфолио с нуля! К концу этого видео вы узнаете, как создать приложение для реагирования с нуля, как использовать библиотеку значков реагирования в ваших проектах реагирования, как использовать хуки react useState, как создавать современные веб-сайты с помощью CSS3, как использовать SwiperJS (для создания каруселей/слайдов) в ваших проектах реагирования, как добавить несколько вариантов контактов на свой веб-сайт (WhatsApp, Facebook Messenger и прямая отправка формы с помощью EmailJS) и многое другое!
00:00:00 Вступление (Обзор проекта)
00:08:43 Покупка хостинга и получение бесплатного домена на Hostinger
00:11:38 Установка узла и VSCode 00:12:21 Активы
00:12:56 Создание нашего приложения React с помощью npx create-react-app
00:14:22 Управление и создание файлов и папок
00:20:15 Создание всех компонентов
00:27:40 CSS-переменные и общие стили CSS
00:45:00 Компонент заголовка JSX
00:52:42 Установка иконок React и их использование в нашем проекте
00:56:18 Компонент заголовка CSS
01:04:20 Адаптивный дизайн компонента заголовка
01:06:45 Плавающий компонент навигации JSX
01:13:57 Плавающий компонент навигации CSS
01:18:00 Управление состояниями навигации с помощью хука useState
01:21:43 О компоненте JSX 01:28:29 О компонентах CSS
01:35:15 Об адаптивном дизайне компонентов
01:38:45 Опытный компонент JSX
01:44:17 Опыт работы с компонентом CSS
01:50:40 Опыт адаптивного дизайна компонентов
01:53:35 Компонент служб JSX
01:57:25 CSS компонента сервисов
02:02:35 Адаптивный дизайн сервисного компонента
02:04:15 Компонент портфолио JSX
02:10:10 Компонент портфолио CSS
02:14:45 Компонент портфолио Адаптивный дизайн
02:16:02 Генерация элементов портфолио из массива с использованием метода карты
02:20:44 Компонент отзывов JSX 02:24:03 Компонент отзывов CSS
02:29:15 Компонент отзывов Адаптивный дизайн
02:30:26 Генерация отзывов из массива с использованием метода карты
02:33:40 Создание карусели/слайдов с помощью SwiperJS
02:40:23 Контактный компонент JSX (несколько вариантов контакта: Facebook Messenger, WhatsApp и электронная почта)
02:51:02 Контактный компонент CSS
02:57:02 Контактный компонент Адаптивный дизайн
02:58:34 Отправка формы с помощью EmailJS
03:07:43 Компонент нижнего колонтитула JSX
03:11:53 Компонент нижнего колонтитула CSS
03:16:30 Адаптивный дизайн нижнего колонтитула
03:18:50 Развертывание нашего веб-сайта React
Смотреть на Youtube:
Скрытый контент, чтобы его посмотреть необходимо быть авторизованным.
