Gatsby JS 开发者指南 – 重要部分和博客应用程序

学习流行的 Gatsby JS(Gatsby v3) 框架。使用 React/GraphQL 使用 JAMStack 架构构建你自己的博客页面。

讲师：Filip Jerga

独家Udemy付费课程，中英文字幕，课程资料包齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将会学到的

• 自己构建 Gatsby JS 应用程序
• 使用现代技术构建静态页面应用程序
• 了解 JAMStack 的意义和好处
• 充分利用 GraphQL

课程内容

16 个章节 • 99 个讲座 • 总时长 12 小时 0 分钟展开所有章节

介绍2 个讲座 • 12 分钟

项目初始化7 个讲座 • 44 分钟

样式和模板8 个讲座 • 54 分钟

GraphQL 和盖茨比12 个讲座 • 1 小时 41 分钟

数据源11 个讲座 • 1 小时 30 分钟

应用程序改造8 个讲座 • 1 小时

文件系统路由 API2 个讲座 • 24 分钟

分页6 个讲座 • 36 分钟

搜索功能11 个讲座 • 1 小时 7 分钟

搜索引擎优化7 个讲座 • 53 分钟

RSS5 个讲座 • 41 分钟

部署3 个讲座 • 22 分钟

PWA 功能6 个讲座 • 34 分钟

主题化6 个讲座 • 45 分钟

补充功能4 个讲座 • 30 分钟

完成应用程序1 个讲座 • 8 分钟

要求

• 最少的 Javascript 或其他编程语言知识
• 反应 JS 基础

说明

什么是盖茨比 JS？

GatsbyJS是一个基于 React、GraphQL 支持的静态站点生成器。它使用强大的预配置来构建一个仅使用静态文件的网站，以实现令人难以置信的快速页面加载、服务工作者、代码拆分、服务器端渲染、智能图像加载、资产优化和数据预取。

有什么要求吗？

基本的 React JS 知识。

本课程涵盖哪些内容？

本课程涵盖了开始处理自己的 Gatsby JS 项目所需的一切。本课程的学生将通过构建自己的博客应用程序的真实功能来学习所有内容。

Gatsby JS 拥有丰富的生态系统，需要初始时间投入。这就是我创建本指南的原因，你可以在其中找到所有内容。

短期课程

• Gatsby JS 的基础知识和项目的初始化。文件夹结构说明和如何创建新页面的说明。
• 模板系统，不同类型的样式，以及如何将数据传递到页面的方式。
• GraphQL 基础知识、自定义查询的构造、解析器、参数和自定义类型。
• 节点架构和新节点的创建。
• 插件系统。源和转换器插件的解释。从本地文件系统获取数据并将 Markdown 文件呈现到实际的 HTML 页面中。
• 文件系统路由 API
• 分页功能。构造查询以获取分页数据以呈现静态分页页面。
• 搜索功能。解释为什么需要搜索索引以及什么是搜索引擎？
• SEO 搜索引擎优化改进。使用不同的元标记和数据来获得最佳搜索结果。开放图形标签的使用。
• RSS 功能。非常简单的 XML 文件的联合和创建说明。通过 RSS 聚合器订阅博客页面。
• 部署到 Gatsby 云。将代码推送到 Github 存储库。在 Internet 上预览应用程序。
• PWA 功能。解释渐进式 Web 应用程序、离线支持以及像原生应用程序一样安装应用程序。
• 上下文主题提供者。如何使用上下文提供程序以及实现它们的最佳位置是什么。

此课程面向哪些人：

• 寻找实用的 Gatsby 开发指南的人
• 渴望开始开发 Web 应用程序的初学者开发人员
• 经验丰富的开发人员发现新的发展机会