本月熱賣
  • 電子書
前端框架 Svelte 上手指南:從基本介紹到 UI 實戰與測試(iT邦幫忙鐵人賽系列書) (電子書)
試閱
收藏試閱本 21
人收藏
適合平板

前端框架 Svelte 上手指南:從基本介紹到 UI 實戰與測試(iT邦幫忙鐵人賽系列書) (電子書)

  • 定價:600
  • 優惠價:460
載入中...

電子書閱讀軟體

支援瀏覽器說明

APP下載:

  • 分享
 

內容簡介

台灣第一本關於 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 的內部機制有更深入的理解。

本書特色

  ☛深入講解 Svelte 基礎與進階功能
  ☛搭配 SvelteKit 建構現代網頁專案
  ☛搭配實戰 UI 範例活用 Svelte
 
 

作者介紹

作者簡介

陳愷奕(愷開)


  從 2015 年踏入網頁前端開發,喜歡探索前端技術,利用網頁解決問題。在 2019 年末認識 Svelte 後,主要的 side project 都以 Svelve 為主力做開發。為了在台灣帶動更多 Svelte 的討論,創辦了 Svelte.js Taiwan Facebook 社團,並在部落格上寫了數篇 Svelte 相關的文章。

  部落格:blog.kalan.dev
  Svelte Taiwan 臉書社團: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 生成程式碼

附錄 名詞釋義與中英對照

 

詳細資料

  • ISBN:9789864348992
  • EISBN:9789864349746
  • 規格:普通級 / 初版
  • 出版地:台灣
  • 檔案格式:EPUB固定版型
  • 建議閱讀裝置:平板
  • TTS語音朗讀功能:無
  • 檔案大小:204.5MB

最近瀏覽

 

相關活動

  • 【自然科普、電腦資訊】童話裡的心理學【博客來電子書獨家-作者電子贈言簽名扉頁版】
 

購物說明

使用電子書服務即為同意『博客來數位內容服務條款』請詳見客服中心說明。

自備暢通的網際網路連線及符合博客來支援的行動裝置、電腦作為閱讀工具,支援版本如下:

瀏覽器閱讀:無需安裝,即可閱讀。支援Safari (14以上版本)、Chrome (103以上版本) 、Edge瀏覽器 (106以上版本)。

APP閱讀:支援IOS13及Android 7以上系統。

電子書、 電子雜誌因版本屬性因素,恕無法比照紙本書籍提供MP3、DVD實體光碟,亦無提供相關影音檔案下載,請先確認無此需求再行下單購買。

請注意:

博客來電子書服務所使用之軟體程式及其支援行動裝置之可用版本隨時會更新調整,請隨時留意且主動查詢調整之內容。並請定時更新您的行動裝置作業系統版本,以確保本服務運作正常。若因個人裝置因素(如:其他應用程式衝突、裝置記憶體不足、行動裝置支援版本無法升級),無法使用博客來電子書閱讀服務或影響服務效能,需自行進行排除待符合博客來支援項目再行閱讀。

退換貨說明:

電子書購買前請務必先行試閱,不提供10天的猶豫期。

下列商品購買後博客來不提供10天的猶豫期,請務必詳閱商品說明並再次確認確有購買該項商品之需求及意願時始下單購買,有任何疑問並請先聯繫博客來客服詢問:

1.易於腐敗、保存期限較短或解約時即將逾期。
2.客製化之商品。
3.報紙、期刊或雜誌。
4.經消費者拆封之影音商品或電腦軟體。
5.下載版軟體、資訊及電子書、有聲書及影音.課程
6.涉及個人衛生,並經消費者拆封之商品,如:內衣褲、刮鬍刀…等。
7.藝文展覽票券、藝文表演票券。

  • 墨刻紙電聯展
  • 公孫策說歷史故事套書
  • 秋日生活展