Angular 2精品资源

译者自 https://github.com/AngularClass/awesome-angular2

虽然对准非官方网站的门牌号在亚洲地区难以恒定出访，因而把对准angular.io的门牌号换成了对准angular.cn（被非官方普遍认可的英文非官方网站）

Angular 2名品天然资源条目：Angular 2生态系中的种籽工程建设，初学者工程建设项目，样板，实例，讲义，组件，组件，音频等。

产品目录

Angular 2非官方天然资源街道社区Twitter上的研究者伺服器端图形Material结构设计口诀优点注释快照模版更改检验倚赖转化成管线Web WorkersHTTP路由器试验Angular CLIWebpackSeriesSourceforge艺术风格手册Angular Connect书刊当晚专业培训方式及说明软件系统组件计算机程序TodoMVCUniversal标准化网络平台天然资源标准化网络平台种子工程建设项目TypeScriptTypeScript通用型天然资源种籽工程建设项目Dart种籽工程建设项目TraceurTraceur通用型天然资源种籽工程建设项目BabelBabel通用型天然资源Online Playground种籽工程建设项目Babel PluginsES5种籽工程建设项目Ionic 2Ionic 2通用型天然资源MeteorMeteor通用型天然资源种籽工程建设项目NativeScriptNativeScript通用型天然资源种籽工程建设项目React NativeReact Native通用型天然资源React Native ProjectsHaxe种籽工程建设项目Scala种籽工程建设项目SecurityNgRx

Angular 2

Angular is a development platform for building mobile and desktop web applications.

Angular是两个用以构筑终端和图形界面Web应用领域的合作开发网络平台。非官方天然资源非官方网站非官方网志文件格式口诀加速起跑GitHub库街道社区Freenode IRC伺服器上的#angular2电音频道#angular2 hashtag on TwitterGitter电音频道StackOverflow上的Angular 2Twitter上的@AngularJS/r/Angular2 SubredditFacebook上的Angular组Google+上的AngularJSAngularAir podcast and live broadcastAngular的竞争优势 podcastng-newsletter email newslettertryangular2用Angular 2构筑的应用领域#ng-2 Slack Channel on AngularBuddies (Sign up)#angular2 Slack Channel on dartlang.slack.com (Sign up)Twitter上的Angular合作开发项目组@mhevery@IgorMinar@bradlygreen@naomitraveller@victorsavkin@tbosch1009@jeffbcross@karaforthewin@robwormaldTwitter上的研究者@gdi2290@scotups@pkozlowski_os@teropa@eggheadio@cedric_exbrayat@amcdnlGoogle合作开发者研究者（GDE）Jack FranklinThierry ChatelUri ShakedGonzalo Ruiz de Villa SuárezSharon DiOrioJohn PapaDan WahlinDonald SutherlandChristian WeyerTodd MottoTim RufflesWassim CheghamAaron FrostWilson MendesJared WilliamsGerard SansPascal PrechtJeff WhelpleyRaúl JiménezCiro Nunes{{ add_expert }}伺服器端图形Angular 2标准化网络平台库(GitHub)Material结构设计非官方的Angular 2 Material结构设计库 (GitHub)md2 基于Angular2的Material结构设计库，包括的组件、指令和服务有：Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Switch, Tabs, Tags(Chips), Toast 与 Tooltip.ng2-material set of material2 examples and extra components (data table, dialog, …) built on top of @angular2-material/coreangular2-mdl Angular 2 components, directives and styles based on Material Design Litemdl-ext Material Design Lite Ext (carusel, grid, lightbox, selectfield, sticky header, …)口诀非官方的Angular 2口诀Dart API小抄Angular2 Dart口诀Angular 2性能优化检查单优点注释Directives

Directives allow you to attach behavior to elements in the DOM.

Read more »Components

A component is a directive which uses shadow DOM to create encapsulate visual behavior. Components are typically used to create UI widgets or to break up the application into smaller components.

Read more »View

A View is a core primitive used by angular to render the DOM tree.

Read more »Templates

Templates are markup which is added to HTML to declaratively describe how the application model should be

projected to DOM as well as which DOM events should invoke which methods on the controller.

Read more »Change detection

Every component gets a change detector responsible for checking the bindings defined in its template.

Read more »Dependency Injection

Angular 1.x has two APIs for injecting dependencies into a directive. Angular 2 unifies the two APIs, making the code easier to understand and test.

