Angularjs Tutorial | Step by Step with Examples | Part 1 | Angularjs

Показать описание

Learn everything about Angularjs step by step with live examples.

This is part 1 of Angularjs Tutorial series:

**************** Links to other parts of Angular Js Tutorial ****************

Part 2 : End to End with Angularjs:

Part 3 : Security with Angularjs:

***************************************************************

What is Angularjs?
AngularJS is an open-source web application framework or JavaScript framework developed and maintained by Google and by a community of individual developers.

In other words you can say that AngularJS is an extended form of HTML with new attributes that is mainly developed for single page web applications.

What are advantages of Angularjs?
• Angularjs is Easy to learn
• Angularjs reduces the amount of javascript code needed
• Angularjs is more responsive to user actions
• Angularjs have large community support
• Angularjs is open Source, completely free
• Angularjs provides reusable components

What are the components of Angularjs?
There are three main components of AngularJS as given below:
1. ng-app − This directive defines AngularJS based web application to HTML.
2. ng-model − This directive binds the values of AngularJS application data to HTML input controls.
3. ng-bind − This directive binds the AngularJS Application data to HTML tags.

What are directives in Angularjs?
AngularJS directives are basically used to extend the HTML attributes.

What are expressions in Angularjs?
Angular Expression are used to bind the directive data to HTML.

What is controller in Angularjs?
The Angularjs Controller is basically a JavaScript constructor function that is used to pass the Angularjs Scope.

What is module in Angularjs?
The angularjs module is a container for the different parts of an angular application.

What are filters in Angularjs?
AngularJS provides filters to transform data:
• currency Format a number to a currency format.
• date Format a date to a specified format.
• filter Select a subset of items from an array.
• json Format an object to a JSON string.
• limitTo Limits an array/string, into a specified number of elements/characters.
• lowercase Format a string to lower case.
• number Format a number to a string.
• orderBy Orders an array by an expression.
• uppercase Format a string to upper case.

What is service in Angularjs?
In AngularJS, a service is a function, or object, that is available for, and limited to, your Angularjs application.

What is Routing in AngularJS?
If you want to navigate to different pages in your application, but you also want the application to be a SPA (Single Page Application), with no page reloading, you can use the ngRoute module.

What is Dependency Injection in Angularjs?
Dependency Injection is a software design pattern in which components are given their dependencies instead of hard coding them within the component. This relieves a component from locating the dependency and makes dependencies configurable. This helps in making components reusable, maintainable and testable.
AngularJS provides a supreme Dependency Injection mechanism. It provides following core components which can be injected into each other as dependencies:
• Value
• Factory
• Service
• Provider
• Constant