fbpx

使用 Gridsome 快速開發 Vue 和 GraphQL 網頁應用程式

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

報名參加課程

Sponsored by Udemy

也許你會有興趣

 學習資訊不漏接-歡迎使用 App 訂閱發文通知 

發表迴響

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: