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 tutorial, guide, 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 directory, built 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?
If you enjoyed this article, you might also like..
Posts
