Getting started with AngularJS


By: Shrinath Gupta | June 9, 2015

angular

what is AngularJS?

In single line AngularJS is a structural framework for dynamic web apps.Dynamic means during run time.It is used to develop SPA(single page application).

In a SPA, either all necessary code – HTML, JavaScript, and CSS – is retrieved with a single page load or the appropriate resources are dynamically loaded and added to the page as necessary, usually in response to user actions. The page does not reload at any point in the process, nor does control transfer to another page.

It lets you use HTML as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly, Angular takes another approach. It attempts to minimize the impedance mismatch between document centric HTML and what an application needs by creating new HTML constructs we call it directives, i will describe it in further post. 

why we should need to learn AngularJS ?

There are too many language used as client side scripting so why we prefer angular. because Have you ever created a text property on a model that you want to bind to your UI? How is that done in various frameworks? In Angular, this will work without any issues and immediately reflect what you type in the span/div:

<input data-ng-model=’synchronizeThis’/><span>{{synchronizeThis}}</span>

Of course, you’ll seldom have the luxury of building an app that simple, but it illustrates how easy and straightforward data-binding can be in the Angular world. There is very little ritual or ceremony involved with standing up a model that participates in data-binding. You don’t have to derive from an existing object or explicitly declare your properties and dependencies – for the most part, you can just pass something you already have to Angular and it just works. That’s very powerful.

Angular’s data binding and dependency injection eliminate much of the code you would otherwise have to write.

Angular users want to know how data-binding works. There is a lot of vocabulary around this:  $scope,$watch$apply$digestdirty-checking

This post has been viewed 792 times

Leave a Reply

Your email address will not be published. Required fields are marked *


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>