Learning Angular.js – A few resources

It’s been a long while since I’ve written anything here, and that’s partly because I’ve been very busy working on a new project for a startup. I’ve been tasked to build a web app that ties in to an API. For this project I decided to use Angular.js for my framework after also considering Backbone and Ember, and I’m glad I did. I love how data binding works in Angular and how it provides real structure to your Javascript app. The biggest downside to Angular is that its documentation is fairly poor, and there are only a few books out on the subject, none of which are very good either. So over the past few months I’ve spent a lot of time going through different Angular tutorials and blog posts to get up to speed. Thankfully there are a lot of them, and they almost make up for the documentation’s deficiencies. Here are the best resources I’ve found:

Angular Fundamentals in 60-ish Minutes by Dan Wahlin

This video has sort-of become the go-to place to start when learning Angular, and for good reason. If you’ve tried to wrap your head around the basics concepts but still can’t grok them, this is the place to start.

Promises in Angular.js, Explained As a Cartoon

So many explanations of promises I’ve seen are ridiculously over-complicated. This one gets to the point and explains things elegantly.

Angular.js: Creating a Service with $http

I find myself coming back to this guy’s blog again and again. He’s got some great stuff. Creating services and understanding $http are important foundations to understand for Angular.

Passing Arguments to $on in Angular.js from $emit and $broadcast

Great rundown of Angular’s pubsub pattern implementation.

Angular.js: $watch, $digest, $apply

Great explanation of how Angular updates the DOM and how to implement it manually through $watch.

Build Custom Directives with Angular.js

Directives are the most powerful feature in Angular, but also the most confusing. This is the best article I’ve seen mapping out how they work.

Angular.js Dynamic Templates

How to tie controllers and directives together to build dynamic UIs.

More Angular.js Magic to Supercharge your Web App

Super awesome post clarifying a number of issues in Angular. I had several ‘a-ha’ moments reading this one.

EDIT:

This site just launched and it looks like a goldmine:

Angular.js Hub

First Post!

After what seems like decades of procrastination, I’ve finally got this site off the ground. Hopefully I’ll make good use of it. I plan to write about whatever floats between my ears and maybe show off some experiments with learning D3 and R. Fingers crossed.

On Wednesday, I’m giving a brief talk on using Chrome Dev Tools to write and edit CSS to the St. Louis WordPress Meetup group. The group is made up of a diverse selection of people with different experience levels, but I’ll try to make it interesting for all involved.

At work I’m building a Phonegap app. It’s given me a nice opportunity to check out some Javascript frameworks. I initially went with Knockout.js because it was pretty easy to pick up and the documentation is great. The more I get into it, the more I’m disappointed by what I consider excessive declarative markup, which seems to defeat the purpose of unobtrusive JS. Maybe I’ll check out Angular.js, though it seems like Ember is the flavor of the month.

Edit: Soon after I display my ignorance regarding unobtrusive binding in Knockout, I come across this in the documentation:

http://knockoutjs.com/documentation/unobtrusive-event-handling.html

Nice.

Enough rambling for now.