-
Notifications
You must be signed in to change notification settings - Fork 27.4k
docs(guide): create new page for external resources #14843
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,146 @@ | ||
@ngdoc overview | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Related to the whole file (not this particular line): |
||
@name External Resources | ||
@sortOrder 560 | ||
@description | ||
|
||
This is a collection of external, 3rd party resources for learning and developing Angular. | ||
|
||
## Articles, Videos, and Projects | ||
|
||
### Introductory Material | ||
|
||
* [10 Reasons Why You Should Use AngularJS](http://www.sitepoint.com/10-reasons-use-angularjs/) | ||
* [10 Reasons Why Developers Should Learn AngularJS](http://wintellect.com/blogs/jlikness/10-reasons-web-developers-should-learn-angularjs) | ||
* [Design Principles of AngularJS (video)](https://www.youtube.com/watch?v=HCR7i5F5L8c) | ||
* [Fundamentals in 60 Minutes (video)](http://www.youtube.com/watch?v=i9MHigUZKEM) | ||
* [For folks with a jQuery background](http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background) | ||
|
||
### Specific Topics | ||
|
||
#### Application Structure & Style Guides | ||
|
||
* [Architecture, file structure, components, one-way dataflow and best practices](https://github.com/toddmotto/angular-styleguide) | ||
* [Angular Styleguide](https://github.com/johnpapa/angular-styleguide) | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. This now contains both ng1 and ng2 guides. The ng1 guide can be found at https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md. In any case, I would move this link to the top, since this is the de-facto styleguide for ng1. |
||
* [When to use directives, controllers or services](http://kirkbushell.me/when-to-use-directives-controllers-or-services-in-angular/) | ||
* [Service vs Factory](http://blog.thoughtram.io/angular/2015/07/07/service-vs-factory-once-and-for-all.html) | ||
|
||
#### Testing | ||
|
||
* **Unit testing:** [Karma](http://karma-runner.github.io), [Using Karma (video)](http://www.youtube.com/watch?v=YG5DEzaQBIc), {@link guide/unit-testing Unit testing}, {@link guide/services#unit-testing Testing services}, [Karma in Webstorm](http://blog.jetbrains.com/webstorm/2013/10/running-javascript-tests-with-karma-in-webstorm-7/) | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. There are some links to this guide. They don't belong in external resources. |
||
* **End-to-End Testing:** [Protractor](https://github.com/angular/protractor) | ||
|
||
#### Mobile | ||
|
||
* [Angular on Mobile Guide](http://www.ng-newsletter.com/posts/angular-on-mobile.html) | ||
* [Angular and Cordova](http://devgirl.org/2013/06/10/quick-start-guide-phonegap-and-angularjs/) | ||
* [Ionic Framework](http://ionicframework.com/) | ||
|
||
#### Deployment | ||
|
||
##### General | ||
|
||
* **Javascript minification: **[Background](http://thegreenpizza.github.io/2013/05/25/building-minification-safe-angular.js-applications/), [ng-annotate automation tool](https://github.com/olov/ng-annotate) | ||
* **Analytics and Logging:** [Angularyitcs (Google Analytics)](http://ngmodules.org/modules/angularytics), [Angulartics (Analytics)](https://github.com/luisfarzati/angulartics), [Logging Client-Side Errors](http://www.bennadel.com/blog/2542-Logging-Client-Side-Errors-With-AngularJS-And-Stacktrace-js.htm) | ||
* **SEO:** [By hand](http://www.yearofmoo.com/2012/11/angularjs-and-seo.html), [prerender.io](http://prerender.io/), [Brombone](http://www.brombone.com/), [SEO.js](http://getseojs.com/), [SEO4Ajax](http://www.seo4ajax.com/) | ||
|
||
##### Server-Specific | ||
|
||
* **Django:** [Tutorial](http://blog.mourafiq.com/post/55034504632/end-to-end-web-app-with-django-rest-framework), [Integrating AngularJS with Django](http://django-angular.readthedocs.org/en/latest/integration.html), [Getting Started with Django Rest Framework and AngularJS](http://blog.kevinastone.com/getting-started-with-django-rest-framework-and-angularjs.html) | ||
* **FireBase:** [AngularFire](http://angularfire.com/), [Firebase Foundations for AngularJS](http://blog.watchandcode.com/firebase-foundations/), [Realtime Apps with AngularJS and FireBase (video)](http://www.youtube.com/watch?v=C7ZI7z7qnHU) | ||
* **Google Cloud Platform: **[with Cloud Endpoints](https://cloud.google.com/developers/articles/angularjs-cloud-endpoints-recipe-for-building-modern-web-applications/), [with Go](https://github.com/GoogleCloudPlatform/appengine-angular-gotodos) | ||
* **Hood.ie:** [60 Minutes to Awesome](http://www.roberthorvick.com/2013/06/30/todomvc-angularjs-hood-ie-60-minutes-to-awesome/) | ||
* **MEAN Stack: **[Blog post](http://blog.mongodb.org/post/49262866911/the-mean-stack-mongodb-expressjs-angularjs-and), [Setup](http://thecodebarbarian.wordpress.com/2013/07/22/introduction-to-the-mean-stack-part-one-setting-up-your-tools/), [GDL Video](https://developers.google.com/live/shows/913996610) | ||
* **Rails: **[Tutorial](http://coderberry.me/blog/2013/04/22/angularjs-on-rails-4-part-1/), [AngularJS with Rails4](https://shellycloud.com/blog/2013/10/how-to-integrate-angularjs-with-rails-4), [angularjs-rails](https://github.com/hiravgandhi/angularjs-rails) | ||
* **PHP: **[Building a RESTful web service](http://blog.brunoscopelliti.com/building-a-restful-web-service-with-angularjs-and-php-more-power-with-resource), [End to End with Laravel 4 (video)](http://www.youtube.com/watch?v=hqAyiqUs93c) | ||
* **Meteor: **[angular-meteor package](https://github.com/Urigo/angular-meteor) | ||
|
||
### Other Languages | ||
* [ES6, Webpack, and JSPM Starter Project](https://github.com/AngularClass/NG6-starter) | ||
* [ES6/Typescript Best Practices](https://codepen.io/martinmcwhorter/post/angularjs-1-x-with-typescript-or-es6-best-practices) | ||
* [Dart](https://github.com/angular/angular.dart.tutorial/wiki) | ||
* [CoffeeScript Tutorial](http://www.coffeescriptlove.com/2013/08/angularjs-and-coffeescript-tutorials.html) | ||
|
||
### More Topics | ||
|
||
* **Security:** [video](https://www.youtube.com/watch?v=18ifoT-Id54) | ||
* **Internationalization and Localization:** [Creating multilingual support](http://www.novanet.no/blog/hallstein-brotan/dates/2013/10/creating-multilingual-support-using-angularjs/) | ||
* **Authentication/Login: **[Google example](https://developers.google.com/+/photohunt/python), [AngularJS Facebook library](https://github.com/pc035860/angular-easyfb), [Facebook example](http://blog.brunoscopelliti.com/facebook-authentication-in-your-angularjs-web-app), [authentication strategy](http://blog.brunoscopelliti.com/deal-with-users-authentication-in-an-angularjs-web-app), [unix-style authorization](http://frederiknakstad.com/authentication-in-single-page-applications-with-angular-js/) | ||
* **Visualization:** [SVG](http://gaslight.co/blog/angular-backed-svgs), [D3.js](http://www.ng-newsletter.com/posts/d3-on-angular.html) | ||
* **Realtime Communication: **[Socket.io](http://www.creativebloq.com/javascript/angularjs-collaboration-board-socketio-2132885), [OmniBinder](https://github.com/jeffbcross/omnibinder) | ||
|
||
|
||
## Tools | ||
|
||
* **Getting Started:** [Comparison of the options for starting a new project](http://www.dancancro.com/comparison-of-angularjs-application-starters/) | ||
* **Debugging:** [Batarang](https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?hl=en) | ||
* **Editor support:** [Webstorm](http://plugins.jetbrains.com/plugin/6971) (and [video](http://www.youtube.com/watch?v=LJOyrSh1kDU)), [Sublime Text](https://github.com/angular-ui/AngularJS-sublime-package), [Visual Studio](http://madskristensen.net/post/angularjs-intellisense-in-visual-studio-2012) | ||
* **Workflow:** [Yeoman.io](https://github.com/yeoman/generator-angular) and [Angular Yeoman Tutorial](http://www.sitepoint.com/kickstart-your-angularjs-development-with-yeoman-grunt-and-bower/) | ||
|
||
## Complementary Libraries | ||
|
||
This is a list of libraries that enhance Angular, add common UI components or integrate with other libraries. | ||
You can find a full list of Angular external libraries at [ngmodules.org](http://ngmodules.org/). | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. "full list" is probably an overstatement 😃 |
||
|
||
* **Advanced Routing:** [UI-Router](https://github.com/angular-ui/ui-router) | ||
* **Authentication:** [Http Auth Interceptor](https://github.com/witoldsz/angular-http-auth) | ||
* **Internationalization:** | ||
- [angular-translate](http://angular-translate.github.io) | ||
- [angular-gettext](http://angular-gettext.rocketeer.be/) | ||
- [angular-localization](http://doshprompt.github.io/angular-localization/) | ||
* **RESTful services:** [Restangular](https://github.com/mgonto/restangular) | ||
* **SQL and NoSQL backends:** | ||
- [BreezeJS](http://www.breezejs.com/) | ||
- [AngularFire](http://angularfire.com/) | ||
* **Data Handling** | ||
- Local Storage and session: [ngStorage](https://github.com/gsklee/ngStorage) | ||
- [angular-cache](https://github.com/jmdobry/angular-cache) | ||
- Data Modeling [JS-Data-Angular](https://github.com/js-data/js-data-angular) | ||
* **Fileupload:** | ||
- [ng-file-upload](https://github.com/danialfarid/ng-file-upload) | ||
- [blueimp-fileupload for Angular](https://blueimp.github.io/jQuery-File-Upload/angularjs.html) | ||
* **Specific UI Elements:** | ||
- [ngInfiniteScroll](https://sroze.github.io/ngInfiniteScroll/) | ||
- [ngTable](https://github.com/esvit/ng-table) | ||
- [Angular UI Grid](http://angular-ui.github.io/grid) | ||
- [Toaster Notifications](https://github.com/jirikavi/AngularJS-Toaster) | ||
- [textAngular Rich Text Editor / contenteditable](http://textangular.com/) (Rich Text Editor / | ||
binding to contenteditable) | ||
- [Angular UI Map (Google Maps)](https://github.com/angular-ui/ui-map) | ||
* **General UI Libraries:** | ||
- [AngularStrap for Bootstrap 3](http://mgcrea.github.io/angular-strap/) | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. This should probably be moved together with UI Bootstrap (since they are similar) and let There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. For some reason, I ordered only these alphabetically :D |
||
- [Angular Material](https://material.angularjs.org/latest/) | ||
- [Angular UI Bootstrap](http://angular-ui.github.io/) | ||
- [KendoUI](http://kendo-labs.github.io/angular-kendo/#/) | ||
- [Wijmo](http://wijmo.com/tag/angularjs-2/) | ||
|
||
## General Learning Resources | ||
|
||
### Books | ||
* [AngularJS: Up and Running](http://www.amazon.com/AngularJS-Running-Enhanced-Productivity-Structured/dp/1491901942) by Brad Green and Shyam Seshadri | ||
* [Mastering Web App Development](http://www.amazon.com/Mastering-Web-Application-Development-AngularJS/dp/1782161821) by Pawel Kozlowski and Pete Bacon Darwin | ||
* [AngularJS Directives](http://www.amazon.com/AngularJS-Directives-Alex-Vanston/dp/1783280336) by Alex Vanston | ||
* [Recipes With AngularJS](http://www.amazon.co.uk/Recipes-Angular-js-Frederik-Dietz-ebook/dp/B00DK95V48) by Frederik Dietz | ||
* [Developing an AngularJS Edge](http://www.amazon.com/Developing-AngularJS-Edge-Christopher-Hiller-ebook/dp/B00CJLFF8K) by Christopher Hiller | ||
* [ng-book: The Complete Book on AngularJS](http://ng-book.com/) by Ari Lerner | ||
* [AngularJS : Novice to Ninja](http://www.amazon.in/AngularJS-Novice-Ninja-Sandeep-Panda/dp/0992279453) by Sandeep Panda | ||
* [AngularJS UI Development](http://www.amazon.com/AngularJS-UI-Development-Amit-Ghart-ebook/dp/B00OXVAK7A) by Amit Gharat and Matthias Nehlsen | ||
* [Responsive Web Design with AngularJS](http://www.amazon.com/Responsive-Design-AngularJS-Sandeep-Kumar/dp/178439842X) by Sandeep Kumar Patel | ||
* [Professional AngularJS](http://www.amazon.com/Professional-AngularJS-Valeri-Karpov/dp/1118832078/) | ||
|
||
### Videos: | ||
* [egghead.io](http://egghead.io/) | ||
|
||
### Courses | ||
* **Free online:** | ||
[thinkster.io](http://thinkster.io), | ||
[CodeAcademy](http://www.codecademy.com/courses/javascript-advanced-en-2hJ3J/0/1), | ||
[CodeSchool](https://www.codeschool.com/courses/shaping-up-with-angular-js) | ||
* **Paid online:** | ||
[The Angular Course (115 videos that show you how to build a full app)](http://watchandcode.com/courses/angular-course/), | ||
[Pluralsite (3 courses)](http://www.pluralsight.com/training/Courses/Find?highlight=true&searchTerm=angularjs), | ||
[Tuts+](https://tutsplus.com/course/easier-js-apps-with-angular/), | ||
[lynda.com](http://www.lynda.com/AngularJS-tutorials/Up-Running-AngularJS/133318-2.html), | ||
[WintellectNOW (4 lessons)](http://www.wintellectnow.com/Course/Detail/mastering-angularjs) | ||
* **Paid onsite:** | ||
[angularbootcamp.com](http://angularbootcamp.com/) | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What is the display text for the
{@link guide/index}
link? If it's "index", the "a" should be "an" (but I think "list/collection of" sounds better anyway).There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actually it's not only articles but also videos, tutorials (could be presentations). Maybe "resources" is more descriptive.