Angular2開發實戰(基於TypeScript)/Web開發經典叢書 Angular2开发实战(基于TypeScript)/Web开发经典丛书

秦軍

  • 出版商: 清華大學
  • 出版日期: 2017-11-30
  • 定價: $479
  • 售價: 8.5$407
  • 語言: 簡體中文
  • 頁數: 392
  • 裝訂: 平裝
  • ISBN: 7302487154
  • ISBN-13: 9787302487159
  • 相關分類: AngularJavaScriptTypeScript

已絕版

買這商品的人也買了...

相關主題

商品描述


  《Angular 2開發實戰 基於TypeScript》幫助熟練使用Angular 1或其他Web框架的開發者掌
握Angular 2的使用。首先從一個在線拍賣應用程序開始,探
索Angular 2是如何工作的。隨著學習的深入,將學習如何使
用TypeScript編寫能夠類型自我感知(type-aware)的類、接口以
及泛型。《Angular 2開發實戰 基於TypeScript》註重實踐,涵蓋了在真實應用場景中進行開發
所需要關註的問題,例如數據和視圖、用戶與表單的交互、
與服務器端通信以及如何測試和部署Angular 2應用程序。
主要內容
◆ 設計和構建模塊化的應用程序
◆ 將TypeScript轉碼為目前通用的JavaScript
◆ 使用現代的JavaScript工作流工具,例如npm、Karma和
Webpack
《Angular 2開發實戰 基於TypeScript》適用於具備JavaScript開發經驗的中級Web開發人
員,並不要求讀者具備TypeScript或AngularJS使用經驗。


海報:

作者簡介

Yakov Fain和Anton Moiseev都是具備豐富Web應用程序開發經驗的資深開發者,Yakov擁有Java Champion稱號,曾經出版了軟件開發領域的多本書籍。

目錄大綱

第1章Angular 2介紹1 
1.1 JavaScript框架和庫的示例1 
1.1.1重量級框架2 
1.1.2輕量級框架2 
1.1.3庫2 
1.1.4什麼是Node.js 4 
1.2 AngularJS高級概述4 
1.3 Angular高級概述7 
1.3.1簡化代碼7 
1.3.2性能提升12 
1.4 Angular開發者工具13 
1.5如何使用Angular 16 
1.6在線拍賣示例介紹17 
1.7本章小結19 

第2章Angular入門20 
2.1第一個Angular應用程序20 
2.1.1 TypeScript版本的Hello World 21 
2.1.2 ES5版本的Hello World 24 
2.1.3 ES6版本的Hello World 26 
2.1.4啟動應用程序27 
2.2 Angular應用程序的構建塊28 
2.2.1模塊28 
2.2 .2組件29 
2.2.3指令31 
2.2.4數據綁定簡介32 
2.3通用模塊加載器SystemJS 32
2.3.1模塊加載器概覽33 
2.3.2模塊加載器與<script>標籤33 
2.3.3 SystemJS入門34 
2.4選擇包管理器39 
2.4.1對比npm和jspm 40 
2.4.2使用npm開始一個Angular項目41 
2.5動手實踐:開始在線拍賣應用程序47 
2.5.1初始化項目設置48 
2.5.2開發首頁49 
2.5.3啟動在線拍賣應用程序56 
2.6本章小結57 

第3章使用Angular路由導航58 
3.1路由基礎58 
3.1. 1定位策略60 
3.1.2客戶端導航的構建塊61 
3.1.3使用navigate( )導航到路由67 
3.2向路由傳遞數據69 
3.2.1從ActivatedRoute對像中提取參數69 
3.2.2傳遞靜態數據給路由72 
3.3子路由73 
3.4守護路由79 
3.5開發一個具有多個路由插座的單頁面應用84 
3.6將應用程序分解到模塊中87 
3.7延遲加載模塊89 
3.8實踐:為在線拍賣應用程序添加導航91 
3.8.1創建ProductDetailComponent 92
3.8.2創建HomeComponent和代碼重構93 
3.8.3簡化ApplicationComponent 94 
3.8.4將RouterLink添加到ProductItemComponent95 
3.8.5修改根模塊,添加路由97 
3.8.6運行在線拍賣應用程序97 
3.9本章小結98 

第4章依賴注入99 
4.1依賴注入模式和控制反轉模式99 
4.1.1依賴注入模式100 
4.1.2控制反轉模式100 
4.1.3依賴注入的好處100 
4.2注入器和provider 103 
4.3使用Angular DI的示例應用程序106 
4.3.1注入產品服務106 
4.3.2注入Http服務109 
4.4輕鬆切換可注入(組件/對象) 110 
4.4.1使用useFactory和useValue屬性聲明providers 113 
4.4.2使用OpaqueToken 116 
4.5注入器的層級結構117 
4.6實踐:在在線拍賣應用程序中使用DI 119 
4.6.1更改代碼,將產品ID作為參數傳遞122 
4.6.2修改ProductDetailComponent 122 
4.7本章小結126 

