Top 5 Angular JS Articles for the week of March 31

During the the week of March 31th, I was very busy at work building an single page web application using AngularJS. I have been reading whatever I can find on angular JS, watching video tutorials, etc. I have 5 top articles that I would like to share this week.

#1 : Displaying a Flash Notice/Failure Message

I found this nice little website called Recipes with AngularJS and there are some good little tutorials which will help you get started on projects. I especially liked this on on setting up a flash notifications service in Angular. It’s quite useful for any application.

#2 : Show route only after all promises are resolved

A good article that explains how to show routes only after the promises have been resolved, I used this article as a starting point for our web application. Bruno Scopelliti has done a nice job of explaining how to use ngRoute and resolve to load the routes and views. He has some other useful articles on tutorials on his site, definitely someone I’ve added to my follow list.

#3 : AngularJS: Timing Multiple $resource Resolves in ngRoute and ui-router

AngularJS has a feature called resolves, which is very powerful. It allows you to load a view once the data is ready when hooking up to an API. It’s basically a promise, which you should understand if you have read the previous article. UI router is a plugin that you can use instead of ngRoute, which gives you better capabilities around routing in AngularJS applications.

#4 : AngularUI Router

A great plugin to replace the out of the box ngRoute in Angular Core. UI router gives you nested views and states and multiple and named views. We are using it at work for our web application to do some resolves, but hoping to dig into the nested views. Definitely check it out!

#5 : The Promised Land (presentation)

In this presentation, Domenic Denicola gives a pretty thorough review of Promises in angular. The best way to learn this stuff is to do it, about a month ago my colleague had said that he heard at a conference that promises is something we should look into. Then this week we ran into a situation in our web app that called for Promises. This week Promises clicked in my head around how you get the most benefit, and this presentation helped!

Top 5 Articles – Week of March 17th

During the the week of March 17th, I was in the UK working on a project using AngularJS. Been really diving deep into Angular, Node and client-side templating. I did a few presentations to a group at my company about the future of JavaScript.

#1 : Promises in AngularJS, Explained as a Cartoon

A colleague of mine passed this article over to me to explain Promises in AngularJS. This blog post by Andy Shora provides a great explanation, definitely check it out if you are into Angular JS!

#2 : How We Make Trello

I love Trello, a big thanks to my colleague Luciano Diaz as he introduced me to Trello about a year ago. We use it for project management at work, but I have been using Fog Creek products for about 4 years. We were previously using Fogbugz. The company makes great software and Joel Spolsky is an interesting guy to follow. Definitely check this out – I love to look under the hood of products to find out how they are made.

#3 : Building a Real-time SMS Voting App Part 1: Node.js & CouchDB

Even though this tutorial is from 2012, its still very relevant. It’s a great tutorial which utilizes Twilio and Nodejs to setup a real-time voting app. I used the app to showcase real-time features to the management team at my day job, everyone was supremely impressed. It also gave me a better idea of the power of Node.js.

#4 : Iconic Framework

Another recommendation from a colleague, a framework for developing mobile apps! Looks very slick, I need to take a deeper dive – but on the surface I saw that it supports AngularJs! Definitely a framework to keep an eye on!

#5 : AngularJS 2.0

Last but not least, an announcement about AngularJS 2.0! The MVC framework is growing up and with it comes a huge milestone release to make it faster, simpler, and more capable!

My First GruntJS Plugin: Bust My Cache

GruntJS is a JavaScript Task runner that has been around for about 2+ year, at least as far as I can remember. I started playing around with GruntJS which uses Node.js about a year ago, but I ran into a bunch of issues getting it setup and the documentation wasn’t as good. Since version 0.4.x came out in February 2013, GruntJS has been gaining momentum. There are now over 2199 plugins registered on NPM, so I decided to build #2200!

Read more

Top 5 Articles : Week of November 25

During the the week of November 25th, I really started to dive into Angular JS. My top 5 articles of the week are mainly about AngularJS, an MVC framework by Google.

#1 : AngularJS WebInspector Extension for Chrome

AngularJS seems to be gaining ground quicker than Backbone.js, or at least the support seems to be much better. Batarang is a useful Chrome Developer tool for working with AngularJS, its free and very easy to use. Check it out!

#2 : Advanced Design Patterns and Best Practices

In this presentation which was originally created for a conference, but has been repurposed to view on the web – the creators provide best practices for getting started with AngularJS. The hardest part for me on any project is getting started and making sure Im setting up my application with the right structure for scalability. This article provides best practices and other tips.

#3 : AngularJS Video Tutorial: Filters

I found this resource while looking for tutorials on AngularJS. Egghead.io provides video tutorials on the basics of getting started with AngularJS for free, and more advanced tutorials for a fee. This one in particular I thought was very cool, you can setup filters in AngularJS very quickly!

#4 : How replacing Java with JavaScript is paying off for PayPal

Great article, it’s awesome to see how bigger companies are replacing older, slower technologies with newer, faster JS frameworks. This article gives proof to non-believers that JavaScript can make the front-end experience better along with the back-end experience. JavaScript is becoming a real player in web application development!

#5 : An Introduction To Full-Stack JavaScript

