Angular是一款面向企業級應用開發的前端框架,掌握好Angular相關技術,有助於我們提升開發效率,編寫高質量的前端程式碼。
Angular 1.x版本
AngularJS 誕生於2009年,由Misko Hevery 等人建立,後為Google所收購。是一款優秀的前端JS框架,已經被用於Google的多款產品當中。AngularJS有著諸多特性,最為核心的是:MVW(Model-View-Whatever)、模組化、自動化雙向資料繫結、語義化標籤、依賴注入等等。目前穩定在1.7.x,進入了"Long Term Support"版本狀態,谷歌表示會長期進行支援。 整體來說新專案採用1.x版本的好處不大,可用於舊專案的維護和升級。
1、Angualr菜鳥教程
1.x版本的入門教程。有除錯環境,可以邊做邊學,也可以在這上面嘗試各種指令。
2、谷歌官方文件,和官方API
比較權威,涵蓋了各個方面,英文略有難讀。
3、官方文件譯文和官方API譯文
中文譯文,內容詳實,缺點是版本可能略有滯後,準確度稍差。
4、大漠窮秋的教程視訊
大漠以前是谷歌的官方佈道者,講的比較權威,通俗易懂。
Angular 2+版本
Angular 是谷歌開發的一款MVVM(Model-View-ViewModel) 型別的Web 框架,具有優越的效能和絕佳的跨平臺性。通常結合 TypeScript 開發,也可以使用 JavaScript 或 Dart,提供了無縫升級的過渡方案。於 2016 年 9 月正式釋出,目前已釋出到6.0版本。Angular 2+比較大而全,上手容易,開發效率高,適合做企業級的內部管理系統。 推薦新專案使用,最新穩定版本6.0+
1、官方文件和官方文件譯文
首推文件,文件中包含一個例項教程,按照教程流程演練一遍,即可上手開發專案。中文翻譯與Angular主站同步的非常及時。
2、Angular修仙之路
某技術同學編寫的成套的Angular入門文件,全中文,通俗易懂。版本基於Angular4+的,篇幅較多,內容詳實,內容相互獨立,適合碎片時間閱讀。
3、Angular從0到1
《Angular從零到一》圖書作者寫的手把手的入門教程,書的電子精簡版。
4、Angular News 和 Angular 話題
知乎上維護的Angular新聞,包括最新的Angular動態和相關更新。
5、技術部落格
某技術人員的關於Angular的部落格,99+篇的乾貨。
6、速成班部落格 和 Angular Material完全攻略
某技術人員的部落格,比較厲害。
7、點燈坊
臺灣Angular開發者的部落格,深度剖析和給入門者看的文章都有,內容詳實。
8、Angular 2 之 30 天邁向神乎其技之路
繁體中文社群的高質量全套教程。
UI介面及元件庫
Angular自帶的命令列工具十分強大,它可以建立專案、新增檔案以及執行一大堆開發任務,比如測試、打包和釋出。更細緻的操作可以參考Cli命令指南 ,Angular本身不帶UI介面,業內有很多第三方優秀的元件庫。
1、NG-ZORRO
Ant Design 的 Angular實現,支援Angular4.0~6.0,注意Angular版本與對應版本的選擇。
2、NG ALAIN
基於 ng-zorro-antd 的 Admin 系統解決方案,是一個企業級中後臺前端/設計解決方案腳手架。
3、Angular Material
Angular 官方自己維護的UI元件庫。
4、NG-bootstrap
Bootstrap官方實現UI元件庫。
5、ngx-bootstrap
Bootstrap非官方實現,元件略有差異,檔案的引入方式不一樣。
6、Clarity Design
vmware公司的Angular元件庫,新款。
7、ngx-echarts
圖表echarts的angular實現。
8、primeNg
國外一商業公司開源的ui框架,大而全。
9、element angular版
餓了麼前端出品的一款實用UI元件庫。
10、ionic
專門為移動端而設計開發的一款ui庫,可以開發H5和混合手機應用。
不定期新增中……