Scribd
Upload
17 views

WT Writeup 9

Uploaded by

abhinavdeokar7
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
17 views

WT Writeup 9

Uploaded by

abhinavdeokar7
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Assignment No.

:9

TITLE : Design an application using Angular JS.


e.g., Design registration (first name, last name, username, password) and login page using
Angular JS.
.

SOFTWARE & HARDWARE REQUIREMENTS


Software’s: Eclipse IDE/ Notepad/ Notepad++, Modern Web browser

General Features
 AngularJS is a productive system that can make Rich Internet Applications (RIA).

 AngularJS gives designers a choices to compose customer side applications utilizing


JavaScript in a spotless Model View Controller (MVC) way.

 Applications written in AngularJS are cross-program agreeable. AngularJS


consequently handles JavaScript code reasonable for every program.

 AngularJS is open source, totally free, and utilized by a great many engineers the
world over. It is authorized under the Apache permit version2.0.
 By and large, AngularJS is a system to assemble expansive scale, elite, and simple to-
keep up web applications.
Core Features:

Figure.7: Architecture of AngularJS

1. Data-authoritative: It is the programmed synchronization of information amongst


model and view parts.
2. Scope: These are objects that allude to the model. They go about as paste amongst
controller and view.

3. Controller: These are JavaScript capacities bound to a specific degree.


4. Services: AngularJS accompanies a few implicit administrations, for example, $http
to make aXMLHttpRequests. These are singleton objects which are instantiated just
once in application.

5. Filters: These select a subset of things from a cluster and restore another exhibit.

6. Directives: Directives are markers on DOM components, for example, components,


characteristics, css, and that's only the tip of the iceberg. These can be utilized to
make custom HTML labels that fill in as new, custom gadgets. AngularJS has worked
in mandates, for example, ngBind, ngModel, and so on.

7. Templates: These are the rendered see with data from the controller and model.
These can be a solitary record, (for example, index.html) or different perspectives in a
single page utilizing partials.

8. Routing: It is idea of exchanging sees.

9. Model View Whatever: MVW is an outline design for isolating an application into
various parts called Model, View, and Controller, each with unmistakable obligations.
AngularJS does not actualize MVC in the conventional sense, yet rather something
nearer to MVVM (Model-View-ViewModel). The Angular JS group alludes it
cleverly as Model View Whatever.

10. Deep Linking: Deep connecting permits to encode the condition of use in the URL
with the goal that it can be bookmarked. The application would then be able to be re-
established from the URL to a similar state.

11. Dependency Injection: AngularJS has a worked in reliance infusion subsystem that
encourages the designer to make, comprehend, and test the applications effectively.

AngularJS is a MVC based structure.

 An AngularJS application comprises of following three essential parts −ng-app −


This directive defines and links an AngularJS application to HTML.
 ng-model − This directive binds the values of AngularJS application data to
HTML
input controls.
 ng-bind − This directive binds the AngularJS Application data to HTML tags.
DESIGN/EXECUTION STEPS

Steps for AngularJS

1. When a link https://angularjs.org/ is opened, there are two options to download


AngularJS library −

 View on GitHub − Click on this button to go to GitHub and get all of the latest
scripts.
 Download AngularJS 1 − Or click on this button, a screen as below would be
seen –

 This screen gives various options of using Angular JS as follows:

 Downloading and hosting files locally

1. There are two dfferent options legacy and latest. The names itself are self-
descriptive. Legacy has version less than 1.2.x and latest has 1.5.x version.
2. We can also go with the minified, uncompressed or zipped version.
 CDN access − You also have access to a CDN. The CDN will give you access
around the world to regional data centers that in this case, Google host. This means
using CDN moves the responsibility of hosting files from your own servers to a series
of external ones. This also offers an advantage that if the visitor to your webpage has
already downloaded a copy of AngularJS from the same CDN, it won't have to be re-
downloaded.

5. How AngularJS integrates with HTML


 ng-app directive indicates the start of AngularJS application.
 ng-model directive then creates a model variable named "name" which can be used
with the html page and within the div having ng-app directive.
 ng-bind then uses the name model to be displayed in the html span tag whenever user
input something in the text box.
 Closing</div> tag indicates the end of AngularJS application.
AngularJS directives are used to extend HTML. These are special attributes starting with ng-
prefix. We're going to discuss following directives −
 ng-app − This directive starts an AngularJS Application.
 ng-init − This directive initializes application data.
 ng-model − This directive binds the values of AngularJS application data to
HTML
input controls.
 ng-repeat − This directive repeats html elements for each item in a collection.

You might also like