|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/gatsby-js-build-pwa-blog-with-graphql-and-react-wordpress/
课程评论：没有评论
课程名称：Gatsby JS：使用GraphQL、React和WordPress构建PWA博客 课程概述： 本课程介绍了Gatsby JS，这是一个基于React的免费开源框架，旨在帮助开发者构建超快速的静态网站生成器，能创建网站和应用程序。Gatsby结合了React、Webpack、React-router、GraphQL等前端工具的最佳部分，为开发者提供了一个愉悦的开发体验。通过Gatsby，开发者可以轻松使用现代网页技术，而无需担心繁琐的设置。 Gatsby允许开发者使用来自无头CMS、API、数据库或文件系统的自定义数据，这提供了数据来源的灵活性，并且支持从WordPress中提取数据，使客户可以方便地更新网站内容。该课程强调未来网络发展的趋势——移动端、JavaScript和API (即JAMstack)。 在课程中，学员将学习如何将项目变为静态渐进式网页应用（PWA），获得开箱即用的代码和数据拆分。Gatsby仅加载必要的HTML、CSS、数据和JavaScript，确保网站以最快的速度加载，并通过资源预取来提升用户体验。 课程学习内容包括： - Gatsby JS的基本知识及安装、创建第一个项目 - 使用Gatsby starters创建项目 - 在Gatsby中创建和链接页面 - 将元素分离为组件并使用 - 创建可作为模板的页面布局 - 使用GraphQL - 添加数据源插件 - 使用Markdown Remark创建页面/文章 - 使用Gatsby和Markdown Remark创建博客 - 将WordPress作为无头CMS使用 - 添加元标签并改善网站SEO - 创建SEO组件并在布局中使用 - 将项目部署到Netlify和GitHub - 使用Netlify Webhooks进行持续部署 - 使用谷歌行业标准Lighthouse审计网站 - 获取Lighthouse的完美评分 - 将网站转换为PWA - 创建WordPress Webhooks以在创建/更新/删除文章时重新部署项目 此外，课程提供互动支持，学员在遇到困难时可以提问。为使学员购买无忧，提供了多个免费的预览视频，并且有30天无条件退款保证，学员可以无风险加入该课程。现在是行动的时候，这个机会不会永远保持！
Gatsby JS is a free and open source framework based on React that helps developers build blazing fast static site generator which can create websites and apps.But what does this even mean?Well.it combines together the best parts of React, Webpack, React-router, GraphQL, and other front-end tools in to one and creates an amazing tool enjoyable for developers!With Gatsby JS you can use modern web tech without the headache. Everything will be setup and will be waiting for you to start building.One of the best things about Gatsby is that you can bring your own data from headless CMS, APIs, Databases or the file system. There is no limit there. You can source data even from WordPressAnd this makes it very easy for clients to interact with the website that you have built for them and add new content. They just need to update their posts on WordPress and that's it...Also with Gatsby you will NOT build a website with last decade's tech. The future of the web is mobile, JavaScript and APIs-the JAMstack. Every website is a web app and every web app is a website.With Gatsby It is very easy to make your project a Static Progressive Web App (PWA)You get code and data splitting out-of-the-box.Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.Gatsby.js builds the fastest possible website.Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers - ready to be delivered instantly to your users wherever they are.So if you are wondering what you will learn in this course here is the list belowIn this course you will learn the following: The Essentials Of Gatsby JS & How To Install It and Create First ProjectHow To Use Gatsby Starters To Create Your ProjectHow to Create Pages In Gatsby And How to Link Them CorrectlyHow To Separate Elements Into Components And How To Use ThemHow To Create Page Layouts Which Can Be Used As TemplatesHow To Use GraphQLHow To Add Sourcing Plugins How To Use Markdown Remark For Creating You Pages/PostsHow To Create A Blog Using Gatsby & Markdown Remark (JAM Stack)How To Use WordPresss As Headless CMSHow To Add Metatags And Improve SEO Of WebsiteHow To Create SEO Component And Use It In LayoutsHow To Deploy Your Project To Netlify And GithubHow To Make Continuous Deployment With Netlify WebhooksHow To Audit Your Website With The Lighthouse (Industry Standard by Google)How To Create Lighthouse Perfect ScoreHow To Convert Your Website To A Progressive Web App (PWA)How To Create WordPress Webhooks To Redeploy Your Project On Netlify When You Create/Update/Delete A PostYou would also be able to ask questions inside the course if you get stuck somewhere. I will be there to help you out whenever you need.Now, I want my students to always feel comfortable when they make a purchase, that is why I have uploaded multiple free videos for you to view at any time.Also I offer you a 30 day money back guarantee, no questions asked!So you have nothing to risk and everything to gain from this course!It's time to take action. This offer won't last forever
