|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/gatsby-js-prismic-netlify/
课程评论：没有评论
课程名称：Gatsby JS & Prismic: 构建快速的 Gatsby 网站 [Gatsby.js v4] 课程概述： 您想提升自己的 React JS 技能，提高作为前端开发者的价值吗？本课程将教您如何利用 Gatsby 来构建超快速的网站，无论数据源是什么。我们将以 Prismic CMS 作为数据源，创建一个 Gatsby 网站，从而帮助您提升 React 的技能水平！ Gatsby JS 结合 React JS 和 GraphQL，能够从给定数据集中生成和构建静态页面。课程内容包括如何将 Prismic 设置为无头 CMS，并使用 GatsbyJS 从 Prismic 数据（如页面、菜单、媒体等）生成快速的服务器渲染 React 网站，并使用 GraphQL 查询这些数据。我们将创建一个着陆页网站，包括在本地设置和开发 Gatsby JS 和 Prismic，基于 Prismic 数据在 Gatsby 中创建 React 组件，并使用 GraphQL 自动生成静态页面的过程。 此外，我们还会创建一个动态的联系表单页面，通过 Prismic 更新表单字段，并使用 Formspree 捕获用户的电子邮件地址及其他信息。课程中会利用 GraphiQL 浏览器工具查询 Prismic 数据。一旦我们熟悉了 GatsbyJS 和 Prismic 的开发，将进一步设置并部署一个使用 Gatsby Cloud 的在线网站，每次在 Prismic 后端更新内容时，它会重新构建我们的静态网页。 建议您具备基础的 React 知识。课程涵盖了 Gatsby.js、Prismic、GraphQL 及样式组件的所有内容！ 使用 Gatsby，加速您的开发之路！Gatsby.js 构建的网页加载速度极快，页面在请求之前就已预构建并存储于全球服务器上（我们将使用 Gatsby Cloud）。这意味着用户无需等待 API 响应、组件渲染或服务器编译页面，所有页面均已完成并可即时提供给用户。 这门 Gatsby 课程将带您了解许多现代前端开发的最佳实践！
Do you want to improve your React JS skills and increase your value as a front-end developer?- "Gatsby lets you build blazing fast sites with your data, whatever the source. Liberate your sites from legacy CMSs and fly into the future."In this course we'll be building a Gatsby site from a Prismic CMS data source!Level-up your React skillset by learning Gatsby.js with a Prismic CMS backend! Gatsby JS uses React JS and GraphQL to generate and build static pages from a given dataset. This course will look at setting up Prismic as a headless CMS while using GatsbyJS to generate a blazing-fast server-rendered React website from Prismic data, such as pages, menus, media, (and more!) using GraphQL to query that data.We'll be creating a landing page website in this course, looking at initial setup and development of Gatsby JS and Prismic locally, creating React components in Gatsby based on Prismic data, and querying Prismic data with GraphQL to automatically generate our static pages. No landing page is complete without a contact form so we'll be creating a dynamic contact page in Gatsby where we can update our form fields within Prismic and use formspree to capture our user's email address and various other details.We'll look at how we can query Prismic data with GraphQL using the GraphiQL browser tool. Once we're familiar and comfortable developing with GatsbyJS and Prismic, we'll progress onto setting up and deploying a live website using Gatsby cloud that re-builds our static web pages every time we update content in our Prismic backend.It's recommended you have rudimentary knowledge of React. We'll be covering everything else from Gatsby.js, Prismic, GraphQL, and styled-components!Speed past the competition with Gatsby!Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, Gatsby pre-builds pages and lifts them into a global cloud of servers (we'll be using Gatsby cloud for this) - ready to be delivered instantly to your users wherever they are. Some advantages of using Gatsby include:No waiting for API responsesNo waiting to render components based on requested dataNo loading spinners!No waiting for a server to compile a page to serve to the browser - these pages are already pre-compiled with Gatsby and ready to serve instantly to your users!We certainly cover a lot in this Gatsby course!
