athanzhang/awesome-ng2

Angular 2 资源大全

Awesome ng2 - 中文版本

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

ng2当前最新版本:

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

目录

官方资源

• Angular 2官网
• Angular 2官网(中文版)
• 开发文档
• API文档
• Github地址
• ng2 CLI工具

入门资料

• 5分钟快速入门
• Angular2 简介
• Getting Started with Angular 2.0

教程

• learn-angular2 (通过实例一步步学习ng2)
• learn-typescript
• learn-typed-rxjs
• Angular2 入门 - 汇智网（国内）
• learn angular2

博客

• blogspot
• VICTOR SAVKIN - ng2核心开发成员个人博客
• thoughtram - ng2合作团队博客
• ng-learn - ng2博文系列
• Angular Tips
• angular-2-articles
• hotJS Angular2
• awesome-angular2
• Todd Motto
• Oren Farhi
• NG-BOOK 博客
• Angular University - 英文博客，质量还不错

电子书

• ng-book 2
• Become a ninja with Angular 2
• Angular 2 Development with TypeScript
• Angular 2 in Action
• Practical Angular 2

视频

• Angular 2系列课程 - egghead.io

• Angular 2: First Look - Pluralsight > 可免费试听

• Angular2 Getting Started - Pluralsight 课程

• udemy （收费视频）

• The Complete Guide to Angular 2 - Angualr2 大全

• Angular 2 with TypeScript for Beginners - 实用指南

• Angular 2 Fundamentals - 基本原理

• Angular 2 Master Class with Alejandro Rangel

• Angular 2 Demystified - 揭秘

脚手架

• angular2-seed（官方库）
• mgechev：angular2-seed（按照官方最佳实践实现）
• angular-webpack2-starter（支持服务端渲染）
• AngularClass：angular2-webpack-starter
• angular2-seed-advanced
• angular2-cli
• angular2-esnext-starter（仅面向ES6/7，不支持typescript）
• angular2-minimalist-starter
• babel-angular2-app (Babel, Browserify)
• angular2-webpack (结合webpack，测试规范等比较齐全)
• JAVA Spring Boot 后端结合 Angular 2

UI组件

• NG2 Bootstrap - 样式库
• Material2 - ng2 Material Design组件库
• ng2 Material 移动端样式库
• PrimeNG - ng2 UI组件库集合
• NG-LIGHTNING - ng2 组件与指令库
• Wijmo - ng2 UI控件库
• Vaadin - 类Material Design UI组件库，支持移动端与PC端设计

代码风格指南

• ng2代码风格指南 - Angular官方团队
• ng2代码风格指南 - mgechev
• ng2代码风格指南 - John Papa（著有极多star的ng 1.x的angular-styleguide）
• TypeScript代码质量检查工具

社区

• Angular2疑难 所有人问所有人（中文版）
• angular2-education (NG2-资料集)
• Angular2社区 收集较多的问题解决方案
• Reddit - Angular2板块

工具

• Augury - 官方的调试工具 Chrome插件
• Codelyzer - 基于tslint的静态代码分析工具
• Universal Angular 2 - ng2服务端渲染
• 基于RxJS的状态管理库
• 编辑器IDE
• Sublime Text - ng2代码片段包
• Webstorm - ng2代码模板
• Visual Studio Code - ng2代码片段包

示例项目与代码

可用于学习借鉴

• ng2 samples（内含大量示例代码包括 Web Worker 等）

• 管理后台面板框架

• 用 ng2 实现 HackerNews 网站

• ng2 TodoMVC

• ng2和TypeScript JumpStart 示例 - 覆盖大量语法

• ng2 股票组合追踪项目

• Angular2 Go - 起步工程

• ng2 Dart 示例工程集合

• angular2-tour-of-heroes (示例项目学习)

• 谷歌地图的n2指令

• 游戏相关

• ng-go(ng2 围棋游戏)

• ng2-chess(国际象棋游戏)

跨多端工程项目

• React Native - 开发iOS与Android应用

• Angular 2 + React Native - 文章介绍

• React Native Renderer - 使用ng2跟RN开发iOS与Android应用程序

• NativeScript - 开发移动端应用

• NativeScript Angular2 - 整合NS与ng2

• NativeScript Hello World示例项目

• electron - 开发电脑端应用

• angular-electron

• Ionic@beta - 开发iOS与Android应用

• Ionic

周边生态圈

• redux
• 博文:介绍Redux与Angular 2

演讲分享

• 国内技术大会

• 剖析 Angular 2 - 汤桂川

• Angular Connect 大会

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

• 使用ng2和NativeScript构建原生移动端APP - Sebastian Witalec

• 使用Batarangle调试ng2应用程序 - Yuri Takhteyev and Igor Krivanov

• 使用Firebase和ng2构建应用程序 - Sara Robinson

• 使用ng2和Meteor打造实时应用程序- Uri Goldshtein

• ng2数据流动 - Jeff Cross, Rob Wormald and Alex Rickabaugh

• ng2:更优的理念，更少的代码 - Victor Savkin and Tobias Bosch

• ng2应用程序的模块化与打包机制 – Pawel Kozlowski

• ng2的测试攻略– Julie Ralph

• ng-europe 大会

• 2014:Youtube

• Angular 2.0 core - Igor Minar,Tobias Bosch

• NG-CONF 大会

• 2014：Youtube

• Zone.js介绍 - Brian Ford

• 2016：Youtube

• ng2原力觉醒 - John Papa

• Material UI组件:Titanium Octopus - Kara Erickson, Jeremy Elbourn

• Typescript: Angular 2的秘密武器- Dan Wahlin

• ng2 Universal 模式 - Jeffrey Whelpey, Patrick Stapleton

• ngRx：响应式的Angular2 - Rob Womald

• ng2 处理样式的新方式(偏CSS相关)- Justin Schwartzenberger

• 在Web和原生Apps**享代码(演讲者造型很萌) - Jen Looper, TJ VanToll

贡献者

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

点击查看贡献者列表