In addition to remaking the old app, I took the remodeling a few steps further in order to try out a few more AngularJS features. The newer version of application stands on its own and has a few added features – most notably, deep linking.
While working on this, I created a series of blog posts to chronicle my progress (and show off). There are five posts in total, with the first three focused on the ‘remake’ app, and the last two posts detailing parts of the ‘remodeled’ app. If you are interested in learning AngularJS for yourself, definitely pay attention to the latter posts. The first three posts are choc full of newbie mistakes and bad practices. They are a great example of how not to build an Angular application.
All of the code is available on GitHub. I’ve already tweaked the code a bit, so it may not match 1:1 with the code pasted into the blog posts, but everything is commented and should be relatively easy to follow. Anyway, thanks for paying attention! Enjoy!
Parts 1 – 3: House of Mews redux (source: ngCatsHOM)
- Angular Cats! Part 1 – The Data Service
- Angular Cats! Part 2 – Views (partials) and Controllers
- Angular Cats! Part 3 – Communicating with $broadcast
Parts 4 & 5: Angular Cats! (source: ngCats)