Read more »Pipes

Pipes can be appended on the end of the expressions to translate the value to a different format.

Read more »Web Workers

WebWorker support in Angular2 is designed to make it easy to leverage parallelization in your web application.

When you choose to run your application in a WebWorker angular runs both your application’s logic and the

majority of the core angular framework in a WebWorker.

Read more »HTTP

Http is available as an injectable class, with methods to perform http requests. Calling request returns an EventEmitter which will emit a single Response when a response is received.

Read more »

RouterOffical Routerui-router

Read more »TestTesting Http services in Angular 2 with JasmineTesting UI Components with the TestComponentBuilder

{{ help_out }}Read more »Angular CLIOfficial web pageOfficial repositoryWebpackOfficial web pageAngular 2 Webpack Starter from AngularClassAngular 2 Webpack from prebootAngular 2 Nightly Webpack StarterAngular 2 Webpack with Visual Studio ASP.NET Core from Damien BowdenAngular 2 Typescript Webpack from schempyAngular 2 Webpack  Tour of Heroes from michaelbazos – Tour of Heroes official typescript tutorial built with webpackAngular 2 ASP.NET Core Spa from SteveSandersonMSSeriesIonicAngular 2IntroductionComponentsAuth0Angular 2Working with PipesDomain Models and Dependency InjectionUsing HttpCreate a Desktop App with Angular 2 and ElectronthoughtramAngular 2 Template Syntax DemystifiedPart 1SourceforgeAngularClass – Angular 2 FundamentalsEgghead.io – Angular 2Egghead.io – Build Redux Style Applications with Angular2, RxJS, and ngrx/storeudemy – Introduction to Angular 2udemy – Angular 2 with TypeScript for Beginners: The Pragmatic Guideudemy – The Complete Guide to Angular 2Pluralsight – Angular 2: First LookPluralsight – Angular 2: Getting StartedChannel9 – The Future of TypeScript: ECMAScript 6, Async/Await and Richer LibrariesChannel9 – Creating Cross-Platform Apps with Angular 2Code School – Accelerating Through Angular 2艺术风格手册Official Angular 2 Style guideAngular ConnectKeynote – Brad Green, Igor Minar and Jules KremerTesting strategies with Angular 2 – Julie RalphBuilding native mobile apps with Angular 2 0 and NativeScript – Sebastian WitalecAngular 2 Data Flow – Jeff Cross, Rob Wormald and Alex RickabaughIterative version upgrade strategies for large Angular applications – Jen BoureyDebugging Angular 2 Apps with Batarangle – Yuri Takhteyev and Igor KrivanovBuilding apps with Firebase and Angular 2 – Sara RobinsonBetter concepts, less code in Angular 2 – Victor Savkin and Tobias BoschModularity and Packaging for Angular2 Applications – Pawel KozlowskiCreating realtime apps with Angular 2 and Meteor – Uri Goldshtein书刊ng-book 2 fullstack.ioBecome a ninja with Angular 2 Ninja SquadAngular 2 Development with TypeScript Manning PublicationsAngular 2 in Action Manning PublicationsPractical Angular 2 LeanpubSwitching to Angular 2 Packt PublishingTesting Angular 2 Applications Manning PublicationsRangle’s Angular 2 training Rangle.io当晚专业培训AngularClassAngular Boot CampthoughtramEgghead.iong-bookAngular 2 WorkshopWeb Age Solutions方式与说明

Victor Savkin

Dependency Injection in Angular 1 and Angular 2Writing Angular 2 in TypescriptAngular 2 Template SyntaxThe Core Concepts of Angular 2Two Phases of Angular 2 ApplicationsChange Detection in Angular 2Better Support For Functional Programming InAngular 2 Bits Unified Dependency InjectionAngular 2 Router

AngularClass

Automated Angular 2 Conventions with WebpackAngular 2 for AngularJS deverlopersAngular 2 for ReactJS deverlopers

thoughtram

Developing a tabs component in Angular 2Developing a zippy component in Angular 2Resolving Service Dependencies in Angular 2Forward references in Angular 2Host and Visibility in Angular 2’s Dependency InjectionDependency Injection in Angular 2Routing in Angular 2DepreciatedRouting in Angular 2 RevisitedAngular 2 Template Syntax Demystified – Part 1View Encapsulation in Angular 2Styling Angular 2 componentsEven better ES5 code for Angular 2Writing Angular 2 code in ES5The difference between Annotations and Decorators

Hristo Georgiev

Debugging Angular 2 Applications软件系统FalcorJS + Angular2 (Video)Angular2-Meteornativescript-angularreact-native-renderer组件Material 2 – Angular team’s Material Design components built on top of Angular 2Axponents: of Accessible Web Components (Dylan Barrell)ng2-bootstrap Native Angular2 Bootstrap 3&4 componentsng2-charts Beautiful charts for Angular2 based on Chart.jsng2-dragula Drag and Drop so simple it hurts!ng2-file-upload Easy to use file upload directivesng2-handsontable Excel-like data grid / spreadsheetng2-select Angular2 based replacement for select boxesng2-safe-img Very tiny and safe img for Angular 2ng2-table Simple table extension with sorting, filtering, paging… for Angular2 appsng2-smart-table Smart data table library with sorting, filtering, pagination & add/edit/delete functions.ng2-bs Experiments with Angular 2 directives for Bootstrap.ag-grid Advanced Datagrid for Pure Javascript / AngularJS 1.x / AngularJS 2 / Web Componentsangular2-jwt Library for sending authenticated HTTP requests and decoding JWTsangular2-cookie Library that implements Angular 1.x $cookies service in Angular 2angular2-fontawesome Angular2 Components and Directives for Fontawesomeangular2-locker Library for interfacing with Localstorage/session/cookies with in-memory backupangular2-google-maps Angular2 directives for Google Mapsng2-radio-group Angular2 directives for radio and checkbox inputs and radio input groupsng2-dropdown Dropdown menu for angular2 and bootstrap 3ng2-progress-bar Simple progress bar for angular2 and bootstrap 3ng2-tabs Tabs control for angular2 and bootstrap 3ng2-modal Modal window for angular2 and bootstrap 3ng2-paginator Pagination control for angular2 and bootstrap 3fuel-ui Bootstrap 4 components and directives for use in Angular 2prime-ng  Collection of rich UI components for Angular 2ng2-ace Ace editor directive made for Angular 2ng2-storage A localStorage and sessionStorage wrapper written using ES6 Proxies for Angular 2ng2-fontawesome A small directive making font awesome even easier to use.ng2-sweetalert2 A wrapper for sweetalert2 for use with Angular 2.angular2-text-mask Angular 2 input mask directiveng2-fullpage Fullpage scrolling for Angular2 based on fullPage.jsfile-droppa Simple files drop and upload component with files listng2-img-fallback Load placeholder image on image errorangular2-data-table A feature-rich yet lightweight data-table crafted for Angular2angular2-busy Show busy/loading indicators on any promise, or on any Observable’s subscriptionng2-pdf-viewer PDF viewer componentCovalent – a UI platform built on Angular 2.0 + Material Designangular2-infinite-scroll – An Infinite Scroll Directive for Angular2 (based on Observables)ng2-card – Card view component for Angular2Wijmo 5 – Set of UI components for Angular2ng2d3 – Native Angular2 Chart Rendering Framework with D3 for utilsng2-swipeable-card – Swipeable card component for Angular2管线fuel-ui OrderBy and Range pipes ported from Angular 1.x to Angular 2ng2-filter-pipe Pipe for filtering arrays计算机程序Node.jsSlushTheVelourFog/slush-angular2Yeomanswirlycheetah/generator-angular2Faristomajodi/generator-angular2DartStagehandgoogle/stagehandTodoMVCOfficial Angular 2.0Angular 2 Dart

Angular 2通用型网络平台

Universal (isomorphic) javascript support for Angular 2

Universal通用型天然资源Universal Angular 2 Repository (GitHub)Universal 种籽工程建设项目universal-starter – Angular 2 Universal starter kit by @Angular-Class

Angular 2 in TypeScript

TypeScript lets you write JavaScript the way you really want to.

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.TypeScript通用型天然资源TypeScript Official Website for TypeScriptREPL Official TypeScript REPL that runs entirely in your browserTypeScript Repository (GitHub) Official GitHub Repo for TypeScriptTSD TypeScript Definition manager for DefinitelyTypedDefinitelyTyped Repository (GitHub) The repository for high quality TypeScript type definitions.TypeScript 种籽工程建设项目Angular 2 Webpack Starter – An Angular 2 Webpack Starter kit featuring Angular 2 (Router, Http, Forms, Services, Tests, E2E), Karma, Protractor, Jasmine, TypeScript, and Webpack by @Angular-ClassAngular 2 Seed Seed project for Angular 2 appsangular2-ts-seed – A complete, yet simple, starter for Angular 2 using TypeScriptng2-play A minimal Angular2 playground using TypeScript and SystemJS loaderNG2 Lab A simple Angular 2 setup using TypeScript, SystemJS and Firebase that also includes a few examples of unit testing and CI with Travis and Saucelabs.Angular2Go Angular 2 Go !Angular 2 Samples Angular 2.0 sample componentsTodo app with Firebase, OAuth, and ImmutableSpring Boot and Angular2 tutorial Angular2 practical example based on Rails tutorial.Angular 2 Goldilocks seed – A seed project for Angular 2 and TypeScript that is not too simple, yet not too complex. In fact it’s just right!Angular 2 Starter – Simple Angular 2 Starter with Gulp workflow and Travis CIAngular 2 Leaflet Starter – A map application starter based on Angular 2 and LeafletAngular 2 MapboxGL Starter – Another map application starter based on Angular 2 and MapboxGL JSAngular 2 reconnecting websockets quickstart – Simple counter using 2-way or 1-way reconnecting websockets communicationng2-start – Minimal setup to start creating an angular2 applicationng2Boilerplate – The ultimate Angular 2 bootstrap single page app – touches on all key and advanced aspects of Angular2.angular2-demo Minimal Angular2 Demo using TypeScript / Sass / Npm TasksAngular 2 Dashboard Starter – Ready to use dashboard control panel seed project based on Angular 2 and AdminLTE bootstrap theme.ng2-admin – Beautiful admin panel framework based on Angular 2, Bootstrap 4 and WebpackAngular 2 quickstart seedAngular 2 full code coverage – Solid tested SystemJS and gulp workflow ready for your code using RC4 .. Demonstrates unit testing and full code coverageAngular 2 webpack – Tour of Heroes official typescript tutorial built with webpackng2-boiler – A bare-bones simple starter with Angular2, TypeScript and Webpack configured.{{ add_your_repo }}

Angular 2 in Dart

Dart is an open-source, scalable programming language, with robust libraries and runtimes, for building web, server, and mobile apps.

Dart通用型天然资源Dart Official Website for DartDartpad Dartpad lets play with Dart on-line, in a zero-install, zero configuration environment.Dart Organization (GitHub) Official GitHub Organization for DartPub Repository of packages of software for the Dart programming language.Dartisans The Official Dart Google+ communityDart Slack Channel The Official Dart Slack channel.Dart 种籽工程建设项目Angular 2 Dart Quickstart A minimal quick start project.Dart Demo, Samples, and ExamplesAngular 2 Samples Angular 2 for Dart demos and samples from the community.Pipes Examples of Pipes in Angular 2 for Dart.Hackernews App A HackerNews application made with Angular 2 for DartRouter Demo A basic example of Angular 2 router.{{ add_your_repo }}

Angular 2 in Traceur

Traceur is a JavaScript.next-to-JavaScript-of-today compiler

Traceur通用型天然资源Traceur Repository (GitHub) Official GitHub Repo for TraceurTraceur 种籽工程建设项目GitHub: Angular2 ES6 Starter Kit (Dan Wahlin)GitHub: Angular2 ES6 Seed (Evan Plaice){{ add_your_repo }}

Angular 2 in Babel

The compiler for writing next generation JavaScript.

Babel通用型天然资源Babel Official Website for BabelREPL Official Babel REPL that runs entirely in your browserBabel Repository (GitHub) Official GitHub Repo for BabelBabel Angular 2 Online PlaygroundPlunker: Angular 2 + BabelBabel 种籽工程建设项目babel-angular2-app A skeleton Angular 2 app built with Babel and Browserify.angular2-fullstack-starter A full stack skeleton Angular 2 app built with Webpack/Babel.angular2-es6-starter A skeleton Angular 2 ES6 application built with Babel, Webpack, Gulp.angular2-es-seed A complete, yet simple, starter for Angular 2 using ES2016.angular2-babel-quickstart The super simple Angular 2 quickstarter with ES6/Babel{{ add_your_repo }}Babel Demo, Samples, and Examplesangular2-es6-todomvc Angular 2 TodoMVC implementation with ES6.{{ add_your_repo }}Babel Pluginsbabel-preset-angular2 Babel presets for Angular2babel-plugin-type-assertion An experimental babel transformer plugin for rtts_assert

