hemant321 (1)

1
ANGULARJS

• Angular JS course in Jaipur

2
AngularJS introduction

• Angular Js is primarily totally based on
  JavaScript front-end framework, this is
  specifically used for single-web page internet
  applications. AngularJS framework reads the HTML
  page first. It is easy to get information and
  updates from HTML documents. AngularJS is what
  HTML has been, it was designed for apps. It is a
  great declaratory language for fixed documents.

INFORMATION CENTER-
Collection of tasks which are useful when
writing web apps. Your code is in charge and it
calls into the information center when it sees
fit.
FRAMEWORKS-
Particular fulfillment of a web application,
where your code fills in the details. Framework
is in charge and it calls into your code when it
requires something app specific. AngularJS to fix
security, scan compatibility, or jQuery issues.
3
Key Features

• DOM control shape for repeating, showing and
  hiding DOM trash.
• This framework is matured on MVC
  (Model-View-Controller) design arrangement.
• Organization of HTML into recyclable components.
• Support for forms and form validation.
• Holding new actions to the DOM element, such as
  DOM event charge.
• It provides a fully recommended SPA (Single Page
  Application) framework.
• It gives routing recommendations.
• The Exam was designed right from the start so
  you can build powerful tests.
• It is footing Dependency Injection.
• It supports two-way data binding.

4
DEPENDENCY INJECTION-

• Dependency Injection is a software program layout
  wherein additives are given their dependencies on
  behalf of tough coding them in the component.
  AngularJS brings a supreme Dependency Injection
  component. It brings the following core
  components that can be injected into each other
  as dependencies.

ANGULARJS DIRECTIVES-
AngularJS directives are only used to boost HTML
and DOM fundamentals behavior. These are the
certain attributes, that opening with ng- prefix,
that tell AngularJSs HTML finder to attach a
describe behavior to the DOM element.
Some of the better commonly use directives are

• ng-app directives
• ng-animation
• ng-aria
• ng-model
• ng-if
• ng-repeat

5
ng-app directives-

• The ng-app directives define the root element of
  AngularJS applications. Covered by which
  directives can be used to confirm binding and
  define behavior.

NG-Animation
A width provides base for JavaScript, CSS3 growth
and CSS3 keyframe animation hooks within real
core and habit directives.
NG-Aria
A width for convenience support of everyday ARIA
attributes.
NG-Model
NG-Model directive is used to define the
model/variables value to be worn in AngularJS
Applications HTML tiller like ltinput
typetext/gt and it also brings two-way required
behavior with the model value.
6
ng-if

• Basic if account directive that signifies the
  circle element if the conditions are true. When
  the action is false, the element is ejected from
  the DOM.

NG-Repeat
Instant an element once per item from a
collection.
AngularJS EXPRESSIONS
Expressions in AngularJS are decent like
JavaScript code snippets. JavaScript code is
mostly written inside double braces. Expressions
in AngularJS are used to bind app data to HTML.
The expressions are fixed by Angular and the
conclusion is returned back to where the
expression is written. Like JavaScript
expressions, AngularJS expressions can also carry
various good expressions. They run similar to
ng-bind directives.
7
AngularJS architecture

• AngularJS is a framework designed to increase the
  capabilities of HTML from simple static language
  to a more dynamic client-side data-intuitive
  language. AngularJS is 100 JavaScript. It allows
  the developer other code control and
  data-manipulative powers at the client-side
  itself.

Validation AngularJS
AngularJS gives client-side form validation. It
checks the state of the form and input fields and
lets you notify the user about the current state.
It also keeps the data about if the input fields
have been touched, or converted, or not.
Simple page applications
SPA is a strong tool for creating incredibly
engaging and different experiences for your
users. A few single page Apps like Gmail, Airbnb,
Netflix, Pinterest, PayPal, and many more are
using simple page applications to build a fluid,
scalable experience.
8
Ajax request

• Ajax stands for Asynchronous JavaScript and XML.
  It is used to request data from the server
  without full-page refresh, and use the result,
  which was basically XML, to re-render a part of
  the page. Ajax refers to any asynchronous
  despatched to a server from JavaScript.

Forms in AngularJS
Forms in AngularJS data-binding and validation
input controls. Input controls are act for a user
to enter data. A form is a selection of controls
for the desire grouping related controls together.
Input controls

• Input controls are the HTML input element
• Input element
• Select element
• Button element
• Text area element

9
Animations in Angular

• Animations involve multiple style transformations
  over time. AngularJS provides animated
  transitions, with the help of CSS.

Conclusion
AngularJS has the ability to express an
applications elements clearly and briefly. It
makes the improvement and testing application
easy and pleasant.