Angular JS Introduction
What is AngularJS
Angular JS training in vizag
Angular JS is an open source JavaScript framework that is used to build web applications. It can be freely used, changed and shared by anyone.
Angular Js is developed by Google.Angular JS training in vizag
It is an excellent framework for building single phase applications and line of business applications.
Advantage of AngularJS
Angular JS training in vizag
There are a lot of JavaScript frameworks for building web applications. So, it is a genuine question, why to use Angular JS.
- Dependency Injection:Â Dependency Injection specifies a design pattern in which components are given their dependencies instead of hard coding them within the component.
- Two way data binding:Â AngularJS creates a two way data-binding between the select element and the orderProp model. orderProp is then used as the input for the orderBy filter.
- Testing:Â Angular JS is designed in a way that we can test right from the start. So, it is very easy to test any of its components through unit testing and end-to-end testing.
- Model View Controller:Â In Angular JS, it is very easy to develop application in a clean MVC way. You just have to split your application code into MVC components i.e. Model, View and the Controller.
- Directives, filters, modules, routes etc.Angular JS course in vizagAngular JS training in vizag
AngularJS MVC Architecture
MVC stands for Model View Controller. It is a software design pattern for developing web applications. It is very popular because it isolates the application logic from the user interface layer and supports separation of concerns.
The MVC pattern is made up of the following three parts:
- Model:Â It is responsible for managing application data. It responds to the requests from view and to the instructions from controller to update itself.
- View:Â It is responsible for displaying all data or only a portion of data to the users. It also specifies the data in a particular format triggered by the controller’s decision to present the data. They are script-based template systems such as JSP, ASP, PHP and very easy to integrate with AJAX technology.
- Controller:Â It is responsible to control the relation between models and views. It responds to user input and performs interactions on the data model objects. The controller receives input, validates it, and then performs business operations that modify the state of the data model.
AngularJS – Environment Setup
This chapter describes how to set up AngularJS library to be used in web application development. It also briefly describes the directory structure and its contents.
When you open the link https://angularjs.org/, you will see there are two options to download AngularJS library
- View on GitHub − By clicking on this button, you are diverted to GitHub and get all the latest scripts.
- Download AngularJS 1 − By clicking on this button, a screen you get to see a dialog box shown as −
This screen gives various options of using Angular JS as follows −
- Downloading and hosting files locally
- There are two different options : Legacy and Latest. The names themselves are self-descriptive. The Legacy has version less than 1.2.x and the Latest come with version 1.3.x.
- We can also go with the minimized, uncompressed, or zipped version.Python
- CDN access − You also have access to a CDN. The CDN gives you access to regional data centers. In this case, the Google host. The CDN transfers the responsibility of hosting files from your own servers to a series of external ones. It also offers an advantage that if the visitor of your web page has already downloaded a copy of AngularJS from the same CDN, there is no need to re-download it.
AngularJS – Todo Application
We are providing an example of Todo app. To develop this app, we have used HTML, CSS and AngularJS. We have included javascripts such as angular-route.js, and base.js.
error: Content is protected !!
