So You Want To Learn AngularJS? Start With These Tutorials And Resources


JavaScript, and JavaScript development has come a long way since the early days. Time and circumstance have been kind to the platform, and recent changes, specifically the addition of such modern frameworks as Knockout, Backbone, and AngularJS have really raised the bar, ushering in an era of maturity and sophistication that we’ve simply never seen before now.

Regardless of the differences inherent in the various frameworks mentioned, they all share the same common theme. They all have one overriding goal: To make it easier/simpler/faster to build robust web based applications.

AngularJS seems to extend and expand HTML’s horizons in such a way that it remains accessible to new developers, while offering new and more advanced features to appeal to those who are more experienced.

Here’s a case in point: You can use HTML to define and describe a static document, no problem, however, when you start looking at, and thinking of that document in terms of views, HTML breaks down.

It was simply never designed with this functionality in mind. AngularJS approaches this problem not by hiding or subverting HTML and CSS (or abstracting away from these), but rather, bolsters, strengthens and extends them so that they become suitable for describing and displaying dynamic views.

The end result is really the best of both worlds. You get a JS programming style that retains its clear and concise nature, while operating inside the confines of a workflow that is familiar to web developers at any level.

One thing you’ll quickly notice about other Javascript frameworks is that they tend to branch off in one of two directions. Either they focus on simplicity and ease of use, which is awesome from the perspective of a new developer, but leaves you wanting more if you’re looking to build a more complex app, or they’ll focus on being feature rich, even if it means having to write lots and lots of code to accomplish even simple tasks.

Again, Angular JS gets high marks for finding a third way. It retains a level of simplicity that makes it accessible to the newly trained developer, while offering a more sophisticated suite of features for those with more advanced needs.

In addition to the above, you’ll note the following key features of Angular JS:

It helps organize your work by defining your application via “modules” from which, dependencies can be created.

It expands the power of HTML by allowing you to create templates via the definition of new attributes, tags, and expressions

It encapsulates the behavior of your application controllers

Thanks to the use of dependency injection, testing and properly structuring your JS code becomes quite easy

Below, you’ll find some resources, tutorials, and other materials that will be of use to you on your journey to learning AngularJS.

Tutorials

AngularJS Official Tutorial



Getting started with AngularJS



Introduction to Angular JS



Everything you need to understand to start with AngularJS



AngularJS Tutorial for Designers



8 Tips for Angular.js Beginners



Ultimate guide to learning AngularJS in one day



AngularJS Tutorial – Learn AngularJS in 30 minutes



5 Awesome AngularJS Features



Learn AngularJS With These 5 Practical Examples




AngularJS: An Overview



Building a Web App From Scratch in AngularJS



AngularJS Controller Tutorial with Example



Why Does Angular.js Rock?



Things I have learned working with AngularJS



AngularJS for jQuery Developers



More AngularJS Magic to Supercharge your Webapp



HTML5 local storage with Angular JS



Fun with AngularJS



How to use AngularJS with NgAnimate



ng-tutorial



ng-newsletter



Learn AngularJS from the best



Single Page Apps with AngularJS Routing and Templating



AngularJS YouTube page



Bite-sized web development training with AngularJS



AngularJS Fundamentals In 60-ish Minutes



End to End with Angular JS



Resources

AngularJS Cheat Sheet



UI Bootstrap



Angular Kendo UI



AngularStrap



Angular Foundation



AngularUI



AngularJS Batarang



AngularJS + Firebase

