fbpx

使用 AWS Amplify 的 Serverless React -完整指南

課程簡介

建立全端的 React 應用程式比以往任何時候都要快,可以擴展到數百萬使用者,並且完全在雲端中執行

課程介紹:English 简中

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

  • 學習如何建立令人驚歎的端到端無伺服器的 React 應用程式 ( end-to-end serverless React apps )
  • 看看如何快速建立 React 應用程式; 比你以前建立的 React Web 應用程式方式還要快
  • 使用 Amplify 和實現 AWS 所提供的主要服務
  • 發現如何製作無限可擴展完全執行在雲端上的 React 專案

要求

  • 熟悉基本的 React
  • 理解 ES6 JavaScript 有所幫助,但不是必需的

課程說明

您是否希望開發出令人驚歎的、高效能的、總體上更好的 React 應用程式? 看看 AWS Amplify 吧。

本課程是學習建立無伺服器 React 應用程式的最佳指南。

在這個專案中,我們將製作兩個完整的 React / AWS Amplify 專案,從專案開始到部署在網路上。

下面是我們將要做的:

  • 一個全端的無伺服器商店應用程式(類似於 Udemy) ,使用 React / Amplify,一個完整的 GraphQL API,多重身份驗證( Multi-Factor Authentication ),對客戶收費 / 傳送電子郵件的 Lambda 函式,使用 Stripe 支付處理和風格化的元件庫元素
  • 一個即時記事本應用程式(由類別元件和 React Hooks構成) ,具有完整的 CRUD 功能、 GraphQL 訂閱、完整的身份驗證,並且全部用 100 行左右的 JavaScript 編寫而成

這門課程將涵蓋什麼內容?

  • 使用 Amplify CLI 從命令列建立整個 GraphQL APIs
  • 使用 AWS Appsync 建立複雜的無伺服器 GraphQL APIs
  • 使用 AWS Cognito 的多重身份驗證和驗證碼
  • 使用完全在雲端中執行的 AWS Lambda 建立無伺服器的 REST APIs (函式)
  • 使用 GraphQL 訂閱即時變更的廣播資料
  • 在 GraphQL 控制台和 React Client 中執行 GraphQL 查詢和變更
  • 如何將 React Hooks 與 Amplify 應用程式整合
  • 使用亞馬遜的簡單電子郵件服務傳送郵件
  • 使用 AWS S3 儲存上傳影像和檔案
  • 如何使用 S3 託管部署已完成的應用程式
  • 客制化 Amplify 內建的 React 元件
  • 使用 DynamoDB 資料庫儲存和管理我們的應用程式資料
  • 在 AWS ElasticSearch 的幫助下,具有靈活、強健的搜尋功能
  • 使用 Stripe 進行支付處理,並在 React 程式中使用 Stripe Checkout
  • 通過電子郵件確認驗證使用者電子郵件 / 電話號碼
  • 廣泛使用 AWS 控制台 ( AWS Console )
  • 用於管理應用程式狀態的 React Context
  • React Router 4(使用一些有用的技巧)
  • 使用 date-fns 程式庫格式化日期
  • 深入使用兩個CSS 程式庫——Element 和 Tachyons

目標受眾

  • 有興趣開發無伺服器應用程式的 React 開發人員
  • 想要學習如何開發免麻煩(hassle-free)的 JavaScript 應用程式程式設計師
  • 期望建構原型專案比以往任何時候都快的 React 開發人員
  • 期待使用目前令人興奮的,尖端技術的任何 React開發人員

講師簡介

Reed Barger  全端 Web 開發人員 ( 更多講師主講課程介紹 )

我是一個充滿熱情的網頁開發者,熱衷於學習和教授我所知道的東西。 我相信通過實踐學習,這種哲學在我教授的每一門課程中都有體現。 我喜歡探索新的網路技術,我的課程專注於給你在今日快速發展的行業中擁有優勢。

英文字幕:有

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

優惠資訊

如何購買這門課程比較划算?可以參考課程合購優惠方案


報名參加課程

Sponsored by Udemy

也許你會有興趣

 歡迎使用 e-mail 訂閱 Soft & Share 

發表迴響

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: