Developer Resources

This page features various resources to help developers learn more about the technologies used in this project. Please feel free to link to additional resources (documentation, how-to's, example implementations, tutorials).

Angular 2 Resources

General Resources

• https://angular.io/styleguide - The official Angular2 for TypeScript Style Guide
• https://angular.io/docs/ts/latest/ - The official documentation for Angular 2 (with TypeScript). Includes a "5-min quick start", "step-by-step guide" and official API docs
• https://github.com/angular/angular - The official codebase for Angular 2. Where to submit issues, follow the code progression, etc.
• http://angularjs.blogspot.com/ - The Angular blog, which contains updates and blog posts from the Angular team.
• https://groups.google.com/forum/#!forum/angular - Google Group for Angular 1 or 2 discussions.
• https://angularair.com/ - A live video podcast all about Angular
• https://www.npmjs.com/package/npm-check-updates - A npm package for dependency management

Starter / Sample Projects

• https://angularclass.github.io/awesome-angular2/ - Awesome list of Angular 2 seed repos, starters, boilerplates, examples, tutorials, components, modules, videos, and anything else in the Angular 2 ecosystem
• https://github.com/AngularClass/awesome-angular2 - A curated list of awesome Angular 2 resources by @AngularClass
• https://github.com/angular/universal-starter - Angular 2 Universal starter kit by @AngularClass
• https://github.com/AngularClass/angular2-webpack-starter - Angular 2 + Webpack starter kit by @AngularClass

Specific topics

• Dependency Injection:
  • http://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html - This article clearly explains the basics of dependency injection in angular 2
• The component router:
  • https://auth0.com/blog/2016/01/25/angular-2-series-part-4-component-router-in-depth/

TypeScript Resources

We use TypeScript with Angular 2. Here's some resources to help with that.

• http://www.typescriptlang.org/ - The official documentation for the TypeScript language. Includes links to sample code, as well as a live in-browser editor/samples.
• http://definitelytyped.org/ - The repository for TypeScript definition files (which can be used/installed into our codebase via Typings
• See also our own notes on why we chose TypeScript and our guidelines: TypeScript Guidelines

IDE Support / Tips

Here's some useful IDE tips for development with Angular 2 / TypeScript.

• IntelliJ IDEA
  • See https://www.jetbrains.com/help/idea/2016.1/typescript-support.html
• NetBeans
  • NetBeans doesn't yet have an out-of-the-box plugin for Angular2 or TypeScript.
    • There is a third-party TypeScript plugin that works fairly well (still buggy though): https://github.com/Everlaw/nbts
  • Here's a blog post describing how to do development in NetBeans with Angular 2 and TypeScript: https://jaxenter.com/typescript-angular-2-and-netbeans-ide-an-unbeatable-trio-125443.html
• Atom Editor
  • Atom is more a powerful text editor than full IDE, but has excellent support for TypeScript + Angular 2
  • There's an atom-typescript plugin that provides excellent support for TypeScript
• In Browser Debugging of Angular 2
  • https://augury.angular.io/ (for Chrome)
• In Browser Debugging of TypeScript
  • This blog post goes over the basics of debugging TypeScript in all major browsers (IE 11, Chrome, FF, Opera) using the browser's built-in JS debugging tools: http://www.sitepoint.com/enhance-your-javascript-debugging-with-cross-browser-source-maps/