AngularJS is an awesome Javascript framework that can be used to create powerful and dynamic web apps. It also covers the building of complex client-side applications. Since its release in 2009, AngularJS has been widely used by many developers for its convenient extending of custom HTML tags and attributes, known as ‘directives’.
For some people, learning Angular through its official documentation is not enough. They prefer a video-based tutorial instead, or a more sophisticated learning site with specific discussions, a demo, the try it yourself feature and the like. So in this post, we’re listing 10 AngularJS tutorial and screencasts that will kickstart your Angular learning.
Recommended Reading: Getting started with AngularJS
1. Year Of Moo
This well-written tutorial by Year of Moo is going to teach you the very basics of how AngularJS works and what it can be used for. It covers all the primary parts of Angular: Modules, Dependency Injection, Routes, Services, Directives and more. It also give you a brief explanation of Angular usage with MooTools and jQuery. You probably want to read their second article for more Angular tips and tricks.
2. AngularJs On Codeacademy
If you like to learn by coding then this AngularJS tutorial by Marcin Wosinek is what you’re looking for. In this tutorial, you’ll learn about Angular basics, controllers, services, filters and directives. In each topic, you’ll be given explanations and instructions on some challenges which can be solved within the editor. If you get stuck, just open a hint.
3. AngularJS Tutorial on Tutorialspoint
Tutorialspoint accommodates you with a well-structured AngularJS tutorial. It divides each Angular component into specific sections. You’ll also get an appropriate example and editable live demo in each section. Here you’ll learn the basics of Angular from Setting Up the Environment until Internalization. There is also a Quick Guide that summarizes all you should know about Angular.
4. Thinkster.io
Thinkster offers you a unique method of learning AngularJS. They split up all of the Angular topics into 12 parts. In each part, you’ll see a brief topical explanation followed by tick-able useful readings. The reading materials are mixed up, coming from other sites and Angular official doc. Also checkout this course companion that guides you in building modern web apps.
5. AngularJS Tutorial by Todd Motto
Todd Motto, a Google Developer Expert, wrote a 10,000-word Angular tutorial on AirPair. This is a great tutorial that teaches you the very basics in AngularJS concepts. There are about 14 topics included here like engineering concept, form validation, templating with Angular and more. At the end of each topic, you’ll find related useful resources for further reading.
Image source: AngularJS Tutorial
6. AngularJS From Beginner To Expert
In Ng Newsletter, there are tons of materials about Angular, plus a 7-step guide to help turn beginners into experts. Ng Newsletter also has three ebooks on Angular (also available in print on Amazon) and snippets from the 600pp book are featured on the site, spread across 25 days.
7. AngularJS in 60 Minutes
This video tutorial may be a good starting point for learning the fundamentals of AngularJS. Dan Wahlin gives you a rundown of what you need to know about Angular: the concept, the basics, resources and a demo. There are also specific section links you can jump to. If you have learned the basics, you may want to advance your learning with his Learning Angular by Example or other related posts.
8. Egghead
Egghead is probably one of the best AngularJS learning centers. It provides 190+ free AngularJS videos for learning Angular in a straight and easy way. All videos range from 2 – 10 minutes only. The code, discussion and summary are available below the video. There are also PRO subscriptions to advance your learning starting at $14.99/month.
9. Intro To Angular
If you want to learn AngularJS by example, tutorials from Curran Kelleher may fit you. It has about 50 examples which cover single-page-app concepts, related libraries and Angular features. Video tutorials are available on Youtube and split into two parts: Part I and Part II. You can get all source code examples on GitHub.
10. Shaping Up With Angular
Shaping Up With Angular is a complete free interactive Angular course bundle from Code School. It teaches basic Angular, directives, services and forms via video tutorials, challenges and downloadable text tutorials. It’s broken down into 5 levels which has about 12 videos and 27 challenges. There are 6 earnable badges if you complete all of the levels.
