Svelte 和 SvelteKit：完整指南

建置和部署高效能、可存取、伺服器端渲染的 Web 應用程式，即使在停用 JavaScript 的情況下也能正常運作。

從這 32 小時的課程，你會學到

從頭開始了解 Svelte 的一切。
了解有關 SvelteKit 的一切。
使用 SvelteKit 建立高效能 Web 應用程式。
建立無需啟用 JavaScript 即可運行的應用程式。

要求

需要 JavaScript 知識。
有基本 TypeScript 知識者優先。

課程說明

註：課程主要內容時長約17.5小時。剩下的就是創建 Spotify 應用程式。

Svelte 是一個 JavaScript 框架，可讓你建立狀態驅動的元件。然而，Svelte 與 Angular、React 和 Vue 等其他框架有何不同？ Svelte 是一個編譯器。 Slender 在建置時運行。這表示你的 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/前端開發人員。

講師簡介

Ali Alaa 前端 Web 開發人員 ( 更多講師主講課程介紹 )

嘿！我是前端 Web 開發人員Ali Alaa。幾年前，我對 Web 開發開始充滿興趣，尤其是在前端方面。我開始探索從 HTML / CSS / JS 到 WordPress 主題建構( theming )和 JS 框架的領域。我已經擔任前端開發人員大約 7 年了。這些年來，我決定開始建立 udemy 課程，與更多人分享我的知識。

字幕：簡中、英文

想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

Udemy 永久擁有課程 大多課程約 NT390（點擊看優惠)
✨年訂閱每月 NT350 優惠 ( ⏳現在訂閱有更惠價價 NT262/月 ) 🌈悠遊 Udemy 的 28000+ 門課，最大化學習 ( 原價 NT635/月 )
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現