what is AngularJS?

Folks,

For a beginner, its being always big confusion to start up with technology..

History of Angularjs??

AngularJS was born in 2009 as a part of a larger commercial product, called GetAngular. Shortly after, Misko Hevery, one of the engineers who founded GetAngular, managed to recreate a web application that consisted of 17 thousand lines of code and took 6 months to develop in a mere 3 weeks using just GetAngular. Reducing the size of the application to just about 1,000 lines of code convinced Google to start sponsoring the project, turning it into the open-source AngularJS we know today. Amongst Angular’s unique and innovative features are two-way data bindings, dependency injection, easy-to-test code and extending the HTML dialect by using directives.

First question that rise in our mind is.. Where to start? What to Start? How to start? Is der any documentation holding any where? Any videos? etc etc

As like routine illusions, i am also a big illusion-er here 😉

I visited angularjs.org. I found some links like Learn tab- videos and tutorials along with Develop tab – developer guide and api reference. None of them helped me to understand and start with basics.

The search went on google until i found this site

The above site will help you to kickstart with angularjs. Once you understood abc in angularjs then you can go through the documentations of official angularjs site.. 🙂

What is AngularJS?

AngularJS is a JavaScript MVC framework developed by Google that lets you build well structured, easily testable, and maintainable front-end applications.

And Why Should I Use It?

If you haven’t tried AngularJS yet, you’re missing out. The framework consists of a tightly integrated toolset that will help you build well structured, rich client-side applications in a modular fashion—with less code and more flexibility.

AngularJS extends HTML by providing directives that add functionality to your markup and allow you to create powerful dynamic templates. You can also create your own directives, crafting reusable components that fill your needs and abstracting away all the DOM manipulation logic.

It also implements two-way data binding, connecting your HTML (views) to your JavaScript objects (models) seamlessly. In simple terms, this means that any update on your model will be immediately reflected in your view without the need for any DOM manipulation or event handling (e.g., with jQuery).

Finally, I love Angular because of its flexibility regarding server communication. Like most JavaScript MVC frameworks, it lets you work with any server-side technology as long as it can serve your app through a RESTful web API.

Conceptual Overview:

Concept Description
Template HTML with additional markup
Directives extend HTML with custom attributes and elements
Model the data shown to the user in the view and with which the user interacts
Scope context where the model is stored so that controllers, directives and expressions can access it
Expressions access variables and functions from the scope
Compiler parses the template and instantiates directives and expressions
Filter formats the value of an expression for display to the user
View what the user sees (the DOM)
Data Binding sync data between the model and the view
Controller the business logic behind views
Dependency Injection Creates and wires objects and functions
Injector dependency injection container
Module a container for the different parts of an app including controllers, services, filters, directives which configures the Injector
Service reusable business logic independent of views

References:

https://angularjs.org/

http://www.w3schools.com/angular/default.asp

https://docs.angularjs.org/guide

http://srikarg.github.io/blog/learning-angularjs/

https://github.com/jmcunningham/AngularJS-Learning#books

http://www.thinkster.io/angularjs/r1gRPYp4kM/angularjs-tutorial-learn-to-build-modern-webapps

http://www.simplygoodcode.com/2013/12/how-to-make-an-email-web-app-using-angular/

http://www.revillweb.com/tutorials/angularjs-in-30-minutes-angularjs-tutorial/

http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app

Few more referral links(thanks to my dear best buddy Madhu for sharing this useful links)

http://tutorialzine.com/2013/08/learn-angularjs-5-examples/

http://viralpatel.net/blogs/angularjs-introduction-hello-world-tutorial/

https://www.youtube.com/watch?v=i9MHigUZKEM&hd=1

https://builtwith.angularjs.org/

More examples you can find here and here and here and here

Videos : here

Queries related to angular??

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s