Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lightningtgc/awesome-ng2

Angular 2 资源大全
https://github.com/lightningtgc/awesome-ng2

List: awesome-ng2

Last synced: 3 months ago
JSON representation

Angular 2 资源大全

Awesome Lists containing this project

README 

        
# Awesome ng2 - 中文版本 [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)



> Angular2（以下也称为ng2）资源大全，收集ng2周边生态圈的各种资料，包括图书，教程，视频，脚手架等等内容。



##### ng2当前最新版本:

[![Angular2 当前版本状况](https://badge.fury.io/js/%40angular%2Fcore.svg)](https://www.npmjs.com/~angular)



##### Angular 2 最新浏览器支持情况:

[![Angular 2浏览器支持情况](https://saucelabs.com/browser-matrix/angular2-ci.svg)](https://saucelabs.com/u/angular2-ci)



### 目录



### 官方资源

- [Angular 2官网](https://angular.io/)

- [Angular 2官网(中文版)](https://angular.cn/)

- [开发文档](https://angular.io/docs/js/latest/)

- [API文档](https://angular.io/docs/js/latest/api/)

- [Github地址](https://github.com/angular/angular)

- [ng2 CLI工具](https://github.com/angular/angular-cli)



### 入门资料

- [5分钟快速入门](https://angular.io/docs/ts/latest/quickstart.html)

- [Angular2 简介](http://zhuanlan.zhihu.com/p/20058966)

- [Getting Started with Angular 2.0](http://thejackalofjavascript.com/getting-started-with-angular-2-0/)



### 教程

- [learn-angular2 (通过实例一步步学习ng2)](https://github.com/panacloud/learn-angular2)

- [learn-typescript](https://github.com/panacloud/learn-typescript)

- [learn-typed-rxjs](https://github.com/panacloud/learn-typed-rxjs)

- [Angular2 入门 - 汇智网（国内）](http://www.hubwiz.com/course/5599d367a164dd0d75929c76/)

- [learn angular2](http://learnangular2.com/)



### 博客

- [blogspot](http://angularjs.blogspot.com/)

- [VICTOR SAVKIN - ng2核心开发成员个人博客](http://victorsavkin.com/)

- [thoughtram - ng2合作团队博客](http://blog.thoughtram.io/)

- [ng-learn - ng2博文系列](http://ng-learn.org/tags/angularjs-2.html)

- [Angular Tips](http://angular-tips.com/)

- [angular-2-articles](http://www.syntaxsuccess.com/angular-2-articles)

- [hotJS Angular2 ](https://www.hotjs.net/skills/angular2/resources)

- [awesome-angular2](https://github.com/AngularClass/awesome-angular2)

- [Todd Motto](https://toddmotto.com/)

- [Oren Farhi](http://orizens.com/)

- [NG-BOOK 博客](http://blog.ng-book.com/)

- [Angular University - 英文博客，质量还不错](http://blog.angular-university.io/)



### 电子书

- [ng-book 2](https://www.ng-book.com/2/)

- [Become a ninja with Angular 2](https://books.ninja-squad.com/angular2)

- [Angular 2 Development with TypeScript](https://www.manning.com/books/angular-2-development-with-typescript)

- [Angular 2 in Action](https://www.manning.com/books/angular-2-in-action)

- [Practical Angular 2](https://leanpub.com/practical-angular-2)



### 视频

- [Angular 2系列课程 - egghead.io](https://egghead.io/technologies/angular2)

- [Angular 2: First Look - Pluralsight > 可免费试听](https://www.pluralsight.com/courses/angular-2-first-look)

- [Angular2 Getting Started - Pluralsight 课程](https://www.pluralsight.com/courses/angular-2-getting-started)



- udemy （收费视频）

 - [The Complete Guide to Angular 2 - Angualr2 大全](https://www.udemy.com/the-complete-guide-to-angular-2/)

 - [Angular 2 with TypeScript for Beginners - 实用指南](https://www.udemy.com/angular-2-tutorial-for-beginners/)

 - [Angular 2 Fundamentals - 基本原理](https://www.udemy.com/angular-2-fundamentals/)

 - [Angular 2 Master Class with Alejandro Rangel](https://www.udemy.com/angular-2-master-class-with-alejandro-rangel/)

 - [Angular 2 Demystified - 揭秘](https://www.udemy.com/introduction-to-angular2/)



### 脚手架

- [angular2-seed（官方库）](https://github.com/angular/angular2-seed)

- [mgechev：angular2-seed（按照官方最佳实践实现）](https://github.com/mgechev/angular-seed)

- [angular-webpack2-starter（支持服务端渲染）](https://github.com/qdouble/angular-webpack2-starter/)

- [AngularClass：angular2-webpack-starter](https://github.com/AngularClass/angular2-webpack-starter)

- [angular2-seed-advanced](https://github.com/NathanWalker/angular2-seed-advanced)

- [angular2-cli](https://github.com/angular/angular-cli)

- [angular2-esnext-starter](https://github.com/blacksonic/angular2-esnext-starter)（仅面向ES6/7，不支持typescript）

- [angular2-minimalist-starter](https://github.com/rogerpadilla/angular2-minimalist-starter)

- [babel-angular2-app (Babel, Browserify)](https://github.com/shuhei/babel-angular2-app)

- [angular2-webpack (结合webpack，测试规范等比较齐全)](https://github.com/preboot/angular2-webpack)

- [JAVA Spring Boot 后端结合 Angular 2](https://github.com/borysn/spring-boot-angular2)



### UI组件

- [NG2 Bootstrap - 样式库](http://valor-software.com/ng2-bootstrap/)

- [Material2 - ng2 Material Design组件库](https://github.com/angular/material2)

- [ng2 Material 移动端样式库](https://mobile.angular.io/)

- [PrimeNG - ng2 UI组件库集合](http://www.primefaces.org/primeng/)

- [NG-LIGHTNING - ng2 组件与指令库](http://ng-lightning.github.io/ng-lightning/)

- [Wijmo - ng2 UI控件库](http://wijmo.com/angular2/)

- [Vaadin - 类Material Design UI组件库，支持移动端与PC端设计](https://vaadin.com/elements)



### 代码风格指南

- [ng2代码风格指南 - Angular官方团队](https://angular.io/docs/ts/latest/guide/style-guide.html)

- [ng2代码风格指南 - mgechev](https://github.com/mgechev/angular2-style-guide)

- [ng2代码风格指南 - John Papa（著有极多star的ng 1.x的angular-styleguide）](https://github.com/johnpapa/angular-styleguide/blob/master/a2/notes.md)

- [TypeScript代码质量检查工具](https://github.com/palantir/tslint)



### 社区

- [Angular2疑难 所有人问所有人（中文版）](https://github.com/kittencup/angular2-ama-cn)

- [angular2-education (NG2-资料集)](https://github.com/timjacobi/angular2-education)

- [Angular2社区 收集较多的问题解决方案](http://www.zai.io/)

- [Reddit - Angular2板块](https://www.reddit.com/r/Angular2/)



### 工具

- [Augury - 官方的调试工具 Chrome插件](https://github.com/rangle/augury)

- [Codelyzer - 基于tslint的静态代码分析工具](https://github.com/mgechev/codelyzer)

- [Universal Angular 2 - ng2服务端渲染](https://github.com/angular/universal)

- [基于RxJS的状态管理库](https://github.com/ngrx/store)

- 编辑器IDE

 - [Sublime Text - ng2代码片段包](https://github.com/evanplaice/angular2-snippets)

 - [Webstorm - ng2代码模板](https://github.com/d3viant0ne/angular2-webstorm-templates)

 - [Visual Studio Code - ng2代码片段包](https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2)

 



### 示例项目与代码

> 可用于学习借鉴



- [ng2 samples（内含大量示例代码包括 Web Worker 等）](https://github.com/thelgevold/angular-2-samples)

- [管理后台面板框架](https://github.com/akveo/ng2-admin)

- [用 ng2 实现 HackerNews 网站](https://github.com/hswolff/hn-ng2)

- [ng2 TodoMVC](https://github.com/tastejs/todomvc/tree/master/examples/angular2)

- [ng2和TypeScript JumpStart 示例 - 覆盖大量语法](https://github.com/DanWahlin/Angular2-JumpStart)

- [ng2 股票组合追踪项目](https://github.com/paulhoughton/portfolio/)

- [Angular2 Go - 起步工程](https://github.com/johnpapa/angular2-go)

- [ng2 Dart 示例工程集合](https://github.com/ng2-dart-samples)

- [angular2-tour-of-heroes (示例项目学习)](https://github.com/johnpapa/angular2-tour-of-heroes)

- [谷歌地图的n2指令](https://github.com/SebastianM/angular2-google-maps)



- 游戏相关

 - [ng-go(ng2 围棋游戏)](https://github.com/lys1030/ng-go)

 - [ng2-chess(国际象棋游戏)](https://github.com/shlomiassaf/ng2-chess)



### 跨多端工程项目

- [React Native - 开发iOS与Android应用](https://facebook.github.io/react-native/)

 - [Angular 2 + React Native - 文章介绍](https://angularjs.blogspot.com/2016/04/angular-2-react-native.html)

 - [React Native Renderer - 使用ng2跟RN开发iOS与Android应用程序](https://github.com/angular/react-native-renderer)

 

- [NativeScript - 开发移动端应用](https://www.nativescript.org/)

 - [NativeScript Angular2 - 整合NS与ng2](https://github.com/NativeScript/nativescript-angular)

 - [NativeScript Hello World示例项目](https://github.com/NativeScript/template-hello-world-ng)

 

- [electron - 开发电脑端应用](http://electron.atom.io/)

 - [angular-electron](https://github.com/angular/angular-electron)



- [Ionic@beta - 开发iOS与Android应用](http://ionicframework.com/docs/v2/)

 - [Ionic](https://github.com/driftyco)

 

### 周边生态圈

- [redux](http://redux.js.org/)

 - [博文:介绍Redux与Angular 2](http://blog.ng-book.com/introduction-to-redux-with-typescript-and-angular-2/)



### 演讲分享

- #### 国内技术大会

 - [剖析 Angular 2 - 汤桂川](http://slides.com/tangguichuan/dissect-angular2/#/)

 

- #### [Angular Connect 大会](http://angularconnect.com/)

> Youtube （需科学上网，英文）:

 - [使用ng2和NativeScript构建原生移动端APP - Sebastian Witalec](https://www.youtube.com/watch?v=4SbiiyRSIwo)

 - [使用Batarangle调试ng2应用程序 -  Yuri Takhteyev and Igor Krivanov](https://www.youtube.com/watch?v=cAC4d3KIQcM)

 - [使用Firebase和ng2构建应用程序 - Sara Robinson](https://www.youtube.com/watch?v=RD0xYicNcaY)

 - [使用ng2和Meteor打造实时应用程序- Uri Goldshtein](https://www.youtube.com/watch?v=3FT0BqYASCo)

 - [ng2数据流动 - Jeff Cross, Rob Wormald and Alex Rickabaugh](https://www.youtube.com/watch?v=bVI5gGTEQ_U)

 - [ng2:更优的理念，更少的代码 - Victor Savkin and Tobias Bosch](https://www.youtube.com/watch?v=4YmnbGoh49U)

 - [ng2应用程序的模块化与打包机制 – Pawel Kozlowski](https://www.youtube.com/watch?v=9odY9Rh5kTQ)

 - [ng2的测试攻略– Julie Ralph](https://www.youtube.com/watch?v=C0F2E-PRm44)



- #### [ng-europe 大会](https://ngeurope.org/)

 - 2014:Youtube

 - [Angular 2.0 core - Igor Minar,Tobias Bosch](https://www.youtube.com/watch?v=gNmWybAyBHI)



- #### [NG-CONF 大会](https://www.ng-conf.org/#/)

 - 2014：Youtube

 - [Zone.js介绍 - Brian Ford](https://www.youtube.com/watch?v=3IqtmUscE_U)

 

 - 2016：Youtube

 - [ng2原力觉醒 - John Papa](https://www.youtube.com/watch?v=WAPQF_GA7Qg)

 - [Material UI组件:Titanium Octopus - Kara Erickson, Jeremy Elbourn](https://www.youtube.com/watch?v=rRiV_b3WsoY)

 - [Typescript: Angular 2的秘密武器- Dan Wahlin](https://www.youtube.com/watch?v=e3djIqAGqZo)

 - [ng2 Universal 模式 - Jeffrey Whelpey, Patrick Stapleton](https://www.youtube.com/watch?v=TCj_oC3m6_U)

 - [ngRx：响应式的Angular2 - Rob Womald](https://www.youtube.com/watch?v=mhA7zZ23Odw)

 - [ng2 处理样式的新方式(偏CSS相关)- Justin Schwartzenberger](https://www.youtube.com/watch?v=J5Bvy4KhIs0)

 - [在Web和原生Apps中共享代码(演讲者造型很萌) - Jen Looper, TJ VanToll](https://www.youtube.com/watch?v=R3nyG2xtzeQ)

 

### 贡献者



> 诚邀社区一起参与建设此项目，给后来者提供更好的学习环境。



[点击查看贡献者列表](https://github.com/lightningtgc/awesome-ng2/graphs/contributors)