Contents
課程簡介
使用 Gatsby 框架建立快速、功能豐富、整體令人驚歎的 React 應用程式
從這 4 小時的課程,你會學到
- 建立豐富的,功能齊全的 Gatsby 網站 / 應用程式,從專案開始到部署在網路上
- 使用 Gatsby 創造令人驚歎的、快速流暢的網頁
- 精通使用 GraphQL 和 React 應用程式來獲取和管理資料
- 利用最佳實踐來建立 React 專案
要求
- 熟悉 React ( 可參考 React 前端開發學習地圖)和 ES6 JavaScript ( 可以參考 ES6 相關線上課程介紹 )
- 對 Git / Github 的基本理解
課程說明
您希望開發出最快、效能最好和總體最佳的 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
參加課程 ♥找優惠折扣碼?
也許你會有興趣
- React 前端開發學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 追蹤這個 Twitter ,得到 Soft & Share 特價課程訊息
發表迴響