Contents
使用 Gridsome 靜態網頁生成器並利用 Vue 和 GraphQL 的最佳功能，快速製作令人印象深刻的的網頁應用程式
從這 3 小時的課程，你會學到
- 如何使用 Vue、 GraphQL 和 Gridsome 開發一個完整、令人印象深刻的應用程式
- 使用 GraphQL、 Vue 和 Gridsome 當作一個單一堆疊( single stack)的核心概念
- 如何在 Vue 中製作高實用性和動態的靜態網頁
要求
- 你應該對 HTML，CSS，Vue 以及如何使用終端機介面有基本的瞭解
- 瞭解 GraphQL 的工作原理是有幫助的，但不是必需的
課程說明
想快速使用 Gridsome 建立 Vue 和 GraphQL 網頁應用程式嗎？ 這是給你的課程。
我們將要建造什麼？
我們將建立一個完整的部落格和線上商店與購物車完全使用 Vue，GraphQL 和 Gridsome ，在那裡我們可以建立和分享文章，新增評論，建立產品，新增產品到我們的購物車和購買它們。
我們的商店資料將由 headless CMS Contentful 建立和提供，其部落格文章完全採用 markdown 格式，並透過 Netlify 部署到網路上。
課程將涵蓋哪些概念？
- 如何使用 Gridsome 建立出卓越的 Vue 和 GraphQL 應用程式
- 完整的 GraphQL 速成課程; 它是什麼 / 如何使用它
- 在 Vue 元件中使用 GraphQL 進行靜態查詢 / 頁面查詢
- 使用 Headless CMS Contentful 獲取和管理應用程式資料
- 使用 g-image 非常簡單地建立響應式影像
- 使用資料來源外掛從 GraphQL 新增資料來源
- 利用 Transformer Plugins 轉換資料
- 使用 Gridsome 將 Markdown 資料轉換為 HTML 內容
- 在 Gridsome 中以程式設計方式建立網站頁面
- Gridsome 中的分頁和標籤功能
- 使用 Frontmatter 釋出部落格文章
- 使用 Snipcart 製作購物車和使用者購買
- 使用 Netlify 實現 Git / Github 的持續部署
- Gridsome 中的頁面，路由( Routing )，巢狀路由( Nested Routes )
- Gridsome 中使用 g-link、 Active Links
- 還有更多..。
我真的很喜歡製作這門課程，我想你也會同樣喜歡。
期待在課程中見到你們！
目標受眾
- 對學習 Vue、 GraphQL 和 Gridsome 感興趣的開發人員
- 希望在自己的專案中開始使用 GraphQL 或 Gridsome 的開發人員
- 希望快速建立、令人印象深刻的網頁應用程式的程式設計師
講師簡介
Reed Barger 全端 Web 開發人員 ( 更多講師主講課程介紹 )
我是一個擁有學習和教授我所知道的東西的熱情全端開發人員。 我相信在實踐中學習，這種哲學體現在我教的每一門課程中。 我喜歡探索新的網頁和行動應用程式開發技術，我的課程專注於給你在今日快速發展的行業中擁有優勢。
英文字幕：有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
報名參加課程
也許你會有興趣
- 應用 GraphQL 做 Vue 的全端開發 – 終極指南
- VueJS 前端開發學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣！
- 追蹤這個 Twitter ，得到 Soft & Share 特價課程訊息