前端框架 Svelte 上手指南：從基本介紹到 UI 實戰與測試（iT邦幫忙鐵人賽系列書）
陳愷奕（愷開）
- 出版商: 博碩 iThome鐵人賽系列書｜任選2書75折
- 出版日期: 2021-10-26
- 定價: $600
- 售價: 7.8 折 $468
- 語言: 繁體中文
- 頁數: 320
- 裝訂: 平裝
- ISBN: 986434899X
- ISBN-13: 9789864348992
-
相關分類:
JavaScript
立即出貨 (庫存 < 5)
買這商品的人也買了...
-
細說高等微積分─多變數函數篇$550$523 -
為你自己學 Git$500$390 -
PHP、MySQL 與 JavaScript 學習手冊, 5/e (Learning PHP , MySQL & JavaScript : With jQuery, CSS & HTML5, 5/e)$980$774 -
Deep learning 深度學習必讀 - Keras 大神帶你用 Python 實作 (Deep Learning with Python)$1,000$790 -
Python 技術者們 - 練功！老手帶路教你精通正宗 Python 程式 (The Quick Python Book, 3/e)$780$663 -
$588Python + Kivy (App開發) 從入門到實踐 -
Python 與 LINE Bot 機器人全面實戰特訓班 -- Flask 最強應用 (附210分鐘影音教學/範例程式)$550$467 -
頂級網站技術長高度：前端工程進階大師指南$880$695 -
FPGA 的 AI之路：Intel FPGA 開發技術昇華實戰$880$695 -
從 0 到 Webpack 學習 Modern Web 專案的建置方式（iT邦幫忙鐵人賽系列書）$620$483 -
超簡單 AIoT 物聯網與網站架設必學神器：Node-RED 視覺化開發工具$650$507 -
30天與 Docker 做好朋友：跟鯨魚先生一同探索開發者的大平台（iT邦幫忙鐵人賽系列書）$600$396 -
WebSecurity 網站滲透測試：Burp Suite 完全學習指南 （iT邦幫忙鐵人賽系列書）$600$468 -
你所不知道的必學前端 Debug 技巧：即學即用！讓你 Debug 不求人 (iT邦幫忙鐵人賽系列書)$620$483 -
老姐要用 Kotlin 寫專案：從 Server 到 Android APP 的開發生存日記（iT邦幫忙鐵人賽系列書）$580$452 -
TypeScript 邁向專家之路：零基礎 JavaScript 打通 Angular、React 與 Vue.js 前端框架實戰 (Essential TypeScript: From Beginner to Pro)$880$695 -
資安這條路：領航新手的 Web Security 指南，以自建漏洞環境學習網站安全（iT邦幫忙鐵人賽系列書）$680$578 -
Raspberry Pi 樹莓派：12道開胃菜打造 Linux 核心肌群（iT邦幫忙鐵人賽系列書）$680$530 -
不當礦工當老闆：自己動手開發區塊鏈應用業務$780$616 -
打下最紮實 AI 基礎不依賴套件：手刻機器學習神經網路穩健前進$1,200$948 -
從自學到成功轉職軟體工程師：自主學習讓我重拾人生的發球權（iT邦幫忙鐵人賽系列書）$520$442 -
金魚都能懂的 CSS 必學屬性：網頁設計必備寶典（iT邦幫忙鐵人賽系列書）$720$561 -
Tailwind CSS 3.0 從零開始 – 入門到實戰$700$553 -
今晚來點 Web 前端效能優化大補帖：一次搞定指標 × 工具 × 技巧，打造超高速網站（iThome鐵人賽系列書）$650$507 -
哎呀!不小心刻了一套 React UI 元件庫 : 從無到有輕鬆上手（iThome鐵人賽系列書）$650$507
iThome鐵人賽系列書｜任選2書75折 詳見活動內容 »
-
78折
LINE Bot Side Project 實戰 : 從設計思考到部署與產品變現的 16堂關鍵必修課（iThome鐵人賽系列書）$660$514 -
78折
Claude 工作術：從 Chat、Projects、Skills 到 Cowork 與 Claude Code 的 AI 自動化之路（iThome鐵人賽系列書）$690$538 -
78折
專案管理胃痛圖鑑：從臨床診斷到重症急救，31 帖 PM 生存處方藥到病除！（iThome鐵人賽系列書）$680$530 -
78折
Unity × 設計 × 互動邏輯的遊戲開發全攻略：不會寫程式也能做遊戲，從零開始完成你的第一款 3D遊戲（iThome鐵人賽系列書）$660$514 -
78折
範例驅動的需求澄清術：如何用精準範例指揮 GenAI 建構高品質軟體（iThome鐵人賽系列書）$680$530 -
78折
作業系統的專武：DevSecOps 在客戶端、廠商端與資安的實戰維運攻略（iThome鐵人賽系列書）$620$483 -
78折
Node.js 生成式 AI 應用開發實戰：實作 OpenAI API × LangChain × LangGraph × RAG，打造從雲端到本地 LLM 的混合式安全架構（iThome鐵人賽系列書）$680$530 -
78折
Vibe Unity | AI 遊戲開發工作流：打破極限，創造一款具有無限可能性的遊戲！（iThome鐵人賽系列書）$680$530 -
78折
一生受用的求職方法：量化求職—海外求職、頂尖外商與遠距求職必備攻略（iThome鐵人賽系列書）$690$538 -
78折
零基礎玩轉 LLM 應用全攻略：Python × No-Code 實作 AI 開發超簡單（iThome鐵人賽系列書）$690$538 -
78折
我阿嬤都比你會測試：從生活智慧建立測試思維，到自動化與 AI 的完整進化（iThome鐵人賽系列書）$620$483 -
78折
UI 自動化測試與 AI 應用實戰：實作 Robot Framework × Playwright × Appium 從 Web、App 到 CI/CD 流程整合全方位攻略（iThome鐵人賽系列書）$650$507 -
78折
AI 時代的 Side Project 全攻略：產品思維 × 專案管理 × 變現路徑（iThome鐵人賽系列書）$690$538 -
78折
程式人的第一本 Python 量化投資筆記：Colab 即時演練 × Backtrader 策略設計到績效評估全流程（iThome鐵人賽系列書）$600$468 -
78折
今晚來點 Web 前端效能優化大補帖：從效能優化掌握前端開發的底層邏輯 全彩版（iThome鐵人賽系列書）$720$561 -
78折
Grafana Zero to Hero：從視覺化到智慧監控，打造全知視角的可觀測性平台（iThome鐵人賽系列書）$720$561 -
78折
猴子也能懂的電腦對局：從入門到實戰帶你打造遊戲 AI（iThome鐵人賽系列書）$650$507 -
78折
AI 最強調整術：使用最佳化演算法，打造頂級機器學習模型 (iThome鐵人賽系列書)$650$507 -
78折
為你寫的 Vue Components：從原子到系統，一步步用設計思維打造面面俱到的元件實戰力 (iThome鐵人賽系列書)$780$608 -
78折
AI 程式設計、深度學習與 LLM 入門到精通：PyTorch × GPT × Transformer × LLaMA 實作指南（iThome鐵人賽系列書）$650$507 -
78折
30天整頓職場！從徵才陷阱到離職黑箱，應對話術 × 舉證對策 × 職場防線一書掌握（iThome鐵人賽系列書）$600$468 -
78折
LangGraph 實戰開發 AI Agent 全攻略：掌握 AI 模型 × 工作流程 × 設計應用，從零打造智慧分工多代理協作系統（iThome鐵人賽系列書)$660$514 -
78折
Browser Web API 攻略大全：從開箱即用的實作範例開始，逐步掌握開發技巧（iThome鐵人賽系列書）$650$507 -
78折
想要 SSR? 快使用 Nuxt 吧!：Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化（iThome鐵人賽系列書）$780$608 -
78折
RAG × LangChain 整合應用：從問診機器人開始，打造可信任的 AI 系統 (iThome鐵人賽系列書)$600$468
商品描述
- 本書特色
☛深入講解 Svelte 基礎與進階功能
☛搭配 SvelteKit 建構現代網頁專案
☛搭配實戰 UI 範例活用 Svelte
本書內容改編自第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 的內部機制有更深入的理解。
作者簡介
- 陳愷奕（愷開）
從 2015 年踏入網頁前端開發，喜歡探索前端技術，利用網頁解決問題。在 2019 年末認識 Svelte 後，主要的 side project 都以 Svelve 為主力做開發。為了在台灣帶動更多 Svelte 的討論，創辦了 Svelte.js Taiwan Facebook 社團，並在部落格上寫了數篇 Svelte 相關的文章。
部落格：https://blog.kalan.dev
Svelte Taiwan 臉書社團：https://www.facebook.com/groups/sveltejs.taiwan
目錄大綱
- 第 1 章 Svelte 簡介
1-1 「又」一個前端框架？
1-2 為什麼 Svelte 值得學習？
1-3 重新思考響應機制（Rethinking Reactivity）
1-4 減少運行時期的額外開銷
1-5 Svelte 的缺點
1-6 環境準備
1-7 如何在線上寫 Svelte
1-8 初探 Svelte
1-9 除了 Svelte 外更重要的事
第 2 章 Svelte 入門篇
2-1 安裝 Svelte 與開發環境
2-2 使用 Rollup 開發 Svelte
2-3 使用 webpack 開發 Svelte
2-4 基本語法介紹
2-5 資料傳遞與標籤
2-6 $響應式語法
2-7 如何加入樣式
2-8 Svelte 當中的 Class
2-9 特殊標籤 @Html
2-10 特殊標籤 @Debug
2-11 邏輯判斷語法（If, Else）
2-12 迴圈語法
2-13 事件綁定與客製化事件
2-14 await 區塊語法
2-15 key 區塊語法
2-16 Svelte 生命週期方法
2-17 Svelte 與雙向綁定 bind
2-18 Svelte 中的描述符
2-19 Svelte 與其他樣板引擎的不同
第 3 章 Svelte 進階篇
3-1 在 Svelte 元件使用 CSS 自定義屬性
3-2 Svelte 當中的 Store
3-3 Svelte 當中的 context
3-4 Svelte 當中的 tick
3-5 Svelte 當中的轉場機制 transition
3-6 Svelte 當中的 motion
3-7 Svelte 當中的 animate
3-8 Svelte 當中的 slot
3-9 Svelte 當中的 action
3-10 Svelte 內建 Element
3-11 Svelte SSR 功能
3-12 Svelte 編譯設定
3-13 如何在 Svelte 中使用 CSS 預處理器
第 4 章 Svelte 實戰篇 – 實作常見 UI 元件
4-1 前言：實作 UI 時要注意的事
4-2 客戶端路由（Client Side Routing）
4-3 處理 API 與畫面互動
4-4 實作 Modal 元件
4-5 客製化滑桿 Slider
4-6 表格（Table）
4-7 下拉式組合方塊（Combo Box）
4-8 音樂播放器
4-9 通知佇列
4-10 Tooltip
第 5 章 伺服器渲染 – SvelteKit
5-1 什麼是 Sveltekit
5-2 前端頁面產生方式：SSR、CSR、SSG
5-3 Sveltekit 檔案系統基礎路由
5-4 Layout 與巢狀 Layout
5-5 在 Pages 中讀取並使用參數
5-6 錯誤頁面
5-7 Hooks
5-8 模組
5-9 設定
5-10 使用 adapter 部署
第 6 章 測試篇
6-1 為什麼要撰寫測試？
6-2 測試的種類
6-3 使用 testing-library 與 jest 撰寫測試
6-4 使用 Cypress 撰寫端對端測試
第 7 章 部署篇 – 將 Svelte 專案公開到網路上
7-1 使用 Netlify 部署 Svelte App
7-2 使用 Vercel 部署 Svelte App
7-3 使用 Github Pages 部署 Svelte App
第 8 章 Svelte 原理篇
8-1 抽象語法樹
8-2 Svelte 如何生成程式碼
8-3 分析 Svelte 生成程式碼
附錄 名詞釋義與中英對照
