《Angular權威教程》讀書筆記

首先要在這樣一個隆重的節日,祝願大、小朋友節日快樂！誰還不是個孩子呀！特奉上《Angular權威教程》讀書筆記一篇，願君多采擷。

一、認識Angular2

相比Angular1而言Angular2的設計應該說是有了一次跨越性的改變。ng2的核心概念更清晰，本著少即是多的原則，你能很快記住ng2的核心是什麼。作為一個Angular的使用者，個人還是便愛ng2多一些，因為1.0版本的學習曲線比較陡峭，而且其中的坑比較多一些。雖然一開始我也是從1.0的版本開始學習的。

Angular框架主要通過HTML和JavaScript來構建應用，當然也可以使用HTML和TypeScript來進行開發。建議使用TypeScript進行開發，因為使用TypeScript比較簡潔一些，也能提高開發效率。

Angular中的8個核心概念：

• 模組
• 元件
• 模板
• 後設資料
• 資料繫結
• 指令
• 服務
• 依賴注入

二、學習前準備

《Angular權威教程》整本書中的教程比較詳細，除了部分及其細微的地方有所遺漏，需要自己思考一下，其它沒有什麼問題。即使沒有太多的前端知識儲備，也不用擔心，你也可以輕鬆的讀完這本書。

在開始Angular程式設計之旅之前，我們需要按照如下步驟：

1、安裝Node.js,官網地址：https://nodejs.org/en/；

2、安裝TypeScript，在控制檯輸入命令 npm install -g typescript進行全域性安裝；

3、安裝angular/cli工具，在控制檯輸入命令 npm install -g @angular/cli;

注意：這邊建議使用cnpm，第一步切換映象，在控制檯輸入命令

npm install -g cnpm --registry=https://registry.npm.taobao.org,爾後使用cnpm安裝angular/cli工具，命令：

cnpm install -g @angular/cli,最後設定cnpm為專案的包管理工具，ng set --global packageManager=cnpm，這樣我們就完成了基礎的開發環境的搭建。

PC和MAC安裝方法一致，MAC下安裝需要注意使用管理員許可權，注意加上sudo。

三、快速構建專案

書中構建專案的指令可能是因為一些原因，指令中使用了ng new angular2_hello_world,下劃線，其實這樣是不可以構建專案的，正確的姿勢是：ng new angular2-hello-world。

1、ng new projectName，構建專案的指令；

2、ng serve,啟動專案；（啟動專案，需要在專案資料夾中使用該命令；否則你會遇到問題。）

3、http://localhost:4200/,在瀏覽器中輸入地址和埠4200號即可檢視專案執行的效果。

四、循序漸進學Angular

在仿製Reddit網站中，書中的程式碼遺漏了一兩處引用匯入，需要注意一下。總體而言這是一本比較有趣的書，第一章內容教會我們如何快速上手Angular，第二章帶著我們領略了TypeScript；然後循序漸進，深入講解Angular的工作原理和內建指令、表單、路由、HTTP、依賴注入等知識點，毫無違和感。最後講解了如何把AngularJS應用升級到Angular，這是一個很棒的部分。

其實我覺得Angular設計者中應該有幾個是Java的臥底，新版的架構思想完全符合Java或者C#程式設計師的套路。相對來說，Angular更適合做企業級應用，移動端應用。如果是輕量級的專案倒不是很建議使用該框架，可以選擇更輕量級的Vue，這個框架也許對新手和小專案更好用。

如果感覺Angular不是很好學習，部分概念性的東西不是很好理解，個人倒是推薦先去模仿實現，然後再去反過來推敲。不可急於求成，畢竟學習之路還是要循序漸進。急功近利，容易走火入魔。

PS：祝小夥伴們學習順利！