Introduction to the AngularJS by example tutorial series
An introduction to the AngularJS by example application and the tutorial series. All about why this project exists, what the tutorial series is likely to include and who the tutorials are for. View the demo or take a look at the code.
A little background
I’ve been using AngularJS for around 3 years now and its been quite a ride. When I originally started out with Angular the documentation was horrible, there were very few blog posts or community written articles about Angular so it was very much a trial and error methodology when it came to finding best practices. Today is a very different story. Angular has grown, dare I say it; to be the most popular front-end framework for web developers, and with that status comes community.
Over the last 3 years (and well before I even hopped on the angular band wagon) the community has helped discover many AngularJS best practices as the only way to discover the best way to do things is trial different implementation methods against multiple real-world scenarios. Today there are literally hundreds of blog posts and articles discussing Angular implementations in different situations and a whole range of people at all skill levels offering their experience and findings. All of this is great, vital even but it can be difficult to wade through all this content and discover which practices to adopt for your own projects.
AngularJS by Example
I wanted to create a project which I could showcase many AngularJS concepts in real world situations, not another to-do list! It would then be easier to write complimenting articles and tutorials to discuss in detail the different concepts and why myself and other people consider them best practice. Furthermore i wanted the project to be easily extended to include additional AngularJS concepts so it would be possible to cover a greater surface area over time. Finally I know that my best practice methods might not be everyone’s, so hosting on GitHub is a must to provide a common repository to discuss improvements and further implementations. Enter AngularJS by Example.
The application in its current state is very simple. It hooks into an API provided by The Movie DB to provide basic information about TV show premieres, popular shows and a search feature. Even with this simple functionality I can demonstrate how to write controllers, directives, share data with services, hook into an API, structure your project and many more concepts. This brings me nicely to what I hope will be included in this tutorial series.
What will be covered
In this tutorial series I want to start out by covering all the main elements of AngularJS. I believe that the following sections fit the bill:
- Introduction — What this project is all about (You’re reading this now).
- Project structure & modularity — Looking at project structure in terms of AngularJS modularity and also how best to lay out your directories to make development a breeze.
- Controllers — Investigating the different ways you can write AngularJS controllers along with recommended best practices.
- Sharing data with services — How to effectively share data around your AngularJS application and when best to use the different types of service available.
Who is this tutorial series aimed at?
Pretty much everyone. This tutorial series will assume a basic understanding of what Angular is all about, if you don’t know much about Angular then by the time you’ve completed my other tutorial Learn AngularJS in 30 minutes you’ll be ready to start this series.
Final word
I really like the idea of helping other web developers to learn new skills and level up, which is why I enjoy mentoring for Thinkful. Who have an excellent course on Angular by the way, if you really want to step-up your Angular skills you should take their course before, during and after this tutorial series! Don’t think I’m doing all this out the goodness of my heart though, it has massive benefits for me also. By going through all this content, writing down what I know I often re-learn certain concepts and always learn something new; making me a better developer.
As always I love to chat and would really like to hear your feedback so please find me @RevillWeb on Twitter or stick your e-mail in the box below to subscribe.
Originally published at www.revillweb.com.
