# awesome-ng2

**Repository Path**: mashaofei/awesome-ng2

## Basic Information

- **Project Name**: awesome-ng2
- **Description**: Angular2 资源大全
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 3
- **Created**: 2016-05-26
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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/angular2.svg)](http://badge.fury.io/js/angular2)

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



### 目录



### 官方资源
- [Angular 2官网](https://angular.io/)
- [开发文档](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开发指南 - 翻译系列](https://github.com/gf-rd/blog/issues/21)
- [Angular2 简介](http://zhuanlan.zhihu.com/p/20058966)

### 教程
- [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 入门 - hubwiz](http://www.hubwiz.com/course/5599d367a164dd0d75929c76/)

### 博客
- [blogspot](http://angularjs.blogspot.com/)
- [VICTOR SAVKIN - ng2核心开发成员个人博客](http://victorsavkin.com/)
- [thoughtram - ng2合作团队博客](http://blog.thoughtram.io/)
- [广发证券技术博客](https://github.com/gf-rd/blog/issues)

### 电子书
- [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)
- [angular2-seed 结合Gulp.js](https://github.com/mgechev/angular2-seed)
- [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)

### 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)

### 工具
- [Augury - 官方的调试工具 Chrome插件](https://github.com/rangle/augury)
- [Codelyzer - 基于tslint的静态代码分析工具](https://github.com/mgechev/codelyzer)
- [Universal Angular 2 - ng2服务端渲染](https://github.com/angular/universal)
- 编辑器IDE
 - [Sublime Text - ng2代码片段包](https://github.com/evanplaice/angular2-snippets)
 - [Webstorm - ng2代码模板](https://github.com/d3viant0ne/angular2-webstorm-templates)
 

### 示例项目与代码
> 可用于学习借鉴

- [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)

### 跨多端工程项目
- [React Native - 开发iOS与Android应用](https://facebook.github.io/react-native/)
 - [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)

### 演讲分享
- #### 国内技术大会
 - [剖析 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)
 
### 贡献者

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

贡献者列表：

- [汤桂川_gc](https://github.com/lightningtgc)
- []()