Svelte 和 SvelteKit:完整指南
构建和部署高性能、可访问、服务器端渲染的 Web 应用程序,即使在禁用 JavaScript 的情况下也能正常工作。
讲师:Ali Alaa
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将学到什么
- 从头开始了解有关 Svelte 的一切。
- 了解有关 SvelteKit 的一切。
- 使用 SvelteKit 创建高性能 Web 应用程序。
- 创建无需启用 JavaScript 即可运行的应用程序。
要求
- 需要 JavaScript 知识。
- 有基本 TypeScript 知识者优先。
描述
注:课程主要内容时长约为17.5小时。剩下的就是创建 Spotify 应用程序。
Svelte 是一个 JavaScript 框架,允许您构建状态驱动的组件。然而,Svelte 与 Angular、React 和 Vue 等其他框架有何不同?Svelte 是一个编译器。Svelte 在构建时运行。这意味着您的 Svelte 代码将在构建时编译为在浏览器上运行以执行 DOM 操作的高效命令式代码。其他著名的框架通常使用一种称为虚拟 DOM 的技术来决定如何更新 DOM。该技术在运行时在浏览器中运行。这会增加 DOM 计算的开销。
在本课程中,我们将从头开始学习有关 Svelte 的所有内容。我们将从创建简单组件的基础知识开始。然后逐渐进步并创建更复杂的组件。
虽然 Svelte 是构建 Web 组件的出色工具,但仅使用 Svelte 构建整个应用程序并不是一件容易的事。这就是我们拥有 SvelteKit 的原因。SvelteKit 是一个用于快速开发健壮、高性能 Web 应用程序的框架。SvelteKit 为我们提供了开箱即用的功能,例如路由、服务器端渲染、预渲染等。它为我们提供了一个结构,我们可以遵循该结构来构建服务器端渲染并逐步增强的高性能应用程序。
在本课程中,我们将学习有关 SvelteKit 的所有内容。我们将讨论页面和布局、加载数据、挂钩、错误处理、环境变量、预渲染、逐步增强的表单操作等等。
最后,我们将通过使用 Svelte、SvelteKit 和 Spotify API 构建 Spotify 克隆来将所有内容整合在一起。汇集我们在课程中学到的所有知识。您可以在免费视频中查看我们将要构建的应用程序的演示。
如果您想使用 Svelte 和 SvelteKit 构建高性能 Web 应用程序,请立即加入!
本课程适合谁:
- JavaScript/前端开发人员愿意学习有关使用 Svelte 构建 Web 组件的所有知识。
- 希望使用 SvelteKit 构建高性能、服务器端渲染应用程序的 JavaScript/前端开发人员。