A curated list of helpful material to start learning Angular 2
Basic Introduction Video Series by Mindspace and Code Samples by me (Bhavin Patel)
(Video Series link is in my github)
https://github.com/bapatel1/Learning-Angular-2.0
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)
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 components
- ng2-file-upload Easy to use Angular2 directives for file upload
- ng2-select Angular2 based replacement for select boxes
- ng2-handsontable Excel-like data grid / spreadsheet
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 ES6 Starter Kit (Dan Wahlin)
- Github: Angular2 + TypeScript: Seed Project (@ghpabs) Fully automated development workflow using Gulp.
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
Live Code Experiments
- Angular 1 with Angular 2 Dependency Injection (Rob Wormald)
- angular2-playground (Sekib Omazic)
- jsBin ES5 Angular 2 (gdi2290)
Angular 2 Material
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
TypeScript Definitions
Thanks to timjacobi/angular2-education for this great compilation.
Happy Coding 
Bhavin Patel 
Leave a comment