fbpx

精通 Gatsby 課程

Contents

課程簡介

使用 Gatsby 框架建立快速、功能豐富、整體令人驚歎的 React 應用程式

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

  • 建立豐富的,功能齊全的 Gatsby 網站 / 應用程式,從專案開始到部署在網路上
  • 使用 Gatsby 創造令人驚歎的、快速流暢的網頁
  • 精通使用 GraphQL 和 React 應用程式來獲取和管理資料
  • 利用最佳實踐來建立 React 專案

要求

課程說明

您希望開發出最快、效能最好和總體最佳的 React 應用程式嗎? Gatsby 就是最好的選擇。

本課程是瞭解 Gatsby 框架的最佳指南。 在這裡,我們將製作一個完整的部落格和線上商店,從專案開始到部署在網路上。

下面是我們將要做的:

  • 一個完整的部落格 / 線上商店完全由 Gatsby 和 GraphQL 所建立,使用者驗證和雙重身份驗證服務,內容來自 Headless CMS Contentful部落格文章完全由 Markdown 編寫使用 Netlify 持續部署

課程內容範圍?

  • 如何非常詳細地使用 GraphQL,從 GraphiQL IDE 到 React / Gatsby 客戶端
  • 使用 GraphQL 變數、arguments、fragments 和許多相關的概念
  • Graphql 查詢中的排序和篩選操作
  • 利用雲端託管的 headless CMS content 進行非常簡單的內容管理
  • 利用靜態查詢和頁面查詢執行 Gatsby 客戶端查詢
  • 使用 Gatsby 影像的神奇響應圖片( Responsive Images )
  • 使用 Gatsby 原始碼外掛獲取 / 管理 Gatsby 資料
  • 使用 Gatsby Transformer 外掛轉換資料
  • 用 Gatsby 將 Markdown 資料轉換為 HTML 內容
  • 在 Gatsby 中以程式設計方式建立網站頁面
  • Gatsby 中的分頁標註(上頁 / 下頁連結,編號頁碼)
  • 使用 Netlify Identity 進行使用者身份驗證
  • 使用 Google、 Github、 Gitlab 和 Bitbucket 提供商的社群登入功能
  • 具有賬戶確認電子郵件的雙重身份驗證( Multi-Factor Authentication )
  • 使用 Snipcart 做購物車和使用者購買
  • 使用 Netlify 通過 Git / Github 實現持續部署
  • 路由、巢狀路由、連結、Gatsby 中的 active links
  • 還有更多..。

目標受眾

  • 期望學習 Gatsby 框架的 React 開發人員
  • 對使用非常快速的 JavaScript 框架開發感興趣的開發者
  • 渴望建立實用的 React 應用程式的程式設計師

講師簡介

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

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

英文字幕:有

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

參加課程 ♥找優惠折扣碼?

Sponsored by Udemy

也許你會有興趣

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

發表迴響

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: