So I’m loving AnguarJS right now and I’m constantly looking for examples and demos, especially for AngularJS2. I’ve collated them into a list of around 50 of the most popular AngularJS Demos and Examples. There are some cool ones such as Angular Material for autocomplete, dynamic variable height tabs, and more demos which demonstrates floating labels, autocomplete, chrome apps and more. Definitely worth checking out if your learning AngularJS and want to see what it can do in the real-world.
1. AngularJS Tutorial for Creating a Full-Stack Application
The goal of this tutorial is to guide you through the creation of a Reddit/Hacker News clone using the MEAN stack. By completing this tutorial, you will gain a basic understanding of the MEAN stack including building a REST interface with Express.js on top of Node.js and using that interface to perform CRUD operations on a database via an AngularJS frontend.
2. Getting Started with AngularJS
This tutorial explores the AngularJS framework by Google. It starts by briefly describing the design philosophy that the framework embodies and then quickly moves onto building a simple but nontrivial application to demonstrate the basics as well as some of AngularJS’s most distinctive features including data binding, dependency injection, loosely coupled code, and conciseness.
3. Learn Angular.js with 5 Examples
In this article you will find the basic building blocks of Angular apps – Models, Views, Controllers, Services and Filters – explained in 5 practical examples that you can edit directly in your browser.
4. Why Does Angular.js Rock?
5. AngularJS Learning
A bunch of links to blog posts, articles, videos, etc for learning AngularJS.
6. AngularJS Intro And Hello World Example
7. Building Chrome Apps with Angular.js
This guide gets you started building Chrome Apps with the AngularJS MVC framework. To illustrate Angular in action, we’ll be referencing an actual app built using the framework, the Google Drive Uploader.
8. AngularJS for jQuery Developers
Custom software develpoment.
In this article we’ll take a look at Angular Directives. What they are, what problem they solve, and how you can create your own re-usable components.
10. Fun with AngularJS
11. Building a Spreadsheet with Angular.js
In this post, we’re going to use Angular.js to build a miniature spreadsheet.
12. Google Maps Components with AngularJS
Making Google Maps Components with AngularJS
13. AngularJS and Google Maps
I’ve been playing more and more with angularjs nowadays. Previously, I experimented with angularjs directives by created a directive for CkEditor 4, inline mode..
14. Mapping AngularJS Routes Onto URL Parameters
AngularJS comes with a fairly robust routing and history management mechanism. Out of the box, it supports both hash-based routing as well as HTML5 push-state (I’ve only played with hash-based routing).
15. Animating with AngularJS
In this article I’ll explain a bit about how it all works and include links to a demo application I created to try things our for yourself. The source to the demo application is located on my GitHub account here as well.
16. Quick Start Guide to PhoneGap and AngularJS
I’ve created a sample mobile application to help developers get started building mobile applications with PhoneGap and AngularJS quickly. The sample application includes view navigation, some standard user interface components and code to help avoid common pitfalls in mobile application development (click delays etc).
17. Building PhoneGap Apps with AngularJS
19. Extending HTML with AngularJS Directives
20. 3 Reasons to Choose Angular.JS
21. 5 Awesome AngularJS Features
In this tutorial, we will cover what I consider to be the most essential features, and how they can help make your next web application awesome.
22. More AngularJS Magic to Supercharge your Webapp
This article is a sequel to the previous article titled Use AngularJS to Power Your Web Application. For those of you whom have not already read the article then be sure to fully absorb it prior to diving into this article. All of the topics in this article are based off of knowledge and topics introduced in the previous article so be sure to take a look.
23. Invoicing app made with Angular JS
Create free and unlimited one off invoices using this little Invoicing app made with Angular JS
24. AngularJS and Pagination
Create Pagination with AngularJS.
25. jQuery Mobile and AngularJS
Create mobile navigation with jQuery and AngularJS.
Check out part 2 here: 50+ Popular AngularJS Demos and Examples (Part 2)