了解 Gatsby v3 的基礎:從 GraphQL 到 Gatsby StaticImage 再到 Netlify CMS 等等!
從這 8.5 小時的課程,你會學到
- 如何設定和運行 Gatsby JS 專案
- GraphQL
- Gatsby 外掛程式映像 (StaticImage)
- Gatsby 背景圖片
- 網路內容管理系統
- Markdown 檔案在 Gatsby 中如何運作
- 響應式網頁設計
要求
- 對 HTML/CSS 有一點了解
課程說明
*** 課程已更新以考慮 Gatsby v3 更新 ***
在本課程中,你將學習如何使用 Gatsby JS 建立超快速的現代網站。 本課程將帶你從絕對的開始到深入了解 Gasby 的工作原理。
我們將從如何安裝、啟動和運行 Gatsby 開始。
從那裡,我們將進入 Gatsby 專案的設置,然後繼續全面探索 GraphQL,這是使用 Gatsby 的關鍵組件。 一旦我們有了堅實的 GraphQL 基礎,我們就可以繼續學習 Gatsby 圖像和 Gatsby 背景圖像,這是 Gatsby 的兩個關鍵組件。
我們也將介紹如何將 Gatsby 上傳/部署到 Google Firebase 和 Netlify。 此外,我們還將建立一個關於頁面登陸網站,供你將知識付諸實踐。
隨心所欲地開始和停止。 如果你在特定領域需要協助,可以依序學習本課程,也可以跳著學習。 我也希望這門課程成為一個綱要,這樣如果你需要的話,你可以隨時回來。
最終,我想建立這門課程,就好像我只是在學習 Gasby 一樣。 我整合了 React Bootstrap,這是讓你的 Gatsby 網站完全響應的關鍵元件。 這是我多年前開始我的 Gasby 之旅時所希望的課程。
本課程適合任何想要更好地掌握如何使用 Gatsby JS 的人!
目標受眾
- 希望擴展知識的 Web 開發人員
- 尋找新的網頁開發語言的大學生
- 初級網路開發人員
- 網頁設計師
講師簡介
Haydn Adams, BFA 設計師網頁開發教程
我在兩個世界中長大——網頁設計/開發世界,我寫 HTML、CSS,現在寫 JSX;圖形設計世界,我在 Quark 中掌握 H&J(是的,我說 Quark)。
我現在已經將幾乎所有工作轉移到網路上,但發現設計元素不應該僅僅因為它們轉移到像素而不是紙張而改變。
2021 年,了解如何編碼至關重要,尤其是作為設計師,更重要的是學習如何透過程式設計進行設計。
在製作 Udemy 影片之前,我是舊金山藝術大學學院的講師,在那裡我教授網頁設計和開發超過 13 年。 也是在這段時間裡,我推出了 3 個 iPhone/iPad Android 應用程序,並擁有大學歷史上下載次數最多的應用程式。
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選 ✨ 大多課程 NT320優惠連結 (到 425 )| Udemy 永久擁有課程 ( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程
也許你會有興趣
- React 程式設計學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 加入這個 Telegram 獲得特價課程與學習資訊
發表迴響