AngularJS Tutorial

A video tutorial to help you get started with AngularJS. You can play around with the final result in the following jsfiddle:

Please take any technical questions about AngularJS to the very active and helpful AngularJS mailing list:

[Elric]

You have a great voice for online teaching. Great intro. Thanks John.

[MichelPWeber]

Very good tutorial.  You also made a point to indicate when you added something that is specific to bootstrap to avoid confusion.

[shaunhendrix]

Very nice, short introduction for newbies who want to get an idea of what AngularJS is. Thanks.

[Kalilionaire]

Great tut. First tutorial I've ever followed for AngularJS and I wasn't lost at all. Very simple and you explain what you're doing succinctly.

[Marujah]

for those who don't use underscore, here is the delete function:

$scope.clearTodo = function() {
      angular.forEach($scope.todos, function(todo, key){
          if(todo.done) {
             $scope.todos.splice(key, 1);
          }
       });
  }

[tarunpai]

This is exactly what is needed for a first time angularjs user, brilliant video, thank you sir !

[Strght]

this series of videos changed my vision on javascript development.. really good videos thank you!

[nacs]

One of the best tutorials I've seen for any such Javascript framework. Thanks!

[johnlindquist]

In the settings, they're called "Live templates". There's lots of examples in there to build off of.

[CraparellaSmorrebrod]

You are mentioning ng-model-instant, which was deprecated in 1.0.0rc4. That wouldn't be too bad, but this video here is embedded on the main angularjs page as the second tutorial. I would suggest you update the video or that the angularjs folks create an up-to-date video on their main angularjs page.

[Paul]

I really enjoyed this.

So much clearer than the official tutorial on the angular site

[mars]

Wow coming from backbone and pure js I can see why some of the people I work with are leaning towards Angular. I love backbone, but its always worth it to test the other players around. Thank you so much for this great video!

[GacekSSJ]

Splendid introduction to basics and to what Angular is! Thank you.

[ilovetheinternet]

Thanks a lot John. Just hearing you speak out the logic as you're programming the application has helped me understand these concepts very quickly. Keep up the fantastic work. Consider me a subscriber!

[johnlindquist]

Yes, but these frameworks are built to support "single page applications" like Gmail, which don't typically need SEO. The angularjs mailing list probably has more info on the subject.

[elmarco]

This 100% worked, thanks a million. Thumbs up for the answer on clearCompleted function folks!!

[dkarlovi]

Just the right amount of complexity and tempo, great video! Thanks.

[johnlindquist]

alt+enter (it's basically "fixing" the inspection that the file doesn't exist and solving it by creating a file)

[deshawnminnis]

This is a great video. I just started learning Angular JS and you have shown me a ton of functionality within this 12 minute video!!

[johnlindquist]

Type the name of a file, then place the cursor over the name. Then alt+enter will do a "Quick Fix" to create the file.