Angular.js Demos, Examples, and Resources

Angular.js, a powerful JavaScript framework developed by Google and designed for building web-apps, has seen a lot of adoption in the last few years. My last Google Maps demo made me think a lot about data binding and Angular.JS, and I have actually created a pen with Google Maps powered by a pre-built Angular.js directive. But, I want to take a step back and dedicate a post to various Angular.JS resources, from guides and tutorials to demos and examples to actual projects and directives.
The homepage of AngularJS is a great way to start learning about the framework, with simple examples that you can see in action and also watch YouTube videos that show how the code is put together. From there you have a tutorialguide, and a great API reference. But there are many other websites and blogs dedicated to learning Angular.JS and here is a list of some good training resources:

What about Angular.JS demos and examples? There are many interesting Angular.JS posts on reddit, ton of pens at CodePen, and a huge selection of Angular fiddles on JSfiddle. I also like this list of useful fiddles and gists collected from AngularJS forum discussions. Here are some hand picked demos and examples:
What about interesting projects and modules for Angular.js? The Angular Modules directorybuilt with Angular.js page, and GitHub search for Angular.JS has a ton of useful links. Here are some hand picked Angular.js resources:
AngularUI – companion suites for AngularJS
MacGyver – AngularJS module comprised of directives, filters and utilities for quickly developing your UI
AngularGM – set of directives for embedding Google Maps in your app using the Google Maps Javascript API.
Restangular – AngularJS service that simplifies common GET, DELETE, and UPDATE requests, a perfect fit for any WebApp that consumes data from a RESTful API.
AngularJS Touch Carousel – AngularJS carousel implementation optimized for mobile devices.
highcharts-ng – AngularJS directive for Highcharts.
ngInfiniteScroll – infinite scrolling directive for AngularJS apps.
ng-table – Angular Table directive
angular-dragdrop – Drag and Drop for AngularJS
ngStorage – module that makes Web Storage working in the Angular Way.
angular-mobile-nav – angular navigation service for mobile applications
Angulartics – Web analytics for AngularJS applications
angles – angular.js wrapper for the Chart.js library.
angular-moment – Angular.JS directive for Moment.JS.
angularfire – the easiest way to wire up a backend for your Angular app.
What have I missed?

26 comments

Learning new technolgoy would help oneself at hard part of their career. And staying updated is the only way to survive in current position. Your content tells the same. Thanks for sharing this information in here. Keep blogging like this.

JAVA J2EE Training Institutes in Chennai | JAVA Training | JAVA Course in Chennai | Hadoop training in chennai

Reply

This technical post helps me to improve my skills set, thanks for this wonder article I expect your upcoming blog, so keep sharing...
Regards,
Angularjs training in chennai|Node JS training|Angularjs training center in Chennai

Reply

Angularjs training is essential for developing any single page web application. You have to learn Angularjs indepth to creating enterpirse SPA application.

Angularjs Training | Angular.js Course | Angularjs Online Training | Angularjs Training in Chennai | AngularJS Interview Questions

Reply

AngularJS is an open-source JavaScript framework that assists with running SPA.
AngularJS Training

Reply

Keep sharing this wonderful article,
Thanks for providing this wonderful article,
AngularJS development Company

Reply

It's really a nice and informative post,.
javascript image editor

Reply
This comment has been removed by the author.

Very useful post.Thanks for providing this wonderful article.
For more information about Angularjs have a look on AngularJs development company

Reply

Thanks for posting the useful information to my vision. This is excellent information :)

AngularJS Training in Chennai | AngularJS Training Institute in Chennai

Reply

Pretty post, I hope your site useful for many users who want to learn basics of programming to enhance their skill for getting good career in IT, thanks for taking time to discuss about fundamental programming niche.
With Regards,

angularjs training in chennai

more courses we offer
aws training in chennai

Reply

Nice and good article.Thanks for sharing this useful information. If you want to app development , please visit below site.
Mobile app development company Bangalore!
Android apps development companies in Bangalore!
iOS App development company Bangalore!

Reply

its a great article on your blog. Thank you for sharing.
MEAN Stack Training in Hyderabad

Reply

The information which you have provided is very good. It is very useful who is looking for
AngularJS Training

Reply

We will prepare the understudies on what a Robot is, the means by which it works, how to manufacture different robots and how to program a Robot in different ways with the end goal that a similar Robot could be made to work in different ways. Toward the finish of this program, we are certain that the understudies will pick up inventiveness and along these lines the capacity to build up his/her own particular Robotics Training In Chennai.

Reply

Companies in this industry Develop Mobile Appsfor different types of mobile devices, including smartphones, tablets, and gaming devices. The apps can be games or useful tools. Mobile Apps can be developed using a wide range of programming languages and tools, including Java, Objective C, and Python.

Reply

The previous post was about setting up a developer environment to build a website application. In this post, we’ll cover the benefits of using a website application to manage your business. A Website Applicationis a way to create a custom website that allows you to do things like manage your inventory, create new listings, and create new products.

Reply


This is really an awesome article. Thank you for sharing this.It is worth reading for everyone.
Hire Angularjs Team in India

Reply

Post a Comment