Главная страницаКатегория react.jsReact Pizza Shop - Заказываейту еду с Hooks и Firebase

React Pizza Shop - Заказываейту еду с Hooks и Firebase

Name: React Pizza Shop - Заказываейту еду с Hooks и Firebase
Rating: 4.7 (19 reviews)

React Pizza Shop - Ordering Food with Hooks and Firebase

udemy

★4.7 (всего оценок - 19)

React Pizza Shop - Заказываейту еду с Hooks и Firebase

Загрузить

Продолжительность

4 ч 43 мин

Категория

React.js

Количество уроков

34 Видео

Дата добавления

7 дек. 2019 г., 13:40

Язык

Английский

Дата выхода

14 нояб. 2019 г., 00:00

Создайте приложение для заказа еды c ресторана с помощью React Hooks, Firebase и Styled-Components. Mamma Mia! Добро пожаловать в React Pizza Shop. Вот что мы будем создавать: система заказа пиццы с несколькими типами блюд и редактируемыми всплывающими диалоговыми окнами, чтобы настроить ваш заказ с вкусными блюдами из меню.

Мы добавим интерактивность с помощью различных пользовательских React Hooks. После проверки подлинности с помощью учетной записи Google мы отправим этот заказ в базу данных Firebase Realtime, а безсерверная функция Firebase отправит вашему пользователю электронное письмо с подтверждением их заказа.

Этот курс предназначен для разработчиков промежуточного уровня React, которые ищут интересный проект для отработки React Hooks и / или изучения Firebase. Полный исходный код предоставляется.

Вот только некоторые функции, включенные в этот 5-часовой курс:

React Hooks
- useState, useEffect
- Создание пользовательских хуков для управления элементами ввода, аутентификацией, диалогами и т.д.
Разработка красивого пользовательского интерфейса
- Styled-components
- Всплывающие диалоги
- Кнопки, Входы, Флажки
- Стоковые фоо
Flexbox и CSS grids
CSS анимация
Google Fonts
шаблон create-react-app
Firebase
- Развертывание вашего сайта
- Аутентификация пользователей с помощью Google, вход и выход
- База данных в реальном времени для отслеживания заказов на еду
- Функции реагирования на заказы
Заказы
- Добавление, удаление Редактирование заказов
- Расчет налога и суммы заказов
- Динамические продукты
Отправка заказов по электронной почте с Node.js и Nodemailer
Значок приложения Favicon

Посмотреть больше

Урок 1.00:04:16
create-react-app
Урок 2.00:01:42
Welcome to Sliceline
Урок 3.00:01:22
Remove boilerplate
Урок 4.00:03:31
createGlobalStyle
Урок 5.00:03:14
Google Fonts
Урок 6.00:12:30
Navbar
Урок 7.00:06:52
Banner
Урок 8.00:01:48
CSS Filters
Урок 9.00:19:48
FoodGrid
Урок 10.00:05:12
Food Sections
Урок 11.00:04:24
CSS Transitions
Урок 12.00:01:52
Cleanup App
Урок 13.00:02:20
useState example
Урок 14.00:13:33
Food Dialog
Урок 15.00:04:58
Order
Урок 16.00:04:41
Flexbox Direction Column
Урок 17.00:09:30
DialogButton and Order Layout
Урок 18.00:02:45
Review
Урок 19.00:08:32
Orders Hooks
Урок 20.00:02:46
List Orders
Урок 21.00:07:44
Price
Урок 22.00:06:57
Favicon and useTitle
Урок 23.00:29:39
Quantity
Урок 24.00:04:42
Total
Урок 25.00:16:43
Toppings
Урок 26.00:16:09
Choices
Урок 27.00:11:49
Edit & Delete Orders
Урок 28.00:05:31
Firebase Install
Урок 29.00:10:05
Firebase Auth
Урок 30.00:12:49
Firebase Auth part 2
Урок 31.00:11:59
Firebase Realtime Database
Урок 32.00:12:12
Order Confirmation Dialog
Урок 33.00:01:12
Firebase Gmail Setup
Урок 34.00:20:40
Firebase Functions / Nodemailer email

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+194