Skip to main content

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

Labels:

Comments

Post a Comment

Popular posts from this blog

Scrum: What is Agile?

If you ask 10 people to define Agile development and you will receive 11 definitions emphasizing different aspects of the process. I got to hear a talk (Presented by Anthony Boobier (Nomad8)) to clear up the confusion of this buzzwords and shed light onto the fundamentals of Agile software development. We looked into what problems Agile is trying to solve and dive deep into the reasons why it works. We undertook a brief journey into the history of software development, explore the principles and values behind Agile and then later focused on how to manage our work in an Agile fashion using its most prevalent flavour, Scrum. Scrum is a development framework in which cross-functional teams develop products or projects in an iterative, incremental manner. It structures development in cycles of work called Sprints. These iterations are no more than four weeks each (the most common is two weeks), and take place one after the other without pause. The Sprints are timeboxed – they en...
Post a Comment
Read more

UI Testing in Xcode

Xcode 7 has introduced new UI testing features fully integrated into the IDE. I learned about the new APIs and how UI testing fits in with existing testing features in Xcode. Also got to see how to get started by recording your app, and how to efficiently craft and maintain UI tests. check this link introducing this API and UI testing tool in WWDC/2015 Though this tool is in beta stage, IT industry has taken this as a tool for future UI testing for apple apps and have started using it already. I came across another good article related to this. It summarizes the WWDC 2015 UI Testing talk and gives the detail of coming beta releases as well. Check it out here
Post a Comment
Read more

A re-introduction to JavaScript (JS tutorial)

Why a re-introduction? Because JavaScript is notorious for being the world's most misunderstood programming language. It is used by an incredible number of high-profile applications, showing that deeper knowledge of this technology is an important skill for any web or mobile developer. Rekindle your memory with awesomeness of javascript. Full article available on Mozilla developer Network (MDN)
Post a Comment
Read more