Web應用發展的下一個熱點是單頁面Web應用程序，其將原生桌面應用的流暢體驗帶到了瀏覽器。如果你打算從傳統Web應用跨越到SPA卻又無從下手，那麼這本書正是為你準備的。
埃米頓·A.斯科特著的這本《SPA設計與架構（理解單頁面Web應用）》講述SPA應用程序構建所需的設計與開發技術。書中首先介紹SPA模型，並闡述SPA標準構建方式。隨著內容的展開，作者通過具體的SPA構建知識點引導你前進，涵蓋MV*框架、單元測試、路由、布局管理、數據訪問、發布／訂閱模式以及客戶端任務自動化等內容。書中示例豐富易懂，並可結合各種第三方庫或框架來創建。

SPA開發技術的運用是當今Web開發領域的熱門趨 勢，但真正全面掌握該技術的開發者並不多。埃米頓 ·A.斯科特著的這本《SPA設計與架構（理解單頁面 Web應用）》詳盡闡述單頁面Web應用(SPA)開發技術 ，從SPA構建基礎入手，通過MV*、模塊化編程、路由 、模塊間通信、服務器端交互等概念的闡述，全面介 紹SPA的設計與架構，幫助讀者正確掌握SPA開發的各 方面知識要素。同時，書中還討論了SPA的單元測試 及客戶端任務自動化，覆蓋了從開發到部署的一繫列 任務，讓讀者在閱讀完本書之後能夠打下扎實的SPA 開發基礎。 本書的重點是幫助讀者正確、全面地掌握SPA開 發概念，這些概念都是通用的。但為了讓內容更全面 、具體，本書將通過Knockout、Backbone.js及 AngularJS這三種不同風格的MV*框架來進行比較性討 論，這是本書的一大特色。同時在涉及具體Mv*框架 知識點時，書中會提供相應介紹。書中示例豐富具體 ，並提供完整源代碼下載。 本書適合前端及對SPA技術感興趣的開發者閱讀 。讀者隻需掌握JavaScript、HTML和CSS基本知識， 就可以閱讀本書。

**部分 基礎知識
1 單頁面應用程序介紹
1.1 SPA簡述
1.1.1 無須刷新瀏覽器
1.1.2 表現邏輯位於客戶端
1.1.3 服務器端事務處理
1.2 *進一步
1.2.1 以Shell頁面開始
1.2.2 從傳統頁面到視圖
1.2.3 視圖的產生
1.2.4 實現無刷新的視圖切換
1.2.5 貫穿動態*新過程的流暢性
1.3 SPA應用相較傳統Web應用的優勢
1.4 溫故知新
1.5 **SPA應用的構成
1.5.1 組織項目
1.5.2 創建可維護的松耦合
1.5.3 使用JavaScript模塊
1.5.4 執行SPA導航
1.5.5 創建視圖組成與布局
1.5.6 模塊通信
1.5.7 與服務器端通信
1.5.8 執行單元測試
1.5.9 客戶端自動化技術
1.6 小結
2 MV*框架介紹
2.1 MV*概念
2.1.1 傳統UI設計模式
2.1.2 MV*和瀏覽器環境
2.2 MV*基礎概念
2.2.1 框架
2.2.2 我們的MV*項目
2.2.3 模型
2.2.4 綁定
2.2.5 模板
2.2.6 視圖
2.3 為什麼要用MV*框架
2.3.1 關注分離
2.3.2 簡化日常任務
2.3.3 提升生產率
2.3.4 標準化
2.3.5 可擴展性
2.4 框架選擇
2.5 挑戰環節
2.6 小結
3 JavaScript模塊化
3.1 模塊概念
3.1.1 模塊模式概念
3.1.2 模塊結構
3.1.3 揭示模式
3.2 模塊化編程的意義
3.2.1 避免命名衝突
3.2.2 保護代碼完整性
3.2.3 隱藏復雜性
3.2.4 降低代碼改變帶來的衝擊
3.2.5 代碼組織
3.2.6 模塊模式的不足
3.3 模塊模式剖析
3.3.1 可訪問性控制
3.3.2 創建公有API
3.3.3 允許全局導入
3.3.4 創建模塊的命名空間
3.4 模塊加載及依賴管理
3.4.1 腳本加載器
3.4.2 異步模塊定義——AMD
3.4.3 通過RequireJS實踐AMD
3.5 挑戰環節
3.6 小結