Last but not least, a nice overview from Smashing Magazine on Full-stack JavaScript. It’s a well written article from a PHP programmer’s perspective on how moving to a full-stack JavaScript web application can great improve performance and efficiency.

Top 5 Things I Learned The Week of November 18

The week of November 18 was a busy one, but I did read some interesting articles and these are the top 5 that I would like to highlight.

#1 : Foundation 5 : Responsive Framework

I closely follow the guys at Zurb.com, they have put out some nice software and Foundation definitely falls into that category. It’s a responsive framework, similar to Twitter Bootstrap – but focuses more on Responsive – less off a full-pattern design library. The supporting website has great documentation and is very well done, would highly suggest checking it out for your next project.

#2 : Learning to Say “No” Is Part of Success

I LOVE the Harvard Business Review Blog articles, I want to get a magazine subscription and hoping around Black Friday that there will be some sort of coupon or deal! Anyways, I read a lot of articles on management, process, etc. and happened to come across this one this week. Its an important thing to think about as you grow in your career and you become more successful, you can’t do everything! You need to say No to some things and be happy/confident with that decision. Check out the article, its a quick read!

#3 : 10 Reasons Web Developers Should Learn AngularJS

MVC for JavaScript is really taking hold in the JavaScript community, there is Backbone.js as I noted last week and there are a handful of other MVC frameworks. The most notable being AngularJS as its backed/written by Google. I love top 5/10 lists and this article is a great view of AngularJS and why you as a developer should learn it. I just picked up a book on AngularJS and Backbone.js, so will be learning both and then picking one to move forward with. It could be that both have their uses and its not one framework that will win out.

#4 : A New Model for Innovation in Big Companies

I love reading about innovation and ways to make it happen, innovation is as much about execution as it is about ideas and strategy. Its about getting to market quickly and making things happen, small quick releases instead of building the whole kitchen sink. I’ve read a few books on Lean Startup, Agile, etc. and this article talks about a consulting company called OneLeap and some of the methodologies they are using to help companies innovate. Definitely worth a read if you are trying to innovate in your big company. If a small startup with 3 people can move fast, why cant a big company with 30 people move fast? This article will help you understand how you can move faster!

#5 : Introducing the Mandrill Cloud Module for Transactional Emails

About 6 months ago I discovered Parse and Mandrill separately, Parse is a cloud-based DB mainly to support the building of Smartphone apps. Mandrill is a transactional email based application from Mailchimp. If you put those two together, then you can build really powerful apps. But what I love about these two services is that you can build apps using JavaScript! Thats hot! Definitely worth checking out Mandrill on it’s own or in conjunction with Parse.com.

Feel free to submit your suggestions and comments.

Top 5 Things I Learned The Week of November 11

This is the kickoff post for a new weekly post Im going to start writing, I consume a lot of articles on a daily basis and would love to share the top 5 articles/tools/tutorials I have read/found with everyone. This will also give me a nice archive of links to go to. Feel free to submit your suggestions too.

#1 : Learn Backbone.js Completely

Im in the process of evaluating Angular JS and Backbone JS, so I have been consuming lots of articles and debates on which one to use. I came across this blog post while looking for some information on learning Backbone.js, its a good collection of different articles that support the prerequisites required for learning Backbone.js. It’s a bit outdated on backbone, but the JavaScript principles will stay the same. I have started to use the Object Literal Design pattern religiously at work. As a result, Im consuming as much information on JavaScript objects as possible.

#2 : SpeedCurve.com

I have been looking for a nice tool to run some Front-End Optimization (FEO) reports for our websites at work. I have used Gomez, YSlow, and Webpagetest.org in the past, what I really love about this tool is that it’s actually running Webpagetest.org tests. You can also compare against competitors and do ad-hoc testing for $20. It’s still in it’s early stages, but I spoke with the developer and he has some big, exciting plans for the software.

#3 : Improve your website’s performance with the new Speed Suggestions report

I follow the Google Analytics Blog very closely, Google has been dumping a ton of money/resource into making Google Analytics a better tool over the past 2 years. I’m like a kid in a candy store when they write a new blog post about a new feature, this one came up in my feed and I was very excited. Ive used the page speed tool for Google, but now that it’s integrated into Google Analytics it has become front of mind.

#4 : BrowserStack.com

I get so excited about new tools that make it easier to test and optimize web sites and applications, Browserstack is one to be very excited about. It has 4 different toolsets: Live Testing, Screenshots, Responsive and Automation with support for over 200 browsers and 10? operating systems. It makes it dead easy to test your site/application in any operating system/browser without having the manage multiple VM’s, etc. Best of all, the price tag is low! It’s a no-brainer, we have since signed up for a subscription at work!

#5 : GruntJS

GruntJS is one of my new favorite tools, I had learned about it about a year ago and did some early setup/testing on our JS stack at work. We parked it and decided to come back to it about 3 weeks ago, since then GruntJS has matured! The adoption has really picked up and the support as a result is much better. GruntJS is a great workflow tool for JavaScript and Front-End Developers, it really helps you to write better code and automate a lot of tasks. You can also customize the hell out of it and write your own plugins! Highly suggested that you check it out if you get the chance.