Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/garora/awesome-angular

A curated list of awesome Angular Courses, tutorial, libraries and software.
https://github.com/garora/awesome-angular

List: awesome-angular

Last synced: about 1 month ago
JSON representation

A curated list of awesome Angular Courses, tutorial, libraries and software.

Awesome Lists containing this project

README

        

[![forthebadge](http://forthebadge.com/badges/built-with-love.svg)](http://forthebadge.com)

# Awesome Angular

A curated list of awesome angular Courses, tutorial, libraries and tricks. Inspired by [awesome-python](https://github.com/vinta/awesome-python).

### Contributing

Help us on making AngularJS tutorial more resourcefull. Please take a quick gander at the [contribution guidelines](https://github.com/aruzmeister/awesome-angular/blob/master/CONTRIBUTING.md) first.

### Contents

- [Awesome Angular](#awesome-angular)
- [Getting Started with AngularJS](#gettingangular)
- [Architecture](#Architecture)
- [Angular UI](#angularui)
- [Authentication](#authentication)
- [Blogs](#blogs)
- [Courses](#courses)
- [Directives](#directive)
- [Conferences](#conferences)
- [E-Books](#ebooks)
- [Help](#help)
- [Routing](#routing)
- [Scopes](#scopes)
- [Video](#video)

## Getting Started with AngularJS

*Awesome tutorial for getting started with AngularJS.*

* [Codeschool](https://www.codeschool.com/courses/shaping-up-with-angular-js) - Interactive and Beautiful videos to learn angular.
* [Egghead](https://egghead.io/) - Awesome video tutorials, from beginner to pro.
* [Learn Angular](http://learn-angular.org/) - Learn AngularJS with free interactive lessons.
* [Thinkster](http://www.thinkster.io/) - How to build and deploy full single-page web applications using AngularJS
* [ngMario](http://karol-f.github.io/ngMario/#/home) - Learn AngularJS playing Super Mario Brothers.

## Angular UI

*Beautiful UI components and effects*

* [Angular UI](https://angular-ui.github.io/) - The companion suite(s) to the AngularJS framework.
* [Material Angular](https://material.angularjs.org/#/) - AngularJS UI elements that implement the (material design)[http://www.google.com/design/spec/material-design/introduction.html] system.
* [Mobile Angular UI](http://mobileangularui.com/) - Mobile UI framework.

## Architecture

*All about making angular more organized, fast and beautiful.*

* [Best Practices for Building Angular.js Apps](https://medium.com/@dickeyxxx/best-practices-for-building-angular-js-apps-266c1a4a6917)
* [Requiring vs Browserifying Angular](http://developer.telerik.com/featured/requiring-vs-browerifying-angular/)
* [DEVELOPER BLOG](http://blog.artlogic.com/2013/05/02/ive-been-doing-it-wrong-part-1-of-3/)
* [Structuring an Angular Project](http://www.johnpapa.net/structuring-an-angular-project/)
* [Code Organization in Large AngularJS and JavaScript Applications](http://cliffmeyers.com/blog/2013/4/21/code-organization-angularjs-javascript)
* [Lazy Loading In AngularJS](http://ify.io/lazy-loading-in-angularjs/)

## Authentication

* [Authentication in Single Page Applications with Angular.js](http://www.frederiknakstad.com/authentication-in-single-page-applications-with-angular-js/)
* [Authentication in Single Page Applications](https://vickev.com/#!/article/authentication-in-single-page-applications-node-js-passportjs-angularjs)
* [Authentication with AngularJS](https://medium.com/p/4e927af3a15f)
* [Cookies vs Tokens. Getting auth right with Angular.JS](http://blog.auth0.com/2014/01/07/angularjs-authentication-with-cookies-vs-token/)
* [Deal with users authentication in an AngularJS web app](http://blog.brunoscopelliti.com/deal-with-users-authentication-in-an-angularjs-web-app)
* [Implementing Authentication in Angular Applications](http://www.sitepoint.com/implementing-authentication-angular-applications)
* [Techniques for authentication in AngularJS applications](https://medium.com/opinionated-angularjs/7bbf0346acec)

## Blogs

* [Angular Tips](http://angular-tips.com/) - Tips on Angular
* [Onehungrymind](http://onehungrymind.com/) - Hungry for Angular then this is right spot.
* [Revolunet](http://blog.revolunet.com/) - Web development cool stuff
* [Scotch.io](http://scotch.io/tag/angular-js) - Awesome stuff you can do with angular.
* [Yearofmoo](http://www.yearofmoo.com/) - Delicious Angular

## Courses

*Interactive vidoes courses to learn angular*

* [AngularJS Tutorial - Learn Angular by building a Gmail clone](http://www.thinkful.com/learn/angularjs-tutorial-build-a-gmail-clone) – Mini AngularJS course with video
* [AngularJS Tutorial: Learn to Build Modern Web Apps with MEAN](https://thinkster.io/angulartutorial/mean-stack-tutorial/)
* [AngularJS Tutorial: Learn to Build a Real-Time Reddit Clone](https://thinkster.io/angulartutorial/learn-to-build-realtime-webapps/)
* [AngularJS JumpStart with Dan Wahlin](https://www.udemy.com/angularjs-jumpstart/?sl=E0EYdlw9RBMALEwzBwZX)
* [Building Mobile Apps With the Ionic Framework and AngularJS](http://www.pluralsight.com/courses/building-mobile-apps-ionic-framework-angularjs)
* [Codecademy AngularJs](http://www.codecademy.com/courses/javascript-advanced-en-2hJ3J/0/1)
* [Code School Shaping Up with Angular.js](https://www.codeschool.com/courses/shaping-up-with-angular-js)
* [Learn and Understand AngularJS](https://www.udemy.com/learn-angularjs/?couponCode=GITHUB1)
* [Lynda Up and Running with AngularJS](http://www.lynda.com/AngularJS-tutorials/Up-Running-AngularJS/154414-2.html)
* [Pluralsight: AngularJS Patterns: Clean Code](http://www.pluralsight.com/courses/angularjs-patterns-clean-code)
* [Pluralsight: AngularJS Line of Business Applications](http://www.pluralsight.com/courses/angularjs-line-of-business-applications)
* [The Angular Course - Launch a full product with AngularJS](https://www.angularcourse.com) - Over 7 hrs of HD video
* [Tuts+: Hands-on Angular](https://tutsplus.com/course/hands-on-angular/)

## Conferences

*List of conferences on Angular.*

* [Anglebrackets](https://anglebrackets.org/)
* [ng-conf](http://www.ng-conf.org/)
* [ng-conf Israel](http://ng-conf.gdg.co.il/)
* [ngeurope](http://ngeurope.org/)

## Directives

* [An all-in-one directive-controller with AngularJS](http://icelab.com.au/articles/an-all-in-one-directive-controller-with-angularjs/)
* [AngularJS directives and the computer science of JavaScript](http://www.adobe.com/devnet/html5/articles/angularjs-directives-and-the-computer-science-of-javascript.html)
* [AngularJS Directives - Domain-Specific Extensions to HTML](http://henriquat.re/directives/introduction-to-directives/introductionToDirectives.html)
* [AngularJS Directives Tutorial](http://www.befundoo.com/university/tutorials/angularjs-directives-tutorial/)
* [AngularJS Directive for Mobile Sliders](http://ngokevin.com/blog/angularslider/)
* [Angular.js directives – Difference between controller and link](http://jasonmore.net/angular-js-directives-difference-controller-link/)
* [AngularJS Directives Tutorial](http://www.befundoo.com/university/tutorials/angularjs-directives-tutorial/)
* [AngularJS Directive Design Made Easy](http://seanhess.github.io/2013/10/14/angularjs-directive-design.html)
* [AngularJS and $compile](http://www.phase2technology.com/blog/angularjs-and-compile/)
* [AngularJS: Referencing the parent scope in a directive](http://www.grobmeier.de/angularjs-referencing-parent-scope-directive-23082013.html)
* [Building Nested Recursive Directives in Angular](http://sporto.github.io/blog/2013/06/24/nested-recursive-directives-in-angular/)
* [Creating an AngularJS Directive from one of your existing plugins/scripts](http://toddmotto.com/creating-an-angularjs-directive-from-one-of-your-existing-plugins-scripts/)
* [Creating Semantic, Reusable Directives in AngularJS](http://jaysoo.ca/2014/01/20/semantic-angularjs-directives/)
* [Designing AngularJS Directives](http://engineering.nulogy.com/posts/designing-angularjs-directives/)
* [Exploring Directive Controllers, Compiling, Linking, And Priority In AngularJS](http://www.bennadel.com/blog/2447-Exploring-Directive-Controllers-Compiling-Linking-And-Priority-In-AngularJS.htm)
* [How to integrate your UI Widgets with AngularJS](http://blog.mobiscroll.com/how-to-integrate-your-ui-widgets-with-angularjs/)
* [In-depth directives](http://www.ng-newsletter.com/posts/directives.html)
* [Looking At Attribute Interpolation Workflow Changes In AngularJS](http://www.bennadel.com/blog/2650-looking-at-attribute-interpolation-workflow-changes-in-angularjs.htm)
* [Moving Data In An AngularJS Directive](http://odetocode.com/blogs/scott/archive/2013/09/11/moving-data-in-an-angularjs-directive.aspx)
* [Refactoring to AngularJS Directive](http://suhairhassan.com/2013/10/21/refactoring-to-angularjs-directive.html)
* [Run a directive after the DOM has finished rendering](http://blog.brunoscopelliti.com/run-a-directive-after-the-dom-has-finished-rendering)
* [Shadowing Isolate Scope Behaviors In AngularJS](http://www.bennadel.com/blog/2647-shadowing-isolate-scope-behaviors-in-angularjs.htm)
* [The ngForm directive of AngularJS](http://blog.brunoscopelliti.com/the-ngform-directive-of-angularjs)
* [Tip: Directives With the Same Name](http://angular-tips.com/blog/2013/08/tip-directives-with-the-same-name/)
* [The Hitchhiker’s Guide to the Directive](http://amitgharat.wordpress.com/2013/06/08/the-hitchhikers-guide-to-the-directive/)
* [Use jQuery Plugin With AngularJS the Easy (Lazy) Way](http://iarouse.com/blog/2013/11/14/use-jquery-plugin-with-angularjs-the-easy-lazy-way/)
* [Using Controllers In Directives In AngularJS](http://www.bennadel.com/blog/2446-Using-Controllers-In-Directives-In-AngularJS.htm)
* [Using Namespaces For One-Off Directives In AngularJS](http://www.bennadel.com/blog/2494-Using-Namespaces-For-One-Off-Directives-In-AngularJS.htm)
* [Writing More Maintainable Angular.js Directives](http://www.codelord.net/2014/03/30/writing-more-maintainable-angular-dot-js-directives/)

## E-Books

* [AngularJS](http://it-ebooks.info/book/2076/)
* [Angular in 60 minutes](http://fastandfluid.com/publicdownloads/AngularJSIn60MinutesIsh_DanWahlin_May2013.pdf)
* [AngularJS Succintly](http://www.syncfusion.com/resources/techportal/ebooks/angularjs)
* [ng-book](https://www.ng-book.com/)
* [Practical AngularJS](https://leanpub.com/Practical_AngularJS)

## Forms and validation

* ["Add more element" form with Angular](http://blog.chorip.am/articles/add-more-form-style-the-nice-way-with-angularjs/)
* [AngularJS Multi-Step Form Using UI Router](http://scotch.io/tutorials/javascript/angularjs-multi-step-form-using-ui-router)
* [Building Dynamic Angular Forms with ngRepeat and ngForm](http://scotch.io/tutorials/javascript/building-dynamic-angular-forms-with-ngrepeat-and-ngform)
* [Common Problems (And Solutions) When Using Select Elements With Angular.JS](http://gurustop.net/blog/2014/01/28/common-problems-and-solutions-when-using-select-elements-with-angular-js-ng-options-initial-selection/)
* [Handling Checkboxes and Radio Buttons in Angular Forms](http://scotch.io/tutorials/javascript/handling-checkboxes-and-radio-buttons-in-angular-forms)
* [HTML Forms in AngularJS](http://www.sitepoint.com/html-forms-angularjs/)
* [Using CSRF protection with Express and AngularJS](http://www.mircozeiss.com/using-csrf-with-express-and-angular/)
* [Validation in angular.js ng-repeat](http://www.mikitamanko.com/blog/2014/02/11/validation-in-angular-js-ng-repeat/)

## Help

* [AngularJS Mailing List](http://groups.google.com/group/angular) - Official Google Groups.
* [AngularJS](https://plus.google.com/u/0/communities/115368820700870330756) - Google+ support community.
* [Chatroom](http://webchat.freenode.net/?channels=angularjs&uio=d4) - Browser-based IRC
* [Reddit](http://www.reddit.com/r/angularjs)
* [StackOverflow](http://stackoverflow.com/questions/tagged/angularjs)

## Routing

* [Advanced routing and resolves](https://medium.com/opinionated-angularjs/a2fcbf874a1c)
* [AngularJS State Management with ui-router](http://txt.fliglio.com/2013/05/angularjs-state-management-with-ui-router/)
* [Angular UI router](http://angular-ui.github.io/ui-router/sample/#/)
* [AngularJS: Timing Multiple $resource Resolves in ngRoute and ui-router](http://phillippuleo.com/articles/angularjs-timing-multiple-resource-resolves-ngroute-and-ui-router)
* [AngularJS Routing Using UI-Router](http://scotch.io/tutorials/javascript/angular-routing-using-ui-router)
* [AngularJS Routing And Views Tutorial With Example](http://viralpatel.net/blogs/angularjs-routing-and-views-tutorial-with-example)
* [AngularJS Routing Changes](http://weblogs.asp.net/dwahlin/archive/2013/08/14/angularjs-routing-changes.aspx)
* [Cancelling Route Navigation in AngularJS Controllers](http://weblogs.asp.net/dwahlin/archive/2013/11/07/cancelling-route-navigation-in-angularjs-controllers.aspx)
* [Extending Dynamic View Loading for CRUD actions in AngularJS](http://circuitbomb.com/anjularjs-extending-dynamic-view-loading-crud-actions/)
* [How to defer route definition in an AngularJS web app](http://blog.brunoscopelliti.com/how-to-defer-route-definition-in-an-angularjs-web-app)
* [Nested Views, Routing, And Deep Linking With AngularJS](http://www.bennadel.com/blog/2441-Nested-Views-Routing-And-Deep-Linking-With-AngularJS.htm)
* [Single Page Apps with AngularJS Routing and Templating](http://scotch.io/tutorials/javascript/single-page-apps-with-angularjs-routing-and-templating)
* [The basics of using ui-router with AngularJS](http://joelhooks.com/blog/2013/07/22/the-basics-of-using-ui-router-with-angularjs/)
* [Using Resolve In AngularJS Routes](http://odetocode.com/blogs/scott/archive/2014/05/20/using-resolve-in-angularjs-routes.aspx)

## Scopes

* [5 Guidelines For Avoiding Scope Soup in Angular](http://www.technofattie.com/2014/03/21/five-guidelines-for-avoiding-scope-soup-in-angular.html)
* [Angle Brackets, Rifle Scopes](http://blog.ponyfoo.com/2014/02/14/angle-brackets-rifle-scopes)
* [A Glimpse of Angular.js $scope via Example](http://ruoyusun.com/2013/08/24/a-glimpse-of-angularjs-scope-via-example.html)
* [A Tale of Frankenstein and Binding to Service Values in Angular.js](http://stsc3000.github.io/blog/2013/10/26/a-tale-of-frankenstein-and-binding-to-service-values-in-angular-dot-js/)
* [AngularJS and scope.$apply](http://jimhoskins.com/2012/12/17/angularjs-and-apply.html)
* [AngularJS: "Controller as" or "$scope"?](http://codetunnel.com/angularjs-controller-as-or-scope/)
* [Angular - $compile: How it works, How to use it.](http://www.benlesh.com/2013/08/angular-compile-how-it-works-how-to-use.html)
* [AngularJS: 6 Common Pitfalls Using Scopes](http://thenittygritty.co/angularjs-pitfalls-using-scopes)
* [Scoping AngularJS Directives: [Part 1]](http://spectaclelabs.io/blog/2013/06/22/scoping-angularjs-directives-part-1/), [Part 2](http://spectaclelabs.io/blog/2013/06/23/scoping-angularjs-directives-part-2/)
* [AngularJS: $watch, $digest and $apply](http://www.benlesh.com/2013/08/angularjs-watch-digest-and-apply-oh-my.html)
* [AngularJS Scopes: An Introduction](http://blog.carbonfive.com/2014/02/11/angularjs-scopes-an-introduction/)
* [Delaying the $digest Cycle in AngularJS](http://www.aaron-gray.com/delaying-the-digest-cycle-in-angularjs/)
* [Directive Link, $observe, And $watch Functions Execute Inside An AngularJS Context](http://www.bennadel.com/blog/2449-Directive-Link-observe-And-watch-Functions-Execute-Inside-An-AngularJS-Context.htm)
* [Leverage Scope Creep! An in-depth tutorial on Angular.js Scope](http://modernweb.com/2014/07/14/leverage-scope-creep-depth-tutorial-angular-js-scope/)
* [Make Your Own AngularJS, Part 1: Scopes And Digest](http://teropa.info/blog/2013/11/03/make-your-own-angular-part-1-scopes-and-digest.html)
* [Scope $watch() vs. $watchCollection() In AngularJS](http://www.bennadel.com/blog/2566-Scope-watch-vs-watchCollection-In-AngularJS.htm)
* [Mastering the Scope of the Directives in AngularJS](http://www.undefinednull.com/2014/02/11/mastering-the-scope-of-a-directive-in-angularjs/)
* [Nested Scopes in AngularJS](http://jimhoskins.com/2012/12/14/nested-scopes-in-angularjs.html)
* [Speeding up AngularJS's $digest loop](https://coderwall.com/p/d_aisq)
* [Looking At $compile() And MaxPriority In AngularJS](http://www.bennadel.com/blog/2651-looking-at-compile-and-maxpriority-in-angularjs.htm)
* [Looking At How scope.$evalAsync() Affects Performance In AngularJS Directives](http://www.bennadel.com/blog/2635-looking-at-how-scope-evalasync-affects-performance-in-angularjs-directives.htm)
* [$scope.$evalAsync() vs. $timeout() In AngularJS](http://www.bennadel.com/blog/2605-scope-evalasync-vs-timeout-in-angularjs.htm)
* [Removing the Unneeded Watches](http://angular-tips.com/blog/2013/08/removing-the-unneeded-watches/)
* [Rethinking AngularJS Controllers](http://toddmotto.com/rethinking-angular-js-controllers/)
* [Share state between controllers in AngularJS](https://variadic.me/posts/2013-10-15-share-state-between-controllers-in-angularjs.html)
* [Using Scope.$watch() To Watch Functions In AngularJS](http://www.bennadel.com/blog/2658-using-scope-watch-to-watch-functions-in-angularjs.htm)

## Videos

*Videos for understanding and getting familiar with AngularJS.*

* [AngularJS Fundamentals In 60-ish Minutes](https://www.youtube.com/watch?v=i9MHigUZKEM) - AngularJS JumpStart to learn AngularJS
* [Introduction to Angular JS](https://www.youtube.com/watch?v=8ILQOFAgaXE) - Walk through building a sample application with AngularJS
* [AngularJS Fundamentals for Rapid HTML5 Development](https://www.youtube.com/watch?v=ec99SDwSyeI) - AngularJS from the ground up in manner suitable for designers, developers
* [Learn and Understand AngularJS - The First 50 Minutes](https://www.youtube.com/watch?v=ejBkOjEG6F0) - Learn Fundamental of AngularJS in 50 minutes.