React 比薩線上商店-使用 React Hooks 和 Firebase 建立一個可以線上訂購食物的網站

使用 React Hooks,Firebase 和樣式化元件( Styled-components )建立一個美味的線上餐廳訂購網頁應用程式

報名參加課程

已經上過這門課程?

🔥歡迎來參加這個活動 – 上課心得分享與獎勵說明 :分享就贈送一門線上課程

從這 4.5 小時的課程,你會學到

  • 使用 React Hooks 的最新 React 開發技術: useState,useEffect 和你自己的客製化 hooks
  • 建立一個完整的比薩訂購網頁應用程式,可定製餐廳訂單和寄電子郵件給使用者
  • 從頭開始使用 Food Grids 建立漂亮的 UI 開發,彈出對話方塊,按鈕,輸入控制元件和更多
  • 樣式化元件: 最熱門的 CSS-in-JS 程式庫,具有 CSS 動畫和可擴充元件樣式
  • 透過 Google 認證讓使用者登入和登出
  • Firebase 即時資料庫: 使用 Google 的無伺服器資料庫平台上儲存比薩訂單
  • Firebase 函式和 Nodemailer: 透過電子郵件向用戶傳送訂單來回應訂單成立
  • 電子商務模式: 新增,刪除和編輯訂單,計算稅和動態食品項目的總額
  • 網站託管: 通過 Firebase 託管在網上部署你的應用程式

要求

  • 本課程屬於專業等級,建議初學者熟悉 React 和 web 開發,但是整個專案是從頭開始建立的,所以也鼓勵 Web 初學者嘗試

課程說明

歡迎來到 React Pizza Shop。 下面是我們將要構建的: 一個帶有多種食物類別和可編輯的彈出對話方塊的披薩訂購系統,可以根據選單中的美味食物客製化你的訂單。 我們將通過各種客製化 React Hooks 增加互動性。 在通過 Google 賬戶認證後,我們將向 Firebase 及時資料庫傳送訂單,一個無伺服器的 Firebase 函式將向你的使用者傳送一封電子郵件,確認他們的訂單。

本課程是為中級的 React 開發人員準備的,他們正在尋找一個有趣的專案來練習 React Hooks 和 / 或學習 Firebase。 本課程提供了完整的原始碼。 如果你在整個課程中有任何問題,不要猶豫,儘管提出來。

以下是這個5個多小時的課程的一些特色:

  • 使用 Hooks 的 React
    • useState, useEffect
    • 構建客製化的 hooks 來控制輸入元素、身份驗證、對話方塊等等
  • 漂亮的使用者介面開發
    • 樣式化元件( Styled-components )
    • 彈出式對話方塊
    • 按鈕,輸入,複選框
    • 新增庫存照片
  • Flexbox 和 CSS 網格
  • CSS 動畫
  • Google 字型
  • create-react-app 程式樣板
    • 從零開始
    • 為營運來建立應用程式
  • Firebase
    • 使用 Hosting 功能部署你的網站
    • 使用 Google 對使用者進行身份驗證,登入和登出
    • 跟蹤食物訂單的即時資料庫
    • 回應訂單的函式
  • 電子商務訂單
    • 新增,刪除編輯訂單
    • 計算稅款和訂單總額
    • 動態食物項目
  • 透過 Node.js 和 Nodemailer 傳送訂單資訊給用戶
  • 應用程式圖示

目標受眾

  • 想要尋找一個學習 React 和網頁開發的中級到高階水平專業課程的人

講師簡介

react.school _ 增強的 JavaScript 專案 ( 更多講師主講課程介紹 )

開始工作吧。 我們相信以專案為中心的 web 開發是為軟體開發職涯做準備的最好方式。 我們的課程給你一個 React 開發人員的日常職責的核心洞見。

React 就是未來。 在一項超過20000名開發人員參與的調查中,《 JavaScript 2018 現況》發現,65% 的開發人員”曾經使用過 React 並且願意再次使用它”,這一數字在2017年為58% 。

我們是首席軟體工程師,擁有幾十年在部署和維護 web 應用程式的經驗。 我們在專案中使用 React,提供高效能的資料視覺化應用程式,高階的單網頁應用程式,以及所有的使用者介面給客戶。

我們提供優質的軟體專案建立實際的職涯工作流程,具有專門的支援和完整的原始碼參考。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

報名參加課程

Sponsored by Udemy

也許你會有興趣

 歡迎使用 App / Email | Telegram 訂閱 網站更新

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: