Learning by Doing: Guide to Self-teaching AngularJS

This Guide to Self-teaching AngularJS Trilogy is for a friend who wants to learn AngularJS from zero. The question was, “Which tutorial should I follow?”

None of them.

Reading tutorials and watching videos is passive, therefore rather ineffective and less fun. If you’re a strong self-learner, what you need is not tutorial, but a guide to doing research on your own. Here it is.

The first part of the trilogy. Do whatever you can, search everywhere, and follow these steps one at a time:

  1. Get Angular up and running locally. Keywords: bower install, npm generator, angular-seed.
  2. Explain the concept of ng-bind and use {{ }} in something. Keywords: two-way-binding.
  3. Explain the concept of ng-repeat and use it to display the content of an array. Keywords: controller, scope, two-way-binding.
  4. Explain the concept of ng-show and use it to hide something. Keywords: ng-show, ng-hide, ng-if.
  5. Explain the concept of ng-click and use it together with ng-show to achieve something.

Ok. Now you have the most basics. Go build something that you can show someone, using the knowledge you learned above. The demo will be needed in your next stage of Angular self-teaching.

“I have the demo ready now.”