|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/svelte-and-sveltekit/
课程评论:没有评论
**课程名称:Svelte & SvelteKit:完整指南 [2025 年更新]** **课程概述:** 本课程旨在教授 Svelte 和 SvelteKit 的完整知识,从基础到高级应用。 **Svelte 核心特性:** * **编译器而非运行时框架:** Svelte 在构建时(build time)将 Svelte 代码编译为高效的命令式 JavaScript 代码,直接操作 DOM,避免了 React、Vue 等框架在运行时使用虚拟 DOM 带来的额外开销。 * **状态驱动组件:** 学习如何构建由状态驱动的 Svelte 组件。 **SvelteKit 框架:** * **为快速开发而设计:** SvelteKit 是一个用于快速开发健壮、高性能 Web 应用程序的框架。 * **开箱即用的功能:** 提供路由、服务器端渲染 (SSR)、预渲染等功能。 * **结构化开发:** 提供清晰的开发结构,支持构建高性能、SSR 和渐进增强的 Web 应用。 **课程内容亮点:** * **Svelte 基础:** 从零开始学习 Svelte,创建简单和复杂的组件。 * **SvelteKit 深入:** 涵盖页面和布局、数据加载、Hooks、错误处理、环境变量、预渲染、渐进增强的表单操作等。 * **实战项目:** 通过构建一个使用 Svelte、SvelteKit 和 Spotify API 的 Spotify 克隆应用,巩固所学知识。 **课程更新动态:** * **Svelte 5 更新:** Svelte 部分已全面更新至 Svelte 5。 * **SvelteKit 更新:** SvelteKit 部分正在逐步更新中,部分内容已发布,未来几周将继续完善。当前 SvelteKit 版本内容可用,可能包含少量 Svelte 4 语法。 * **移除旧版本内容:** 旧版本的 Svelte 和 SvelteKit 内容将逐步移除。 **目标受众:** 希望学习如何使用 Svelte 和 SvelteKit 构建高性能 Web 应用程序的开发者。 **加入课程,开启您的 Svelte & SvelteKit 开发之旅!**
[PLEASE NOTE] The current duration of the course is currently not accurate as there are old sections that are going to be removed soon. These sections have [OLD VERSION] in their title.[UPDATE 2/6/2025] SvelteKit sections are now partially released. I will continue working on it over the next weeks. Old sections have [OLD VERSION] in their title and are going to be removed soon.[UPDATE 1/2/2025] Svelte sections are now completely updated to Svelte 5. Currently working on updating SvelteKit sections. However, unlike Svelte, SvelteKit did not have a lot of radical changes. So the current version is still watchable. You might just find some Svelte 4 syntax here and there.[UPDATE 23/10/2024] Svelte 5 is now out and I am currently working on updating the course. Will release new sections gradually during the upcoming months.Svelte is a JavaScript framework that allows you to build state driven components. However what makes Svelte different from other frameworks like Angular, React and Vue; is that Svelte is a compiler. Svelte runs at build time. Which means your Svelte code will be compiled at build time into highly efficient imperative code that runs on the browser to carry out DOM operations. Other famous frameworks usually use a technique called the virtual DOM to decide how to update the DOM. This technique runs in the browser during run time. And that adds more overhead to the DOM calculations.In this course we are going to learn everything about Svelte from scratch. We will start with the basics by creating simple components. And then gradually progress and create more complex components. And while Svelte is a great tool to build components for the web, it's not an easy task to build an entire application with just Svelte. That's why we have SvelteKit. SvelteKit is a framework for rapid development of robust, performant web applications. SvelteKit provides us out of the box with things like routing, server side rendering, pre-rendering and more. It provides us with a structure that we can follow to build high performance applications that are server side rendered and progressively enhanced.In this course we are going to learn everything about SvelteKit. We are going to discuss pages and layouts, loading data, hooks, error handling, environment variables, pre-rendering, progressively enhanced form actions and more.Finally we are going to bring everything together by building a Spotify clone with Svelte, SvelteKit and the Spotify API. Bringing together all the knowledge that we have learned during the course. You can check a demo of the app that we are going to build in the free videos.So join now if you want to build high performance web applications with Svelte & SvelteKit!