Screencast AngularJS - Part 1 JavaScript

  • Matt Schultz
Badge student

Locked Content

A subscription is required for viewing this video. Enroll now to get full access to all Code School courses and content.

Enroll Now Sign in


  1. aliabbas said

    Very helpful and informative. Looking forward to more screencasts on AngularJS

  2. brent goldstein said

    thanks, good stuff, you covered important stuff even from the start like how minifying can affect dependency injection

  3. Ricardo Fuhrmann said

    Amazing stuff.

  4. enkhalifapro said

    excellent we are waiting for the new screencasts

  5. Dave Poon said

    Awesome! I am looking forward to more AngularJS screencasts!!

  6. Terry Burns-Dyson said

    Thanks for the screencast, great stuff! Look forward to seeing more.

  7. Steve Johnson said

    AngularJS FTW!!

  8. EmmyS said

    Very helpful. I've already voted for an AngularJS course; hopefully that will come along at some point!

  9. A Nunez said

    Great job explaining angular and getting right to the point. It's taken me weeks to pickup how best to do some basic things in angular and you pretty much just hit the nail on the head and made it clear. Definitely looking forward to seeing more lessons on angular. If your looking for a topic, how about AngularJS for cross platform mobile development? I hear some startups are trying that. is using AngularJS for that very reason.

  10. Jason Ruhlin said

    Matt, thank you for this quick snapshot of the power of AngularJS. I have been trying to figure out which MVC Framework to concentrate on, between Backbone and Angular. I have to say that Angular looks sexy.. What are the benefits of one over the other??

  11. Konstantin Tarkus said

    I like that this screencast is short enough, to get a quick introduction to AngularJS without any distractions. On the other hand for now I don't understand how it's better than free screencasts and documentation on Also I'm expecting to see more real-world samples which portrait a good coding style and design patterns (the angular way).

  12. Konstantin Tarkus said

    Also I guess this video is missing and basic overview of modules, controllers, service, factories, directives, filters.. Instead the author goes right away to usage samples. A novice coder may want to figure out what are all these things before seeing usage scenarios. Short descriptions would be suffice I guess, which would explain the purpose of each of these guys and show the difference between them. For example, what's the difference between services and factories, where you want to use services, where factories, where directives etc.

  13. Faculty

    Matt Schultz said


    I think the most significant benefit is the ease of DOM manipulation. Backbone gives structure and convention to what otherwise might be a mess of jQuery code, but you still need to do a bit of heavy lifting when it comes to listening for events and updating the DOM. In my opinion, this is most of the pain in developing Javascript-heavy interfaces. Angular simplifies this by using two-way data binding to keep your HTML and model data in sync, and it introduces the concept of Directives to give you the ability to define the syntax and behavior of that HTML.

  14. Faculty

    Matt Schultz said


    Thanks for the feedback. My goal for these screencasts is, like you said, to provide "a quick introduction to AngularJS without any distractions" -- to just dive in. There could definitely be a more detailed conceptual overview, and that's something I'd like to see in the format of a full Code School course (it took two courses just to cover Backbone). This especially holds true for comparing Factories, Services, and Providers, which are all conceptually similar, but vary in the complexity of their implementation.

    In Part 2, my goal was to show the viewer what the structure of a complete Angular app would like by introducing Yeoman, routing, and custom directives. Since directives are so prevalent and important in Angular, I'm working on a Part 3 that deals with a more complex example and addresses some of your best practices questions (e.g. when to create a custom directive and how it should be structured).

    To anyone looking to dive deeper into specific Angular topics, I highly recommend the screencasts.

  15. kenjox said

    Thanks for a nice screencasts. Is it possible for codeschool to arrange so that we can have angular as a course and not a screencast. Thanks

  16. RobCoder said

    What IDE are you using in this screencast?

  17. mbianco said

    I think the IDE is sublime

  18. Mohamad El-Husseini said

    Thanks for the screencast. I do agree with some of the other commenters, though. On a conceptual level this is not beginner friendly. It's missing some basic overview of the core concepts being used to demo the framework.

  19. Jorgecas99 said

    Thank you Matt. I wish Code School would come up with a course too. The screencast is awesome but certainly anyone learning Angular is going to need more than 8 mins.

  20. jQrgen said

    Wayy to fast

  21. Mark Fox said

    Great, concise introduction. It really helped solidify the Angular style in my head with little effort.

  22. Daniel said

    Maybe it's too fast for someone completely new to angular, but after reading many posts out there along with example code, this really simplified and solidified my knowledge of how to implement angular in rails!

  23. Jake Craige said

    I agree with Daniel, while it's incredibly fast for someone who hasn't watched any other videos on angular, if you have spend a day or two studying this is a nice pace to where you are just reinforcing things.

  24. jusopi said

    While this gets me excited to use Angular JS to build a pet project, most of the low-level details were way over my head. I do note that in both this and the Backbone courses, Rails/Ruby were both being used for the service layer. It would be nice to have some extra info on non-Ruby/Rails service layers being implemented with this client-side libs.

  25. Pulkit Singhal said

    This was a great refresher after taking the intro to angular course over at

  26. bertomart said

    Very nice cast. What theme are you using for sublime text?

  27. Faculty

    Matt Schultz said

    @BERTOMART Solarized Light. It comes with Sublime.

  28. sunny said

    I am learning AngularJS and this screen cast helpful for me.

  29. attiliop said

    Wha? Am I the only one confused? Was there a prerequisite to this course? Too much for a newbie, IMO.

  30. onnsy said

    Thank you! I love your screencast. I am a newbie on Angular JS and this is much helpful.

  31. Greg Milby said

    good tut, but are there instructions for setting up the backend of the demo app? Tyvm!

  32. attiliop said

    My apologies for my comment some days ago. Had a chance to watch again and actually pretty good. Thanks.

  33. podolinek said

    Very easy-understanding stuff. Thank you.

  34. redatest said

    Thanks a lot Really it is an awsome introduction. It will be great if there is some advanced courses

  35. denis said

    thank you so much for this great vid, have been looking for something like this for a long time!

  36. Martin Pultz said

    Looking forward to seeing a course on AngularJS

  37. Martin Pultz said

    I'd like to see more of AngularJS, but incorporated into Wordpress or Drupal installs, or just a PHP based project

  38. Zoe Kay said

    That was a helpful intro - a lot to cover but a real example really helped. Thanks!

  39. DreIJ6 said

    Matt, Can you do this same thing in a Rails 4 app or Let me know what I should do differently. I'm sure I've copied everything word for word. I used strong params and updated the controller but the submit button isnt processing anything and I think the command prompt was saying that it couldnt verify CSRF token ( I have since just copied your repo and bulltin rails 4 directory).

  40. jeetendra said

    thanks,very helpful, waiting for full course

  41. Thinkbigdev said

    In an AngularJS course in the works?

  42. Emmanuel Dubuc said

    Any idea of when this course will be released?

  43. liberium said

    Waiting for the course on Angular.js...

  44. chandra sekhar pitani said

    please make AngularJS course available soon.

  45. joshuagee said

    I can't wait for this course.

  46. r7kamura said

    This is also a very helpful screencast as a wrap-up of the Angular.js course, thanks!

  47. Allen Blank said

    Great video! A quick and enlightening survey of Angular features!

About This Screencast

AngularJS, the Superheroic JavaScript MVW Framework, simplifies many of the challenges associated with developing single-page web applications. In part one of this series, we'll cover the basics of using AngularJS within a Rails application.

You need to be an enrolled student in order to view this video and subscribe.

Enroll Now