|
|
本書特色
當前端的開發也進入系統化的同時，你的選擇只剩下Angular, React及Vue了。然而Angular則是最標準的TypeScript的純正血統，是由Google正式維護的最新前端介面開發套件。
完整說明了ng-zorro、Protractor、LESS、ng-alain、Jasmine、Postman及CNpm。
完整的範例，包括了結構型指令、路由架構、常用api、城市元件、使用者資訊頁，以及json-server。
完整的待辦事項及網路商城的可立即應用範例。
✤讀懂本書
．未來前端開發有發展前途嗎？
前端開發目前非常熱門，隨著前端開發市場持續擴大，不僅是網頁，甚至行動端、PC端應用都可以使用前端技術進行開發。現在一線大公司都已經使用前端技術來開發自己的手機App了，例如微信小程式、淘寶天貓、京東、餓了麼等，其火爆程度一目了然。
——現在入門還來得及嗎？種一棵樹最好的時間是十年前，其次是現在！
．你還在用jQuery嗎？已經過時啦！
雖然有很多舊網站還在使用jQuery，但是大多數公司的應徵標準早已改變。前端開發在這些年高速發展，技術更新速度很快，如果想保持自己的競爭力，必須持續保持學習狀態。現在想在前端開發領域找到一份好工作，則必須學好Angular、React、Vue三大架構！
——各大應徵網站都可以搜一搜看一看，要不要學，你看著辦！
．Angular在前端開發中有哪些優勢？
Angular作為一個比較大而全的前端架構，它使用TypeScript進行開發，包含服務、範本、雙向綁定、路由、依賴植入等各種便捷的功能，可以讓你的開發效率事半功倍。Angular由Google公司開發並維護，具有許多的開發者和活躍的社區支援，而且中文文件翻譯十分全面。
——三大架構選擇困難怎麼辦？小孩才做選擇，成年人全部都要！
作者簡介
李一鳴
主攻前端和Angular開發，6年前端開發經驗，能帶領前端混合開發團隊利用最新技術解決業務快速發展過程中的各種業務場景問題。熟悉用戶端開發，有多個上架APP，有服務端開發經驗。目前在公司擔任項目經理，管理前端團隊。
01 初識Angular
1.1 Angular 簡介
1.2 架設開發環境
1.3 實戰練習：第一個Angular 程式
1.4 Angular UI 函數庫
1.5 小結
02 初識TypeScript
2.1 TypeScript
2.1 TypeScript 簡介
2.2 資料類型
2.3 函數
2.4 類別
2.5 小結
03 指令
3.1 指令的分類
3.2 內建指令
3.3 實戰練習：自訂結構型指令
3.4 小結
04 使用元件打造你的專案
4.1 元件
4.2 註釋
4.3 生命週期
4.4 資料傳遞
4.5 實戰練習：城市元件
4.6 小結
05 依賴植入
5.1 控制反轉與依賴植入
5.2 Angular 中的依賴植入
5.3 實戰練習：使用者資訊頁
5.4 小結
06 HTTP
6.1 HTTPClient—發送第一條網路請求
6.2 HTTP 協定基礎知識
6.3 HTTP 與HTTPS
6.4 實戰練習：製作一個HTTP 攔截器
6.5 小結
07 表單
7.1 Angular 中的表單
7.2 實戰練習：範本驅動型表單
7.3 實戰練習：回應式表單
7.4 小結
08 路由
8.1 路由的基本用法
8.2 路由的位置策略
8.3 路由的跳躍與傳參
8.4 子路由
8.5 實戰練習：路由架構的架設
8.6 小結
09 Angular 中的測試
9.1 測試的意義
9.2 第一個測試實例
9.3 Angular 測試工具
9.4 端對端測試
9.5 小結
10 後台模擬環境的架設
10.1 前後端分離
10.2 Postman 的安裝與使用
10.3 json-server 的安裝與使用
10.4 實戰練習：使用json-server 實現增刪改查
10.5 小結
11 專案實戰：待辦列表
11.1 待辦列表設計
11.2 待辦列表的建立
11.3 待辦列表的開發
11.4 修改為網路請求應用
11.5 小結
12 專案實戰：商場後台管理系統
12.1 專案設計
12.2 專案起步
12.3 路由的建置
12.4 資產盤點模組開發
12.5 商品管理模組的開發
12.6 個人中心模組的開發
12.7 訊息管理模組的開發
12.8 小結
