|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/practical-sveltekit-guide-build-and-deploy-real-world-apps/
课程评论：没有评论
课程名称：掌握 Svelte 5 和 SvelteKit - 构建与部署真实应用 概述：通过实践真实项目，从零开始学习 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（第二和第三个项目使用 TypeScript） 课程内容：本课程深入探讨 Svelte 5，这是 Svelte 框架下一个主要版本。你将构建三个难度逐步增加的项目，帮助你通过实践学习提升水平。第二和第三个项目使用 TypeScript，而第一个项目则使用原生 JavaScript。 项目包括： 1. **电子书登陆页面与 Stripe 集成**：创建一个时尚的产品在线销售登陆页面，完全整合 Stripe 进行支付。学习如何通过 SvelteKit API 端点处理 Webhooks，并在接到 Stripe 请求时自动发送电子邮件。 2. **开发者作品集与 Sanity CMS**：展示你的技能，利用 Sanity CMS 为开发者作品集提供支持。使用动态表单捕捉联系请求，并利用 SendGrid 发送个性化电子邮件。这是自由职业开发者寻找新客户的理想选择。 3. **带 Supabase 和 OpenAI 的认证 CRUD 应用**：深入了解用户身份验证、数据库管理和图像识别，构建这个功能丰富的应用。上传书籍封面并利用 OpenAI 识别书籍封面的图像。终极全栈项目！ 为什么选这门课程？ - **项目为基础的学习**：抛开无聊的理论！每个项目都涉及你将在自己工作中用到的实际场景。 - **Svelte 5 语法**：成为最早学习 Svelte 5 的人之一，包括最新的语法和功能。 - **逐步加深的难度**：随着你进步，项目变得更加复杂，帮助你建立信心和对 SvelteKit 的深入理解。 - **CSS 简化**：每个项目都配备基础的 CSS 模板，以便专注于 JavaScript 和 Svelte 功能，而无需撰写任何 CSS。 适合人群：所有了解 JavaScript 的人。Svelte 非常容易上手，课程涵盖了你需要了解的一切。
Learn Svelte 5 from scratch through hands-on, real-world projects! Whether you're a JavaScript developer eager to explore a hot new framework or looking to add modern web development skills to your toolkit, this course is for you.Why Learn Svelte & SvelteKit?Svelte is a revolutionary framework that compiles your code to pure JavaScript, making your web apps fast, lightweight, and highly efficient. Unlike other frameworks, Svelte doesn't rely on a virtual DOM, meaning it ships less code and performs faster. Pair it with SvelteKit, and you've got a full-featured toolkit for building server-rendered, highly interactive, and accessible apps with ease.With Svelte 5, the code you write is even leaner and more efficient, and this course covers all the new syntax and best practices, making it the perfect time to start learning Svelte.What You'll Learn:Master the brand-new Svelte 5 featuresBuild three fully-functional projects: from a product landing page with Stripe integration to authenticated web appsIntegrate Stripe for payments, Sanity CMS for content management, and Supabase for authenticationAutomate emails with SendGrid and connect your app to OpenAI for image recognitionApply project-based learning to solve real problemsHow to use TypeScript within a Svelte & SvelteKit app (second & third project are using it)Course Overview:This course takes you deep into Svelte 5, the next major version of the Svelte framework. You'll build three progressively complex projects, designed to help you level up with practical, hands-on learning. The second and third project are written in TypeScript, while the first one uses vanilla JavaScript.eBook Landing Page with Stripe IntegrationCreate a sleek landing page to sell a product online, fully integrated with Stripe for payments. Learn how to handle webhooks with your SvelteKit API endpoints and send emails with the ebook automatically when receiving a request from Stripe.Developer Portfolio with Sanity CMSShowcase your skills with a developer portfolio powered by Sanity CMS. Capture contact requests using a dynamic form, and use SendGrid to send personalized emails. Ideal for freelance developers looking to land new clients.Authenticated CRUD App with Supabase and OpenAIDive into user authentication, database management, and image recognition with this feature-rich app. Upload book covers and leverage OpenAI to recognize books from a bookshelf image. The ultimate full-stack project!Why This Course?Project-Based Learning: Forget boring theory! Each project tackles real-world scenarios that you'll use in your own work.Svelte 5 Syntax: Be one of the first to learn Svelte 5, including the latest syntax and features.Progressive Difficulty: As you progress, the projects get more advanced, helping you build confidence and a solid understanding of SvelteKit.CSS Simplified: Every project comes with a skeleton CSS templates to skip styling videos and focus on JavaScript and Svelte functionality. If you don't want to, you don't have to write a single line of CSS.Who is This Course For?Everybody who knows JavaScript. Svelte is super easy to pick up and everything you need to know is covered in the course.