第2部分 核心概念
4 單頁面導航
4.1 客戶端路由器概念
4.1.1 傳統導航
4.1.2 SPA 導航
4.2 路由及其配置
4.2.1 路由語法
4.2.2 路由配置項
4.2.3 路由參數
4.2.4 缺省路由
4.3 客戶端路由器的工作機制
4.3.1 片段標識符方式
4.3.2 HTML5歷史API方式
4.3.3 使用HTML5歷史API方式
4.4 綜合實作：實現SPA路由
4.4.1 教員列表（缺省路由）
4.4.2 主要聯繫人路由
4.4.3 教員授課時間（參數化路由）
4.5 挑戰環節
4.6 小結
5 視圖合成與布局
5.1 項目介紹
5.2 布局設計概念
5.2.1 視圖
5.2.2 Region
5.2.3 視圖合成
5.2.4 嵌套視圖
5.2.5 路由
5.3 **合成與布局的可選方案
5.3.1 優點
5.3.2 缺點
5.4 設計應用程序
5.4.1 設計基本布局
5.4.2 設計基本內容
5.4.3 在復雜設計中應用視圖管理
5.4.4 通過自身狀態創建嵌套視圖
5.5 挑戰環節
5.6 小結
6 模塊間交互
6.1 模塊概念回顧
6.1.1 用模塊封裝代碼
6.1.2 API提供對內部功能的訪問控制
6.1.3 SRP——以單一目的作為設計出發點
6.1.4 代碼重用——控制項目規模
6.2 模塊間交互方式
6.2.1 通過依賴進行模塊間交互
6.2.2 依賴方式的優缺點
6.2.3 通過發布/訂閱模式進行模塊間交互
6.2.4 發布/訂閱模式優缺點
6.3 示例項目細節
6.3.1 搜索功能
6.3.2 顯示產品信息
6.4 挑戰環節
6.5 小結
7 與服務器端通信
7.1 示例項目新要求
7.2 與服務器端通信綜述
7.2.1 選擇數據類型
7.2.2 HTTP請求方法
7.2.3 數據轉換
7.3 使用MV*框架
7.3.1 請求生成
7.3.2 通過回調函數處理結果
7.3.3 通過Promise處理結果
7.3.4 Promise錯誤處理
7.4 RESTful Web服務調用
7.4.1 什麼是REST
7.4.2 REST原則
7.4.3 MV*框架的RESTful支持
7.5 示例項目細節
7.5.1 配置REST調用
7.5.2 添加產品到購物車
7.5.3 查看購物車
7.5.4 修改購物車
7.5.5 從購物車中移除產品
7.6 挑戰環節
7.7 小結
8 單元測試
8.1 示例項目說明
8.2 什麼是單元測試
8.2.1 單元測試的好處
8.2.2 構建*好的單元測試
8.3 傳統的單元測試
8.3.1 QUnit起步
8.3.2 創建**個單元測試
8.3.3 測試由MV*對像創建的代碼
8.3.4 測試對DOM所做的改變
8.3.5 混合使用其他測試框架
8.4 挑戰環節
8.5 小結
9 客戶端任務自動化
9.1 Task Runner的常見用途
9.1.1 即時刷新瀏覽器
9.1.2 自動化JavaScript和CSS的預處理過程
9.1.3 自動化Linter代碼分析
9.1.4 持續單元測試
9.1.5 文件串接
9.1.6 代碼壓縮
9.1.7 持續集成
9.2 Task Runner選擇
9.3 本章示例項目
9.3.1 Gulp.js介紹
9.3.2 創建**個任務
9.3.3 創建代碼分析任務
9.3.4 創建瀏覽器刷新任務
9.3.5 自動化單元測試
9.3.6 創建構建過程
9.4 挑戰環節
9.5 小結
A 員工通訊錄示例說明
B XMLHttpRequest API
C 第7 章內容的服務器端設置與總結
D 安裝Node.js 與Gulp.js