通过动手实践的实际项目从头开始学习 Svelte 5！ 无论您是渴望探索热门新框架的 JavaScript 开发人员，还是希望将现代 Web 开发技能添加到您的工具包中，本课程都适合您。

为什么要学习 Svelte & SvelteKit？

Svelte 是一个革命性的框架，可将您的代码编译为纯 JavaScript，使您的 Web 应用程序快速、轻量级且高效。与其他框架不同，Svelte 不依赖于虚拟 DOM，这意味着它交付的代码更少，执行速度更快。将它与 SvelteKit 配对，您就拥有了一个功能齐全的工具包，用于轻松构建服务器渲染、高度交互且可访问的应用程序。
使用 Svelte 5，您编写的代码更加精简和高效，本课程涵盖了所有新语法和最佳实践，是开始学习 Svelte 的最佳时机。

您将学到什么：

• 掌握全新的 Svelte 5 功能

• 构建三个功能齐全的项目：从集成了 Stripe 的产品登录页面到经过身份验证的 Web 应用程序

• 集成 Stripe 进行支付，集成 Sanity CMS 进行内容管理，Supabase 进行身份验证

• 使用 SendGrid 自动发送电子邮件，并将您的应用程序连接到 OpenAI 以进行图像识别

• 应用基于项目的学习来解决实际问题

• 如何在 Svelte 和 SvelteKit 应用程序中使用 TypeScript（第二个和第三个项目正在使用它）

课程概述：

本课程将带您深入了解 Svelte 5，这是 Svelte 框架的下一个主要版本。您将构建三个逐步复杂的项目，旨在帮助您通过实践学习来提升水平。第二个和第三个项目是用 TypeScript 编写的，而第一个项目使用普通 JavaScript。

1. 与 Stripe 集成的电子书登陆页面
   创建一个时尚的登录页面来在线销售产品，并与 Stripe 完全集成以进行支付。了解如何使用 SvelteKit API 端点处理 webhook，并在收到来自 Stripe 的请求时自动使用电子书发送电子邮件。

2. 使用 Sanity CMS 的开发人员产品组合
   通过由 Sanity CMS 提供支持的开发人员产品组合展示您的技能。使用动态表单捕获联系人请求，并使用 SendGrid 发送个性化电子邮件。非常适合希望获得新客户的自由开发人员。

3. 使用 Supabase 和 OpenAI 的经过身份验证的 CRUD 应用程序
   使用这款功能丰富的应用程序深入了解用户身份验证、数据库管理和图像识别。上传书籍封面并利用 OpenAI 从书架图像中识别书籍。终极全栈项目！

为什么选择这门课程？

• 项目式学习 ：忘掉枯燥的理论吧！每个项目都处理您将在自己的工作中使用的真实场景。

• Svelte 5 语法 ：成为最早学习 Svelte 5 的人之一，包括最新的语法和功能。

• 渐进难度 ：随着您的进步，项目会变得更加高级，帮助您建立信心和对 SvelteKit 的扎实理解。

• CSS 简化 ：每个项目都附带一个框架 CSS 模板 ，用于跳过样式视频并专注于 JavaScript 和 Svelte 功能。如果你不想，你不必编写一行 CSS。

这门课程适合谁？

每个了解 JavaScript 的人。Svelte 非常容易上手，您需要了解的一切都包含在课程中。