【Udemy中英字幕】Master Svelte 5 & SvelteKit – Build & Deploy Real-World Apps

掌握 Svelte 5 和 SvelteKit – 构建和部署真实世界的应用程序

学习 Svelte 5 Rune 语法，使用 Stripe、Supabase、OpenAI 构建——通过构建真实世界的项目学习 Svelte！

讲师：Niklas Fischer

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

使用 Svelte 5 和 SvelteKit 构建现代 Web 应用程序，将最新语法（包括 Rune 语法）应用于实际项目。
将 Stripe、Supabase 和 OpenAI 等第三方服务集成到 Web 应用程序中，以处理支付、身份验证和图像识别。
使用 SvelteKit 开发和部署高度交互、轻量级且性能优化的服务器渲染应用程序。
创建一个功能齐全的 CRUD 应用程序，具有身份验证、数据库管理和用户界面，包括通过 AI 上传和处理图像。
如何在 Svelte 和 SvelteKit 中使用 TypeScript

探索相关主题

全栈 Web 开发
其他 IT 和软件
信息技术与软件

要求

JavaScript 知识，其他内容都可以在课程中学习。无需了解某些框架

描述

通过实际操作、真实项目从头学习 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。

电子书登陆页面与 Stripe 集成
创建一个时尚的登陆页面来在线销售产品，并与 Stripe 完全集成以进行付款。了解如何使用 SvelteKit API 端点处理 webhook，并在收到来自 Stripe 的请求时自动发送包含电子书的电子邮件。
使用 Sanity CMS 的开发人员作品集
使用由 Sanity CMS 提供支持的开发人员作品集展示您的技能。使用动态表单捕获联系请求，并使用 SendGrid 发送个性化电子邮件。非常适合希望获得新客户的自由开发人员。
使用 Supabase 和 OpenAI 进行身份验证的 CRUD 应用程序
使用这款功能丰富的应用程序深入了解用户身份验证、数据库管理和图像识别。上传书籍封面并利用 OpenAI 从书架图像中识别书籍。终极全栈项目！

为什么要开设这门课程？

基于项目的学习：忘掉枯燥的理论吧！每个项目都涉及您将在自己的工作中使用的真实场景。
Svelte 5 语法：成为第一批学习Svelte 5 的人之一，包括最新的语法和功能。
难度逐渐增加：随着您的进步，项目会变得更加先进，帮助您建立信心并对 SvelteKit 有扎实的理解。
CSS 简化：每个项目都附带一个框架 CSS 模板，可跳过样式视频并专注于 JavaScript 和 Svelte 功能。如果您不想，您不必编写一行 CSS。