Angular學習資料

TNFE發表於2019-05-07

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和混合手機應用。

不定期新增中……

相關文章