udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
React Pizza Shop - Заказываейту еду с Hooks и Firebase
React Pizza Shop - Ordering Food with Hooks and 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:16create-react-app
-
Урок 2. 00:01:42Welcome to Sliceline
-
Урок 3. 00:01:22Remove boilerplate
-
Урок 4. 00:03:31createGlobalStyle
-
Урок 5. 00:03:14Google Fonts
-
Урок 6. 00:12:30Navbar
-
Урок 7. 00:06:52Banner
-
Урок 8. 00:01:48CSS Filters
-
Урок 9. 00:19:48FoodGrid
-
Урок 10. 00:05:12Food Sections
-
Урок 11. 00:04:24CSS Transitions
-
Урок 12. 00:01:52Cleanup App
-
Урок 13. 00:02:20useState example
-
Урок 14. 00:13:33Food Dialog
-
Урок 15. 00:04:58Order
-
Урок 16. 00:04:41Flexbox Direction Column
-
Урок 17. 00:09:30DialogButton and Order Layout
-
Урок 18. 00:02:45Review
-
Урок 19. 00:08:32Orders Hooks
-
Урок 20. 00:02:46List Orders
-
Урок 21. 00:07:44Price
-
Урок 22. 00:06:57Favicon and useTitle
-
Урок 23. 00:29:39Quantity
-
Урок 24. 00:04:42Total
-
Урок 25. 00:16:43Toppings
-
Урок 26. 00:16:09Choices
-
Урок 27. 00:11:49Edit & Delete Orders
-
Урок 28. 00:05:31Firebase Install
-
Урок 29. 00:10:05Firebase Auth
-
Урок 30. 00:12:49Firebase Auth part 2
-
Урок 31. 00:11:59Firebase Realtime Database
-
Урок 32. 00:12:12Order Confirmation Dialog
-
Урок 33. 00:01:12Firebase Gmail Setup
-
Урок 34. 00:20:40Firebase Functions / Nodemailer email
Автор - udemy
Комментарии
Другие материалы в этой категории
FullStack - Делаем клон Uber: Typescript, NodeJS, GraphQL, React, Apollo
React и Django Full Stack: веб-приложение, бэкэнд-API, мобильные приложения
Мастер-класс React - Учитесь, создавая компоненты и приложения
React разработчик 2025 (с Redux, Hooks, GraphQL)
React клон Instagram - CSS Grid Mastery
Fullstack React и Firebase
