Twitter: raymondcamden


Address: Lafayette, LA, USA

Check out CodeSchool's Angular course

07-29-2014 2,666 views JavaScript 7 Comments

I've raved about CodeSchool before so I thought folks might be interested in knowing they have a really cool new course for AngularJS: Shaping Up with AngularJS. Best of all - the course is free. I didn't learn a lot from it as I think I've got the basics covered well, but I enjoyed going through the lessons to help reinforce my existing knowledge. As with other courses, they do a real good job of building lessons that let you code without being particular about things like tabs, spaces, whatever.

There were a couple of issues I had with the course however. The smallest one was, and this may sound petty, but the "cutsey" song before each lesson almost made me jump off a cliff. I like the fact that CodeSchool creates these cute little musical intros, but if you are doing an entire course in one afternoon, it gets old extremely quickly. In my opinion they should really consider skipping the intros after the first lesson. On the flip side, I liked that they include outtakes at the end of each video.

The other issue I ran into was with the lessons. So I know I just praised how they let you answer solutions without being picky about how you write your code, but sometimes it was picky in ways that could be confusing to users. Here is a great example. You are asked to modify an HTML template to add a value. So basically going from this: <span>-- </span> to this: <span>-- {{author}}</span>. Notice how the author token comes after the two dashes with a space? If you didn't edit the template to match that exactly, you were told you had not completed the task correctly. To me, this is something that could have been handled much easier. I don't know how they do their validation, but if they were checking for the exact string "-- {{author}}" they could have switched to something more generic. I know this probably sounds a bit petty too, but I worry about it confusing/blocking students.

The most surprising issue, and one that will probably cause Angular folks to scratch their heads, is that none of the examples makes use of $scope. Now... as a technical blogger, I know for a fact I've sometimes skipped best practices when teaching some particular concept. I'll make that call when I think it makes sense. But for the life of me I can't imagine why they would skip showing $scope when it seems like such an important facet of Angular development. I'm still a newbie of course so maybe I'm overstating it, but it seems truly odd. I think it will trip people up who go from this course to another one.

Finally, I wish the course's code was available for download. When you do the lessons, you only have to write a few lines at a time. So for example, they may have you modify a JavaScript file but you only need to worry about three lines. I liked the examples (despite the issue above) and I wish I could have had them locally to play with later. Yes, I could cut and paste, but it seems like an obvious thing they could do to improve the course.

So, all in all, I definitely recommend it, and heck, you can't beat the price. CodeSchool will be offering a commercial course later on and I plan on taking that too.

p.s. I'm currently taking the JavaScript Best Practices course. I'll review it here when I'm done.

7 Comments

  • Commented on 07-29-2014 at 2:32 PM
    Very cool, but my OCD isn't dealing well with the lack of $scope either.
  • Dan Kraus #
    Commented on 07-29-2014 at 8:36 PM
    I figured their next lesson would cover $scope and go a bit further. Still good course. I was surprised how much it covered.

    I agree, all of those intro songs make me want to jump off a building too.
  • Commented on 07-30-2014 at 8:22 AM
    lol Mute FTW!
  • Commented on 07-31-2014 at 10:22 AM
    I did the same course and found it really useful. I would agree with the points you raise though Ray.

    I took the store app covered during the course and developed it further by adding a ColdFusion REST API which might be of interest. I'm new to AngularJS so would welcome feedback.

    https://github.com/simonbingham/angularjs-store
  • Commented on 07-31-2014 at 10:33 AM
    Simon, this is REALLY cool that you shared it! As an FYI, I think you have an encoding issue on the demo. See this screenshot:

    https://www.evernote.com/shard/s3/sh/030148df-38ba...

    Should be easy to fix.
  • Commented on 07-31-2014 at 10:49 AM
    Thanks Ray. I'll fix that. :)
  • Jim Cumming #
    Commented on 07-31-2014 at 11:16 AM
    I'm with you 100% on the songs. I've done a few of their tracks, but I'd have probably done them all if it wasn't for the intros.

Post Reply

Please refrain from posting large blocks of code as a comment. Use Pastebin or Gists instead. Text wrapped in asterisks (*) will be bold and text wrapped in underscores (_) will be italicized.

Leave this field empty