JavaScript / Learning to Code / Angular.js / Free Code Camp

angular kid

I was feeling pretty good. The ziplines were finished and my confidence with HTML, CSS, JavaScript, jQuery, and bootstrap was high. Bring it on! I’m ready for anything!

AngularJS

Then along came Angular! Free Code Camp utilizes a CodeSchool course sponsored by Google, Shaping Up With Angular.js to introduce the front-end framework. The course is well made, as all of the CodeSchool courses are, and by the end you will have been introduced to many of the features and uses of the Angular framework.

The problem is that this course is the only Angular training on the Free Code Camp map. I wasn’t feeling all that confident that I could now just go out and build a Single Page App in all its glory! I really wanted to get a handle on this before moving on to node and the back-end.

Don’t Give Up!

My first thought was to try and recreate all of the ziplines using Angular. This quickly informed me that I needed some more training.

It can be rather frustrating to re-learn how to do things you already know, but in the Angular way. Tweet This?

At first, it felt like I was taking a step backwards. I was hitting a wall trying to reproduce functionality with Angular that I had previously done without it. So I put my Google skills to use and went looking for the help I needed.

AngularJS Tutorials and Help

The first place to obviously look is the official documentation. Here you can find links to videos, resources, and the official Angular PhoneCat tutorial. The tutorial can be cloned from github.com and the code can be viewed at all of the individual steps along the way. I spent some time working through this, picking up a little more here and there.

Then I headed over to thinkster.io and worked through some of their A Better Way to Learn AngularJS guide. The course is free, unless you wish to view the accompanying videos. Once you finish this course, you can branch off into some of their more advanced topics and demos.

Next, I headed over to egghead.io. They have many Angular tutorials to choose from, though some are only available with a paid subscription. Once I created an account, I received an email providing a link to a series on how to build an AngularJS App from Scratch. Working my way through building the Eggly app really helped to cement a lot of what I had been exposed to in all of the tutorials I had been following. Repetition is the key!

What’s Next

I’m still taking a break from the Free Code Camp map until I get a stronger grasp of Angular. Things are coming together, but there is still so much more to learn. Everything works suspiciously well in all of the simple todo list type demos. I’m bracing myself for what’s next!

So, how is your Angular knowledge coming along? What resources are you finding most helpful?


Brandon Lehr

I'm Brandon Lehr, a web developer, machinist, and sometimes mechanic ( when the truck breaks down ). I guess you could say that I enjoy solving problems and building things.

Free Code Camp Progress Update Things We Do on a Dare - Ghost Pepper!