教程說(shuō)明

首先自我介紹一下：我不是"大神"，因?yàn)檫€在修仙中哈。下面是個(gè)人在學(xué)習(xí) Angular 過(guò)程中整理的學(xué)習(xí)筆記，希望對(duì)大家能有所幫助，更詳細(xì)和更權(quán)威的學(xué)習(xí)資源，請(qǐng)大家閱讀官方文檔。

學(xué)習(xí)建議

剛?cè)腴T(mén)的初學(xué)者可以先看一下 "快速入門(mén)" 系列文章，另外遇到問(wèn)題的話，可以先查閱一下我之前整理的 Angular FAQ。若學(xué)習(xí)中遇到問(wèn)題的話，你也可以先查閱一下 Angular 2.x+ & Ionic 2.x+ 資料匯總 相關(guān)文章哈。對(duì)Angular 或前端感興趣的讀者可以關(guān)注我的個(gè)人公眾號(hào)哈，會(huì)定期推送一些前端的干貨哈。

Angular 簡(jiǎn)介

Angular 是什么

Angular 是由谷歌開(kāi)發(fā)與維護(hù)一個(gè)開(kāi)發(fā)跨平臺(tái)應(yīng)用程序的框架，同時(shí)適用于手機(jī)與桌面。

Angular 有什么特點(diǎn)

• 基于 Angular 我們可以構(gòu)建適用于所有平臺(tái)的應(yīng)用。比如：Web 應(yīng)用、移動(dòng) Web 應(yīng)用、移動(dòng)應(yīng)用和桌面應(yīng)用等。
• 通過(guò) Web Worker和服務(wù)端渲染 (SSR)，達(dá)到在如今Web平臺(tái)上所能達(dá)到的最高渲染速度。
• Angular 讓你能夠有效掌控可伸縮性?；?RxJS、Immutable.js 和其它推送模型，能適應(yīng)海量數(shù)據(jù)需求。

Angular 提供了哪些功能

• 動(dòng)態(tài)HTML
• 強(qiáng)大的表單系統(tǒng) (模板驅(qū)動(dòng)和模型驅(qū)動(dòng))
• 強(qiáng)大的視圖引擎
• 事件處理
• 快速的頁(yè)面渲染
• 靈活的路由
• HTTP 服務(wù)
• 視圖封裝
• AOT、Tree Shaking

Angular 與 AngularJS 有什么區(qū)別

• 不再有Controller和Scope
• 更好的組件化及代碼復(fù)用
• 降低了學(xué)習(xí)曲線
• 更好的移動(dòng)端支持
• 引入了 RxJS 與 Observable
• 引入了 Zone.js，提供更加智能的變化檢測(cè)

Angular 環(huán)境搭建

基礎(chǔ)要求

• Node.js
• Git

配置Angular開(kāi)發(fā)環(huán)境

• 基于 Angular Quickstart
  • https://github.com/angular/quickstart
• 基于 Angular CLI
  • npm install -g @angular/cli