|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/learn-jamstack/
课程评论：没有评论
**课程名称：** 通过构建电商网站学习 JAMstack **课程概述：** 本课程将引导您学习 JAMstack 架构，这是一种创建网站的新标准，能够实现更简单、更快、更安全的网站。JAMstack 网站通过预渲染文件直接从 CDN 提供服务，从而无需管理或运行 Web 服务器。 **JAMstack 的优势：** * **卓越的性能：** 通过在部署时生成页面，而非实时构建，最大程度地减少了首次字节响应时间。CDN 能提供预构建文件，速度极快。 * **更高的安全性：** 将服务器端进程抽象为微服务 API，显著减小了攻击面。同时可以利用第三方专业服务。 * **更经济、更易于扩展：** 将网站部署为可以在任何地方服务的文件堆栈，扩展性只需将文件部署到更多地点。CDN 非常适合此目的，并且通常在其所有计划中包含扩展功能。 * **更好的开发者体验：** 松散耦合和控制分离使得开发和调试更具针对性。此外，日益丰富的为站点生成器提供的 CMS 选项，消除了维护单独内容和营销堆栈的需要。 **课程内容：** * **项目一：** 从头开始构建一个完整的网站。您将学习如何设置 Eleventy (11ty) 项目，从 Contentful CMS 拉取数据，使用 Tailwind CSS 为页面添加样式，并将其部署到 Netlify。 * **项目二：** 在短时间内构建一个速度极快且安全的商店。通过使用 Gatsby，您可以在构建时拉取所有产品，并进行预渲染，使其加载速度几乎瞬时。 **课程技术栈：** * JavaScript 框架 * 静态站点生成器 (Static Site Generators) * 无头 CMS (Headless CMS) * CDN (内容分发网络) * Eleventy (11ty) * Contentful * Tailwind CSS * Netlify * Gatsby
The JAMstack allows people to create websites that are simpler, faster, and more secure than other methods of creating websites. Sites created with the JAMstack are delivered by pre-rendering files that are served directly from a CDN, removing the requirement to manage or run web servers.JAMstack is the new standard architecture for the web. Using Git workflows and modern build tools, pre-rendered content is served to a CDN and made dynamic through APIs and serverless functions. Technologies in the stack include JavaScript frameworks, Static Site Generators, Headless CMSs, and CDNs.Better PerformanceWhy wait for pages to build on the fly when you can generate them at deploy time? When it comes to minimising the time to first byte, nothing beats pre-built files served over a CDN.Higher SecurityWith server-side processes abstracted into microservice APIs, surface areas for attacks are reduced. You can also leverage the domain expertise of specialist third-party services.Cheaper, Easier ScalingWhen your deployment amounts to a stack of files that can be served anywhere, scaling is a matter of serving those files in more places. CDNs are perfect for this, and often include scaling in all of their plans.Better Developer ExperienceLoose coupling and separation of controls allow for more targeted development and debugging, and the expanding selection of CMS options for site generators remove the need to maintain a separate stack for content and marketing.Project 1: You're gonna learn how to build a website from start to finish. You are going to learn how to setup an 11ty project, pull the data from Contentful CMS, style your pages using Tailwindcss and deploy it to Netlify.Project 2: You will learn how to build a blazing fast and secure shop in no time. Using Gatsby you will be able to pull all your product at build time and pre render them so they load almost instantly.
