|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/gatsby-js-developers-guide-important-parts-blog-app/
课程评论：没有评论
课程名称：Gatsby JS 开发者指南 - 重要部分与博客应用 概述：GatsbyJS 是一个基于 React 的、由 GraphQL 驱动的静态网站生成器。它利用强大的预配置功能，构建仅使用静态文件的网站，实现极快的页面加载速度，服务工作者、代码分割、服务器端渲染、智能图像加载、资产优化和数据预取。 课程要求：基本的 React JS 知识。 课程内容：本课程涵盖了开始进行 Gatsby JS 项目的所有必要知识。学员将通过实际构建自己的博客应用来学习所有内容。Gatsby JS 拥有丰富的生态系统，初期投资时间较大，因此我创建了这本指南，可以让你在一个地方找到所有信息。 课程大纲： 1. Gatsby JS 基础与项目初始化。 2. 文件夹结构解释及新建页面的方法。 3. 模板系统、不同类型的样式和数据传递方式。 4. GraphQL 基础，构建自定义查询、解析器、参数和自定义类型。 5. 节点架构及新建节点。 6. 插件系统，解释源插件和转换插件。从本地文件系统获取数据并将 markdown 文件渲染为 HTML 页面。 7. 文件系统路由 API。 8. 分页功能，构建查询以获取分页数据并渲染静态分页页面。 9. 搜索功能，解释为什么需要搜索索引和搜索引擎。 10. SEO 搜索引擎优化改进，使用不同的元标签和数据以获得最佳搜索结果，使用 Open Graph 标签。 11. RSS 功能，解释简单的聚合和创建 XML 文件，通过 RSS 聚合器订阅博客页面。 12. 部署到 Gatsby Cloud，将代码推送到 Github 仓库，并在互联网上预览应用。 13. PWA 特性，解释渐进式网络应用、离线支持以及像本地应用一样安装。 14. 上下文主题提供者，如何使用上下文提供者以及最佳的实现位置。 本课程适合希望掌握 Gatsby JS 的开发者，为他们的项目打下坚实的基础。
What is Gatsby JS?GatsbyJS is a React-based, GraphQL powered static site generator. It uses powerful preconfiguration to build a website that uses only static files for incredibly fast page loads, service workers, code splitting, server-side rendering, intelligent image loading, asset optimization, and data prefetching.Are there any requirements?Basic React JS knowledge.What this course cover?This course is covering all you need to start working on your own Gatsby JS projects. Students of this course will be learning everything by working on real features building their own Blogging application.Gatsby JS has a rich ecosystem and requires an initial time investment. That's why I created this guide where you can find everything in one place.Short CurriculumBasics of Gatsby JS and initialization of the project. Explanation of folder structure and instruction on how to create new pages.Templating system, Different types of stylings, and ways how to pass data to the pages.Basics of GraphQL, construction of custom queries, resolvers, arguments, and custom types.Node architecture and creation of new nodes.Plugin system. Explanation of source and transformer plugins. Sourcing data from a local filesystem and rendering markdown files into actual HTML pages.Filesystem route APIPagination feature. Construction of queries to get pagination data to render static pagination pages.Search feature. Explanation on why do you need a search index and what is a search engine?SEO search engine optimization improvements. Use of different meta tags and data to get the best search results. Usage of Open graph tags.RSS feature. Explanation of really simple syndication and creation of XML file. Subscribing to the blog page through RSS aggregators.Deployment to Gatsby cloud. Pushing the code to Github repo. Previewing the application on the internet.PWA features. Explanation of progressive web application, offline support, and installation of the app like a native one.Context theme provider. How to use context providers and what is the best spot to implement them.
