Gatsby 指南和專案課程

Contents

使用最新版本的 Gatsby.js 創建速度極快的網站

從這 22 小時的課程，你會學到

學習 Gastby
建立很棒的專案
建立超快的網站
成為更好的 React 開發人員

要求

React 的基本知識 ( 可以參考 React 程式設計學習地圖 )

課程說明

Gatsby 是一個基於 React 由 GraphQL 提供動力的靜態網站生成器。它結合了 React、 webpack、 React-router、 GraphQL 和其它前端工具的最佳部分，提供了優秀的開發人員體驗。 Gatsby 不僅僅是一個典型的靜態網站生成器。你可以把它想象成一個最新的前端框架。

它使用功能強大的預先配置來建立一個網站，只使用靜態檔案進行令人難以置信的快速頁面載入、service workers、程式碼分割、伺服器端渲染、智慧影象載入( smart image loading ) 、資產優化( asset optimization ) 和資料預取( data prefetching )。

本課程由兩部分組成。在第一部分，教學指南部分我們將介紹 Gatsby 的基礎知識，在第二部分，專案部分，我們將使用 Gatsby 來建立有趣的專案。

所有專案介紹視訊都可以預覽。

隨著新的 Gatsby 版本，你可以創建你喜愛的服務和內容的超快 Web 體驗。在幾分鐘內建立電子商務網站、登入頁面、部落格等。

憑藉 10 倍的開發人員體驗，在數分鐘內將創意轉化為生產。 Gatsby 建立在 React 和 GraphQL 等流行的、經過驗證的技術之上，擁有大量教程和入門模板，以及 2500 多個外掛，可以幫助整合所有你喜歡的 Web 服務。

Gatsby 僅在訪問者需要時加載頁面的關鍵部分，且很快，不需一秒鐘。加載後，Gatsby 會為其他頁面預取資源 2，以便單擊該站點時感覺非常流暢且響應迅速。一切都是在運行時靜態生成的——因此你的網站加載速度都會盡可能地快。

目標受眾

任何想使用 Gatsby 構建超快的靜態網站的人

講師簡介

John Smilga 導師 (更多講師主講課程介紹)

我的名字是John Smilga，我是一名網頁開發者，目前住在加州的洛杉磯。我每天大部分時間都在用 HTML、 CSS、 Bootstrap 和 JavaScript (以及列不完的許多框架)。我喜歡程式設計和每天學習新東西的挑戰。你也可以在 youtube 頻道 Coding Addict 找到我。