第5章綁定、observable和管道127
5.1數據綁定127 
5.1.1事件綁定128 
5.1.2屬性綁定和特性綁定129 
5.1.3模板中的綁定133 
5.1.4雙向數據綁定136 
5.2響應式編程和observable 138 
5.2.1什麼是observable和觀察者139 
5.2.2 observable事件流141 
5.2.3取消observables 145 
5.3管道148 
5.4實踐:在線拍賣應用程序中
產品的過濾功能151 
5.5本章小結154 

第6章實現組件通信156 
6.1組件間通信156 
6.1.1輸入和輸出屬性157 
6.1.2 Mediator模式163 
6.1.3使用ngContent在運行時修改模板167 
6.2組件生命週期172 
6.3變更檢測高級概述178 
6.4如何暴露子組件中的API 180 
6.5實踐:為在線拍賣應用程序添加評分功能182 
6.6本章小結189 


第7章使用表單190 
7.1 HTML表單概述191 
7.1.1標準瀏覽器功能191 
7.1.2 Angular Forms API 193 
7.2模板驅動表單194
7.2.1指令概述194 
7.2.2豐富HTML表單196 
7.3響應式表單198 
7.3.1表單模型198 
7.3.2表單指令199 
7.3.3重構示例表單203 
7.3.4使用FormBuilder 204 
7.4表單驗證205 
7.5動手實踐:給搜索表單添加驗證214 
7.5.1修改根模塊以添加Forms API支持214 
7.5.2將一個類別列表添加到SearchComponent 215 
7.5.3創建表單模型216 
7.5.4重構模板216 
7.5.5實現onSearch ( )方法218 
7.5.6啟動在線拍賣應用程序218 
7.6本章小結218 

第8章使用HTTP和WebSocket與服務器交互219 
8.1簡述Http對象的API 219 
8.2使用Node和TypeScript創建Web服務器222 
8.2.1創建一台簡單的Web服務器222 
8.2.2提供JSON 225 
8.2.3 TypeScript實時重新編譯與代碼重新加載226 
8.2.4添加提供產品的RESTful API 227 
8.3將Angular與Node結合在一起229 
8.3.1服務器上的靜態資源229
8.3.2使用Http對象進行GET請求232 
8.3.3在模板中使用AsyncPipe展開observables 234 
8.3.4將HTTP注入到服務中235 
8.4通過WebSocket進行客戶端-服務器通信239 
8.4.1從Node服務器推送數據239 
8.4.2將WebSocket轉換成observable 243 
8.5動手實踐:實現產品搜索和出價通知249 
8.5.1使用HTTP實現產品搜索250 
8.5.2使用WebSocket廣播拍賣出價254 
8.6本章小結258 

第9章Angular應用程序單元測試259 
9.1了解Jasmine 260 
9.1.1測試什麼262 
9.1.2如何安裝Jasmine 262 
9.2 Angular測試庫都包括了什麼264 
9.2.1測試服務265 
9.2.2使用路由測試導航266 
9.2.3測試組件267 
9.3測試天氣示例應用程序267 
9.3.1配置SystemJS 269 
9.3.2測試天氣路由270 
9.3.3測試天氣服務272 
9.3.4天氣測試組件275 
9.4使用Karma運行測試278 
9.5實踐:在線拍賣應用程序單元測試281
9.5.1測試ApplicationComponent283 
9.5.2測試ProductService 283 
9.5.3測試StarsComponent 284 
9.5.4運行測試287 
9.6本章小結288 

第10章使用Webpack打包並部署應用程序289 
10.1了解Webpack 291 
10.1.1使用Webpack的Hello World 292 
10.1.2如何使用加載器296 
10.1.3如何使用插件300 
10.2為Angular創建基本的Webpack配置300 
10.2.1 npm run build 303 
10.2.2 npm start 305 
10.3創建開發和生產配置305 
10.3.1開發(環境)配置306 
10.3.2生產(環境)配置307 
10.3.3自定義的類型定義文件309 
10.4 Angular CLI概述312 
10.4.1用Angular CLI啟動新項目312 
10.4.2 CLI命令313 
10.5動手實踐:使用Webpack部署在線拍賣應用程序314 
10.5.1啟動Node服務器315 
10.5.2啟動在線拍賣應用程序的客戶端316
10.5.3使用Karma運行測試319 
10.6本章小結322 

附錄A ECMAScript 6概述323 
附錄B作為Angular應用程序語言的TypeScript 362