教程說明

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

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

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

Angular 簡介

Angular 是什么

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

Angular 有什么特點

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

Angular 提供了哪些功能

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

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

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

Angular 環(huán)境搭建

基礎(chǔ)要求

• Node.js
• Git

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

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