使用 Gridsome 快速开发 Vue 和 GraphQL 网页应用程序

课程简介

使用 Gridsome 静态网页生成器并利用 Vue 和 GraphQL 的最佳功能,快速制作令人印象深刻的的网页应用程序

课程介绍:English 繁中

从这 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

也许你会有兴趣

 欢迎使用e-mail订阅 Soft & Share 

发表评论

Powered by WordPress.com.

Up ↑

%d 博主赞过: