A curated list of helpful material to start learning Angular 2
Current Angular 2 version:
Introduction
- Intro to Angular 2 (David East)
- Official Angular 2 Design Docs (Google)
- Official Angular 2 - 5 min quickstart
- Angular2 - First Impressions (Minko Gechev)
- Angular 2 Series: Introduction (Ionic Team)
- Video: Keynote on Angular 2 (Misko Hevery, Rado Kirov)
- AngularJS 2 Status and Preview (Santiago Esteva)
- All About Angular 2.0 (Rob Eisenberg)
- Getting Started with Angular 2.0 (Arvind Ravulavaru) Great line by line introduction
- The awesomeness of Angular 2 (Ciro Nunes)
- The main goals of Angular 2
- Video: ANGULARJS 2.0 features and beyond (Rob Eisenberg)
- [Getting Started with Angular 2 and ASP NET Core 1 (Juan Carlos Sánchez)] (http://softwarejuancarlos.com/2016/01/24/getting-started-with-asp-net-core-1-and-angular-2-in-visual-studio-2015)
Angular 2 Explained
- Exploring Angular 2
- Two Phases of Angular 2 Applications (Victor Savkin)
- Angular 2 Template Syntax (Victor Savkin)
- Change Detection in Angular 2 (Victor Savkin)
- Functional Programming in Angular 2 (Victor Savkin)
- Unified Dependency Injection (Victor Savkin)
- The Core Concepts of Angular 2
- Angular 2 Template Syntax (John Lindquist)
- Angular 2 - Binding (es5)(John Lindquist)
- Angular 2 - Hello World (es5)(John Lindquist)
- Video: Zone.JS (Brian Ford)
- Angular 2 Series: Components (Ionic Team)
- Video: Angular Router (Brian Ford)
- The difference between Annotations and Decorators (Pascal Precht)
- Video: Data binding in Angular 2 (Misko Hevery)
- Dependency Injection in Angular 2 (Pascal Precht)
- Angular 2 Server Rendering (gdi2290 and Jeff Whelpley)
- Shadow DOM Strategies in Angular 2 (Pascal Precht)
- Routing in Angular 2 (Pascal Precht)
- Styling Angular 2 Components (Pascal Precht)
- Event better ES5 code for Angular 2 (Pascal Precht)
- Angular 2 Template Syntax Demystified - Part 1 (Pascal Precht)
- Introduction to Angular 2 – The fundamentals of Components (Aleksey Novik)
- Host and Visibility in Angular 2's Dependency Injection (Pascal Precht)
- Angular 2 Cheat Sheet (WIP)
- Forward References in Angular 2 (Christoph Burgdorf)
- Resolving Service Dependencies in Angular 2 (Pascal Precht)
- Angular 2: Event Emitters(Shawn Mckay)
- Angular 2: Properties(Shawn Mckay)
- Angular 2: Pipes(Shawn Mckay)
- How to set up Angular2 unit tests (Dima Kuzmich)
Angular 2 Forms
- Video: AngularJS 2.0 Forms - Extending Todo app with Forms Validation (Ajden Towfeek)
- Forms in Angular 2 (Victor Savkin)
- Angular 2 Forms (David East)
- The Ultimate Guide to Forms in Angular 2 (ng-book)
Angular 2 Docs
Angular 2 Integrations
Tutorials
- Video: AngularJS 2.0 Overview - ToDo Application in 20 minutes
- Video: An Angular2 Todo App: First look at App Development in Angular2
- Creating a Super Simple Todo app Using Angular 2 (Sandeep Panda)
- Developing A Tabs Component in Angular 2 (Pascal Precht)
- Developing a zippy component in Angular 2 (Pascal Precht)
- Angular 2 Singleton Service (Raúl Jiménez)
- Angular 2 Shadow DOM Emulation (Dylan Barrell)
- Injecting Parents into Angular2 Components (Dylan Barrell)
- An Introduction to Angular 2 (Jesus Rodriguez)
- Video: Getting started with Angular 2 developer preview
- Video: Creating d3 components with Angular2 and TypeScript (gdi2290 and Aysegul Yonet)
- Video: Migrating an Angular 1.x app to Angular 2 (David East)
- recursive treeview in angular 2.0 (Torgeir Helgevold)
- How to publish a library for Angular 2 on npm (Olivier Combe)
Components
- Axponents: of Accessible Web Components (Dylan Barrell)
- Simple Example Components: TreeView, Grid, Input Values and Bindings, Core Directives, How to ignore view bindings (Torgeir Helgevold)
- ng2-bootstrap Native Angular2 Bootstrap 3&4 components
- ng2-charts Beautiful charts for Angular2 based on Chart.js
- ng2-dragula Drag and Drop so simple it hurts!
- ng2-file-upload Easy to use file upload directives
- ng2-handsontable Excel-like data grid / spreadsheet
- ng2-select Angular2 based replacement for select boxes
- ng2-table Simple table extension with sorting, filtering, paging... for Angular2 apps
Boilerplates
- Github: ng2-play (Pawel Kozlowski)
- Github: ng2-lab (Roland Groza)
- Github: Angular2 Babel App
- Github: Angular2 Sandbox (Gion Kunz)
- Yeoman: generator-angular2 (Chris Wheatley)
- Slush: slush-angular2 (Ryan Usumi)
- slush-ng2-play Generator of minimum Angular2 with ES6, based on ng2-play from pkozlowski-opensource
- Plunkr: Angular2 + ES6 Template
- Github: Angular2 + Webpack + TypeScript (gdi2290 AngularClass)
- Github: Angular2 + TypeScript in baby steps (Zia Khan)
- Github: Angular2 Seed TypeScript (Minko Gechev)
- Github: Angular2 Minimalist Starter (Roger Padilla)
- Github: Angular2 + TypeScript: Seed Project (@ghpabs) Fully automated development workflow using Gulp.
- Github: Angular2 Starter for TypeScript (Antony Budianto) Complete Gulp Workflow
Example Apps
- ng2do (David East)
- ng-conf 2015 Demo (Microsoft)
- ng2chat (Rob Wormald)
- angular2-tuber (Alex Hawkins) A YouTube Search Engine built with Angular2
- ng2-random-user (Kent C. Dodds) Simple Random User Card getter using randomuser.me
- hn-ng2 (Harry Wolff) Hacker News implemented with Angular2. Dart version (Andres Araujo)
- NG2 Challenges Challenges to help you learn and understand the evolving Angular2 Framework.
- Angular2 & Express.js Starter (Antonio Fernandes)
- cart2 (Ciro Nunes)
- Developing a MEAN app with Angular 2.0 (Arvind Ravulavaru)
- JWT authentication in Angular 2 (mgonto and gdi2290)
- Add authentication to an Angular 2 app
- Angular Reading Position Indicator
- d3 directives from Angular 1 to Angular 2 (gdi2290)
- Angular 2 Carousel component with Bootstrap
- Angular 2 Bootstrap Style Modal (Shlomi Assaf)
- Chat Application using RxJS (ng-book)
- Todo app with Firebase, OAuth, and Immutable
- Angular 2 Table pagination example + Java Spring Backend
- Dribbble Clone using Angular 2
- Angular 2 & TypeScript implementation of the Responsive Dashboard (RDash) admin dashboard theme @ziyasal
- Angular 2 Chosen wrapper
Live Code Experiments
- Angular 1 with Angular 2 Dependency Injection (Rob Wormald)
- angular2-playground (Sekib Omazic)
- jsBin ES5 Angular 2 (gdi2290)
Angular 2 Material
- Angular 2 Material Components Preview
- Official Angular 2 Material Components (very early stage of its development process)
Stack Overflow Questions
Classes
Books
- ng-book 2 (Ari Lerner)
- Become a ninja with Angular 2
- Angular 2 in action
- Angular 2 - A Practical Introduction to the New Web Development Platform
Tools
Opinions
Social Media
- Gitter Channel
- #angular2 on Twitter
- @angularjs on Twitter
- #angularjs at Freenode
- Angular2 Group on Facebook
- Angularjs on Google+
- /r/Angular2 on Reddit
Angular 2 Dart
- Angular2 Dart API cheatsheet
- Angular2 Dart cheatsheet
- Angular2 Dart Gnome Tutorial app
- Angular2 Dart Router demo