Gatsby JS: 使用 GraphQL 和 React + WordPress 创建 PWA 博客

课程简介

使用 GraphQL 和 React + WordPress 创建 Gatsby JS 渐进式 Web 应用程序,将这些技能加入你的技能树

课程介绍:English 繁中

从这 4 小时的课程,你会学到

  • 如何使用 Gatsby JS 创建令人惊讶的快速网站
  • 如何使用 Gatsby
  • 如何在 Gatsby JS 中使用全局 CSS 和模块 CSS
  • 如何使用 GraphQL
  • 如何在 Gatsby 中使用版面设计
  • 如何使用 Markdown Remark 作为数据源
  • 如何使用 WordPress 为来源数据
  • 如何最佳化你的网站 SEO
  • 如何使用 Lighthouse 做好一个网站的审核和评分改善工作
  • 如何使用 Netlify 部署你的网站
  • 使用 GitHub + Netlify 实现持续部署
  • 如何在 Netlify,WordPress 和 GitHub 上使用 Webhooks

要求

课程说明

Gatsby JS 是一个基于 React 的免费开源框架,可以帮助开发者可以创建网站和应用程序的快速静态网页生成器。

但这究竟意味着什么呢?

嗯… 它将 React、 Webpack、 React-router、 GraphQL 和其它前端工具的最佳部分组合在一起,为开发人员创造了一个令人愉快的工具!

有了 Gatsby JS,你可以轻松地使用最新的网页技术。 一切都将设置,并将等待您开始构建网页。

Gatsby 最大的优点之一就是你可以从 headless CMS、 APIs、数据库或者文件系统中获取自己的数据。

没有限制。

你甚至可以从 WordPress 中获取数据

这使得客户很容易与你为他们创建的网站交互,并添加新的内容。

他们只需要在 WordPress 上更新他们的文章,仅此而已… ..。

同样,有了 Gatsby,你不会用过去十年的技术创建一个网站。

互联网的未来在于行动、 JavaScript 和 APIs —— JAMstack。

每个网站都是一个网页应用程序,每个网页应用程序都是一个网站。

使用 Gatsby 很容易使您的项目变成一个静态渐进式 Web 应用程序(PWA)

您可以得到开箱即用的代码和数据分割。

Gatsby 只加载关键的 HTML、 CSS、数据和 JavaScript,这样你的网站就可以尽可能快地加载。 一旦加载,Gatsby 就会为其它页面提前获取资源,这样点击网站就会感觉非常快。

Gatsby.js 创建了速度最快的网站。

与等待生成请求时的页面不同,预先创建网页并将它们放置到全球服务器云端中ーー无论它们在哪里,都可以立即交付给用户。

所以如果你想知道在这门课上你会学到什么,这里是下面的列表

在本课程中,你将学习以下内容:

  • Gatsby JS 的要点 & 如何安装和创建第一个项目
  • 如何使用 Gatsby Starters 创建您的项目
  • 如何在 Gatsby 中创建页面及正确链接
  • 如何将元素分解成组件和如何使用它们
  • 如何创建可用作样板的页面布局
  • 如何使用 GraphQL
  • 如何添加数据源插件
  • 如何使用 Markdown Remark 创建页面 / 发文
  • 如何使用 Gatsby & Markdown Remark (JAM Stack)创建博客
  • 如何使用 WordPresss 作为 Headless CMS
  • 如何添加 Metatags 提高网站的 SEO
  • 如何创建 SEO 组件并在布局中使用它
  • 如何将你的项目部署到 Netlify 和 Github
  • 如何使用 Netlify Webhooks 实现连续部署
  • 如何使用 Lighthouse 审核你的网站(Google 支持的业界标准)
  • 如何创造 Lighthouse 的完美得分
  • 如何将您的网站转换为渐进式 Web 应用程序(PWA)
  • 如何创建 WordPress Webhooks 用来在 Netlify 上重新部署你的项目当你创建 / 更新 / 删除一个发文

如果你在某个地方卡住了,你也可以在课程中提出问题。

无论你什么时候需要,我都会在那里帮助你。

现在,我希望我的学生在购物时总是感到舒适,这就是为什么我上传了多个免费视频供你随时观看。

此外,我还为你提供30天的退款保证,不问任何问题! 所以你没有什么风险,一切都可以从这个课程中获得!

是时候采取行动了。 这个优惠不会永远有效

目标受众

  • 想要使用 Gatsby JS 创建快速,SEO 最佳化,静态网站的 React JS 初学开发者

讲师简介

Rangel Stoilov 网页开发者和企业家

你好! 我叫 Rangel ,从事网页开发已经8年了。 首先,我从 Dreamweaver 开始,通过 WordPress 作为一种简单的方法来创建网站。 在那之后,我想在 web 开发方面更进一步,所以我开始学习不同的编程语言,比如 C# 、 Java 和 JavaScript。 我的专业是 Java 和 Spring Framework,现在我正在深化我对不同 JavaScript 框架的了解。 我也有可靠性和智能合约以及 Truffle 框架的热情。 我还投身于亚马逊的创业精神,在外汇市场交易,以及创建自动化交易系统。

英文字幕:有

  • 想要了解如何将英文字幕自动翻译成中文? 请参考这篇 How-To

优惠信息

如何购买这门课程比较划算?可以参考课程合购优惠方案


报名参加课程

Sponsored by Udemy

也许你会有兴趣

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

发表评论

Powered by WordPress.com.

Up ↑

%d 博主赞过: