作 者:裴雨龍 編
定 價:68
出 版 社:清華大學出版社
出版日期:2020年07月01日
頁 數:356
裝 幀:平裝
ISBN:9787302558118
"AngularJS是Google公司開發的一款Web前端框架,其源碼目前托管在Github上,從其源碼的關注度就可以看出AngularJS框架的火熱程度。AngularJS提供了一些優秀的特性,例如雙向數據綁定、MVC架構模式、指令等,能夠在很大程度上降低Web前端開發的難度,因此深受廣大Web前端開發人員的喜愛。AngularJS框架的功能雖然強大,但是對於初學者來說入門比較困難,主要是因為AngularJS有別於傳統的Web前端框架,指令、路由、服務等概念都是其他前端框架所不具備的。縱觀A等
●第1章Angular的基礎知識001
1.1Angular簡介001
1.1.1AngularJS是什麼001
1.1.2Angular和AngularJS的區別002
1.1.3Angular的發展歷程002
1.2環境搭建003
1.2.1安裝Node.js003
1.2.2安裝Angular-cli006
1.2.3安裝開發工具007
1.3創建第一個項目009
1.3.1創建項目009
1.3.2運行項目010
1.3.3項目結構介紹011
第2章TypeScript基礎知識014
2.1基礎類型014
2.2變量聲明017
2.2.1var聲明017
2.2.2let聲明019
2.3類021
2.3.1屬性021
2.3.2方法022
2.3.3構造函數023
2.3.4繼承024
2.3.5修飾符025
2.4函數027
2.4.1函數類型028
2.4.2可選參數和默認參數029
2.4.3剩餘參數030
第3章熟悉模板語法031
3.1模板中的HTML031
3.2插值與模板表達式032
3.2.1插值表達式032
3.2.2模板表達式033
3.2.3表達式上下文033
3.3模板語句034
3.4綁定語法035
3.5屬性綁定([屬性名])036
3.5.1單向輸入037
3.5.2綁定目標037
3.5.3選擇屬性綁定還是插值038
3.6attribute、class和style綁定038
3.6.1attribute綁定039
3.6.2CSS類綁定040
3.6.3樣式綁定040
3.7事件綁定(event)041
3.8雙向數據綁定([()])042
3.9內置模板函數046
3.10生命周期046
第4章精通核心組件049
4.1了解組件049
4.1.1創建組件049
4.1.2導入依賴051
4.1.3Component注解051
4.1.4添加template052
4.1.5用styleUrls添加CSS樣式052
4.2掛載組件053
4.3組件中的模板054
4.3.1綁定數據054
4.3.2綁定屬性056
4.3.3綁定HTML057
4.3.4引入圖片058
4.4父子組件之間的通信058
4.4.1父組件給子組件傳值059
4.4.2父組件通過@ViewChild主動獲取子組件的數據和方法062
第5章玩轉核心指令064
5.1內置指令064
5.1.1ngIf064
5.1.2ngSwitch065
5.1.3ngStyle066
5.1.4ngClass067
5.1.5ngFor068
5.1.6ngNonBindable071
5.2自定義指令072
5.3案例實戰:實現任務“備忘錄”073
第6章轉換數據的管道076
6.1使用管道076
6.2內置的管道077
6.2.1大小寫轉換管道077
6.2.2日期格式轉換管道078
6.2.3小數位數管道078
6.2.4貨幣管道079
6.2.5對像序列化管道080
6.2.6slice管道080
6.3管道參數081
6.4鏈式管道082
6.5自定義管道083
6.5.1實現自定義管道083
6.5.2組合雙向數據綁定085
第7章表單的應用087
7.1Angular表單簡介087
7.2響應式表單089
7.2.1添加表單控件090
7.2.2管理控件的值091
7.2.3把表單控件分組092
7.2.4保存表單數據094
7.2.5嵌套的表單組095
7.2.6部分模型更新097
7.2.7使用FormBuilder生成表單控件098
7.2.8表單驗證099
7.2.9使用表單數組管理動態控件101
7.2.10響應式表單API103
7.3模板驅動表單104
第8章精通組件跳轉的路由112
8.1路由的意義112
8.2路由的定義113
8.2.1創建帶路由的項目113
8.2.2routerLinkActive指令116
8.3路由嵌套(父子路由)116
8.4路由的對像120
8.5輔助路由123
8.6路由守衛126
8.6.1CanActivate守衛127
8.6.2CanDeactivate128
第9章自定義服務及DOM操作130
9.1自定義服務130
9.1.1仿京東APP搜索緩存數據功能130
9.1.2實現任務備忘錄功能132
9.2DOM操作134
9.2.1原生JS操作DOM134
9.2.2使用ViewChild操作DOM136
9.2.3父子組件中通過ViewChild調用子組件的方法137
9.2.4實現輪播圖效果139
第10章模塊和懶加載143
10.1自定義模塊143
10.1.1自定義模塊的意義144
10.1.2自定義一個模塊145
10.1.3在自定義模塊中創建組件146
10.1.4掛載自定義模塊及組件147
10.1.5自定義模塊訪問自身組件149
10.2配置路由模塊懶加載150
10.2.1創建懶加載項目150
10.2.2實現模塊懶加載151
10.2.3在子模塊中配置路由153
第11章借用Bootstrap的組件156
11.1配置環境156
11.2按鈕組件157
11.2.1定義按鈕158
11.2.2設計按鈕風格158
11.3按鈕組組件161
11.3.1定義按鈕組161
11.3.2定義按鈕組工具欄162
11.3.3設計按鈕組布局和樣式163
11.4導航組件165
11.4.1定義導航165
11.4.2設計導航的布局166
11.4.3設計導航的風格167
11.4.4設計導航選項卡170
11.5徽章172
11.5.1定義徽章172
11.5.2設置顏色174
11.5.3橢圓形徽章174
11.6警告框175
11.6.1定義警告框175
11.6.2添加鏈接177
11.6.3關閉警告框178
11.7進度條178
11.7.1定義進度條179
11.7.2設計進度條樣式179
11.7.3設計進度條風格181
11.8列表組183
11.8.1定義列表組183
11.8.2設計列表組的風格樣式184
11.8.3定制內容187
11.9面包屑188
11.9.1定義面包屑188
11.9.2設計分隔符189
11.10分頁190
11.10.1定義分頁190
11.10.2使用圖標191
11.10.3設計分頁風格192
11.11旋轉器特效195
11.11.1定義旋轉器195
11.11.2設計旋轉器風格196
11.11.3對齊旋轉器198
11.11.4按鈕旋轉器199
11.12卡片200
11.12.1定義卡片200
11.12.2卡片風格201
第12章攝影相冊204
12.1項目概述204
12.1.1設計效果204
12.1.2設計準備207
12.2設計導航欄207
12.3首頁209
12.3.1設計相冊展示209
12.3.2添加Swipebox燈箱插件211
12.4分類頁214
12.4.1設計相冊分類展示214
12.4.2添加Swipebox燈箱插件217
12.5博客219
12.6聯繫頁220
12.7項目重要文件222
12.7.1根模塊(app.module.ts)222
12.7.2路由文件(app-routing.module.ts)223
第13章Web設計與定制網站224
13.1網站概述224
13.1.1網站布局224
13.1.2設計準備224
13.2設計主頁面導航224
13.3設計主頁面內容227
13.3.1設計首頁227
13.3.2關於我們229
13.3.3我們的團隊230
13.3.4我們的服務233
13.3.5我們的博客234
13.3.6我們的定制235
13.4設計腳注237
第14章仿星巴克網站239
14.1網站概述239
14.1.1設計效果239
14.1.2設計準備240
14.2設計首頁布局241
14.3設計可切換導航242
14.4主體內容247
14.4.1設計輪播廣告區248
14.4.2設計產品推薦區249
14.4.3設計登錄注冊和logo250
14.4.4設計特色展示區251
14.4.5設計產品生產流程區253
14.5設計底部隱藏導航255
第15章仿 “淘票票電影”APP257
15.1準備工作257
15.1.1開發環境257
15.1.2搭建Angular腳手架257
15.1.3創建項目組件261
15.2設計項目組件262
15.2.1設計頭部和底部導航組件262
15.2.2設計電影頁面組件265
15.2.3設計影院頁面組件276
15.2.4設計我的頁面組件279
15.3設計主組件281
15.3.1電影頁面組件281
15.3.2影院頁面組件284
15.3.3我的頁面組件285
15.4項目的重要文件286
15.4.1主頁面(index.html)286
15.4.2根模塊(app.module.ts)287
15.4.3路由文件(app-routing.module.ts)287
15.4.4項目公共樣式(style.css)288
15.4.5根組件(app.component)288
第16章仿網易雲音樂網站290
16.1準備工作290
16.1.1開發環境290
16.1.2創建項目290
16.1.3模塊設計293
16.1.4數據來源295
16.1.5定義數據的類型297
16.2頁面的頭部和腳注設計299
16.3輪播組件301
16.4推薦歌單305
16.5歌手列表308
16.6底部播放器311
16.7滑塊組件315
16.8ngrx狀態管理316
16.9實現播放器功能319
16.10播放列表和歌詞325
16.11歌單列表331
16.12歌單詳情頁333
16.13歌曲的詳情頁面339
16.14搜索功能343
《AngularJS從入門到項目實戰》以零基礎講解為宗旨,用實例引導讀者深入學習,深入淺出地介紹Angular框架的各項實戰技能。
《AngularJS從入門到項目實戰》共16章,主要內容有:流行的開發框架Angular8、掌握TypeScript基礎、熟悉模板語法、精通核心組件、玩轉核心指令、轉換數據的管道、表單的應用、精通組件跳轉的路由、自定義服務及DOM操作、模塊和懶加載、借用Bootstrap的組件等。最後講述了5個行業熱點項目實訓,包括攝影相冊、Web設計與定制網站、仿星巴克網站、仿支f寶“淘票票電影”APP、仿網易雲音樂網站。
《AngularJS從入門到項目實戰》適合任何想學習Angular框架的人員,無論您是否從事計算機相關行業,無論您是否接觸過Angular框架,通過學習本書內容均可快速掌握Angular框架設計的方法和技巧。
裴雨龍 編
作者長期從事網站開發工作,數年來承接了大量的項目,具有豐富的實踐經驗。