Azure Mobile Services with AngularJS $resource

Microsoft released the ability to create custom APIs with Azure Mobile Services in June 2013 and released the JavaScript client for Azure Mobile Services (AMS) even earlier in March 2013. The JavaScript client is excellent and easy to use, but it doesn’t play well with AngularJS. Actually, that’s not true. It plays just fine with AngularJS but it requires you to use $scope.$apply() when you’re working with the data retrieved.…

2014 Illinois Web Conference AngularJS Session

Tomorrow is the bulk of the 15th annual University of Illinois Web Conference. This time, I’m presenting an introduction to AngularJS entitled Angular Is Magic. This is an expansion of a lightning talk I did called My Little JavaScript – Angular Is Magic, only this time, it’s 50 minutes long and there are no ponies (so sad, right?) Here are the slides and sample code for this talk. Angular Is Magic - Slides…

AngularJS and PlantLink

If you’ve ever had a houseplant die on you, pay attention. Eight months ago, my company, Heavy Code, started a gig with a local startup, Oso Technologies. I’d heard of this company months earlier when their Kickstarter campaign hit the news. They were building a product that would notify you when a plant in your house or garden needed more water. It’s called PlantLink and one day, they needed help with their AngularJS web app.…

No Pain AngularJS Directives

By now you’ve got your hands dirty with Angular and are starting to build some more complicated apps. You’ve read the documentation and the samples and know about these things called “directives”. But you’re afraid — afraid that they’re too complicated and difficult. Fear Not, My Friend It’s true that AngularJS directives can get pretty complicated, but they can also be pretty simple. Let’s build a really simple one that you might re-use over and over: a progress spinner.…

My Little JavaScript - AngularJS is Magic

Last night I gave a lightning talk to a group of local technology folks. Not only did they get to learn a bit about AngularJS, but they got to learn a bit about My Little Pony.   My slide presentation, itself an AngularJS app (how meta), is online at hvy.li/AngularMagic. The GitHub repo is available at https://github.com/kenstone/AngularIsMagic.…

AngularJS + TypeScript Tip - Controller ViewModel

In my previous post on getting started with AngularJS and TypeScript, I went over some of the gotchas that took me awhile to work through such as minification and scope inheritance. Today I want to look at a tip to help ease the pain you might encounter when trying to use TypeScript with Angular and how to structure your controllers. You’ve Got Me. Who’s Got You? In the current version of AngularJS (1.…