Learn Angular.JS through the process of building 10 different projects

What is Angular JS?

Angular.JS is an open source web application framework maintained by Google.

It is a robust client-side technology for building modern web applications using model-view controller (MVC) software architecture. Angular.JS adds more functionality and features to a single-page HTML web application. Today, a lot of developers rely heavily on the MEAN stack (Mongo.DB, Express.JS, Angular.JS and Node.JS) and learning Angular.JS is surely a fruitful investment.

Angular.JS offers a bunch of interesting features, such as asynchronous dependency injection, deep link routing, form validation, two-way data binding and deep linking, to name a few.

Some of the popular applications built using Angular.JS:

Dematerializer (a blogging platform)

PunchPlay (music player application) 

Sendmachine (an email marketing tool) 

Betrend (a fashion portal) 

So, what makes Angular.JS a preferred choice for designing web applications? Let us take a look at some of its prominent features.

Angular.JS uses directives to add new mark-ups to HTML and turns static HTML files in to something dynamic. It is an innovative approach to incorporating HTML and developing big web applications. 

Angular.JS organizes views, controllers, directives, filters and such other elements in to separate modules. This division becomes convenient for building and managing an application. 

Angular.JS has a built-in dependency injection system and is unit-testable. 

Angular.JS uses data-binding directives to provide a projection of the model to the application view. It automates synchronization of data between model and view components. This allows developers to avoid writing a considerable amount of boilerplate code.

Angular.JS has a built-in template engine consisting of plain HTML pages (views) as well as controllers written in JavaScript to build rich user interfaces. 

Angular.JS uses directives to extend HTML dialect by creating new HTML elements and attributes as well as custom HTML tags that work as new widgets.

Today, Angular.JS has a pretty vast scope for mainly two reasons. Firstly, it is maintained and promoted by Google. Secondly, a large community of developers are making valuable contributions by introducing newer features and functionalities to this technology. There is also much scope for experimenting with Angular.JS to test its significance in diverse applications.

By making projects implementing Angular along with some other technologies

• HTML5 / CSS3

• JQuery

• NodeJS / NPM / Node Modules

• Bootstrap

• Foundation

• Facebook API

• Instagram API

• Socket.io

• MongoDB

Following basic projects:

Project 1 – Basic Angular Website: A simple website using dynamic functionality from AngularJS

Project 2 – myContacts Address Book: Small app to manage contacts

Project 3 – Web Template Store: Application that displays web templates for sale

Project 4 – Web Sockets Chat App: Real time chat using web sockets

Project 5 – Angular Facebook App: Facebook authentication and posting app

Project 6 – Knowledgebase: Article database using MongoDB

Project 7 – User Login App: Custom user authentication app

Project 8 – Instagram Gallery: Display images from Instagram

Project 9 – Job Directory: Small job listing site

Project 10 – Concert Finder: Concert/music directory

I have collated the  projects and resource from kick starter initiative. If interested do
Support them. kick starter initiative