Angular 2 in ES5

An ECMAScript language that includes structured, dynamic, functional, and prototype-based features.

ES5通用型天然资源{{help_add_resources}}ES5 种籽工程建设项目{{ add_your_repo }}Ionic 2 in Angular 2

Ionic is the beautiful, open source front-end SDK for developing hybrid mobile apps with web technologies.

Ionic Framework Official Website for Ionic FrameworkIonic Documentation Official for Ionic FrameworkIonic 2通用型天然资源Ionic 2 Repository (GitHub)Ionic 2 AwesomeMeteor in Angular 2

Build Realtime Web and Mobile Apps With Angular and Meteor

Meteor通用型天然资源Angular Meteor Official Website for Angular MeteorAngular 2 MeteorMeteor 种籽工程建设项目{{add_your_repo}}Angular 2 in NativeScript

Build truly native iOS, Android and Windows Phone apps with Javascript and CSS. Try NativeScript open-source framework for cross-platform development.

NativeScript通用型天然资源NativeScript Official Website for NativeScriptNativeScript 种籽工程建设项目sample-Angular2{{ add_your_repo }}Angular 2 in React Native

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript

React Native通用型天然资源React Native Official Website for React NativeReact Native ProjectsAngular 2 React Native Renderer (GitHub)React Native 种籽工程建设项目{{ add_your_repo }}

Angular 2 in Haxe

Haxe is an open source toolkit based on a modern, high level, strictly typed programming language, a cross-compiler, a complete cross-platform standard library and ways to access each platform’s native capabilities. General purpose language, with Haxe, you can easily build cross-platform tools targeting all the mainstream platforms natively. “Write once compile anywhere”, with strong easily extendable macro system and powerfull, highly optimizing compiler with DCE (and f.e. using inline constructors). Can be used for server side rendering and in isomorphic way – possible to share the same source code compiling into client side in javascript and server side in pyhton (or java/php/node – can be choosen later/changed at scaling). Haxe code can contain (inline) any target language fragments (can be used to step by step porting), the externs mechanism provides access to the native APIs and libraries in a type-safe manner.

Server, client, mobile (Android and iOS at once), desktop, embedded (Raspbery, award winning TIVO set top boxes), Playstation … all can be reached natively with much less typing, more error-proof, more stable and compile-time type checked code even for non type-safe targets (f.e. JavaScript, PHP)!Haxe通用型天然资源Haxe.org Haxe on WikipediaHaxe Playground Haxe compiler targets compiler targets: C++, C#, Java, Python, PHP, ActionScript 3, and Flash or Neko bytecodeHaxe Usage Survey resultsHaxe discussion group – communityHaxe and Node.js Haxe Resource – some “hub” for articlesHaxe: working with JavaScript librariesLearn haxe in Y minutesA success story for Haxe – about porting JavaScript to haxe targeting both JavaScript and C# “without interrupting the development of actual game by the rest of the team!”, “AWESOME BONUS”, “there are only benefits”News And Information For Haxe Developers{{ help_add_resources }}Haxe 种籽工程建设项目angular2haxe Haxe Language Bindings for Angular 2{{ add_your_repo }}

Angular 2 in Scala

General purpose language; multiparadigm (object-oriented, functional, concurrent elements); statically typed, type-safe; focus: Web services.

Scala通用型天然资源{{ help_add_resources }}Scala 种籽工程建设项目play-angular2{{ add_your_repo }}SecurityAngular 2 with OpenID Connect Implicit Flow from Damien BowdenAngular 2 bootstrap4 OAuth2 Webpack from Michael OrylAngular 2 OAuth2 OIDC from Manfred SteyerAngular 2 authentication sample from auth0-blogNgRxComprehensive Introduction to @ngrx/storeAdding Redux With NgRx/store and Angular2 – Part 1Adding Redux with NgRx/store to Angular2 – Part 2 (Testing Reducers)Angular 2 & NgRx/store: The NgModel In Between Use Case (from Angular 1)Angular 2, Ngrx/Store & Ngrx/Effects – Intro To Functional Approach For A Chain Of Actions

授权方式