本書內容改編自第12屆iT邦幫忙鐵人賽影片教學組佳作系列文章──《前端框架新選擇 - 30天 從 0 到 1 學 Svelte》。Svelte是近幾年討論熱度相當高的前端框架,本書將鐵人賽的影片內容精煉改寫為文字內容,從基礎 Svelte 語法與功能介紹開始,循序漸進學習 Svelte 並且應用在前端常見的 UI 互動上。除了 Svelte 本身之外,本書也會透過 Svelte 切入現代前端開發需要注意的事情,讓開發者學習框架之外也能夠一起掌握現代前端所要具備的概念。
內容重點
■ 從功能介紹到部署
從 Svelte 基本功能介紹開始,本書會搭配自身開發經驗,講述 Svelte 各個功能實作時應注意的重點,並舉例說明常見誤區。除此之外本書還會教您如何設定環境、使用線上編輯器分享程式碼、部署,打造完整的 Svelte 開發環境。
■ 活用 Svelte 功能打造常見UI元件
不只介紹 Svelte 的功能,在 UI 實戰篇中有詳細的範例與大量程式碼展示,教你活用 Svelte 打造易於維護且互動性高的 UI。
■ 撰寫測試使程式碼更穩固
從單元測試、整合測試到端對端測試,本書會實際針對UI元件分析使用場景到實際撰寫測試,讓讀者不僅掌握工具,也能夠對測試有更深入的理解。
■ 解析 Svelte 生成程式碼
Svelte 能將元件程式碼編譯為 JavaScript 程式碼,進而減少運行時期的負擔。本書將會解析 Svelte 的生成程式碼並對其原理做講解,讓讀者對 Svelte 的內部機制有更深入的理解。
本書特色
☛深入講解 Svelte 基礎與進階功能
☛搭配 SvelteKit 建構現代網頁專案
☛搭配實戰 UI 範例活用 Svelte