SlideShare utilise les cookies pour améliorer les fonctionnalités et les performances, et également pour vous montrer des publicités pertinentes. Si vous continuez à naviguer sur ce site, vous acceptez l’utilisation de cookies. Consultez nos Conditions d’utilisation et notre Politique de confidentialité.
SlideShare utilise les cookies pour améliorer les fonctionnalités et les performances, et également pour vous montrer des publicités pertinentes. Si vous continuez à naviguer sur ce site, vous acceptez l’utilisation de cookies. Consultez notre Politique de confidentialité et nos Conditions d’utilisation pour en savoir plus.
To have a SPA is really all about modifying
What is not AngularJS?
Its not a Platform (e.g .Net, Java, ) or a Language (e.g C#).
Its not a Plugin or a browser extension.
It doesn't require jQuery or inheritance from proprietary
It doesn't use one-way data binding.
It doesn't require boilerplate code.
Its not that complicated :D
What is AngularJS ?
to make your front-end development as easy as possible.
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.
AngularJS is a structural framework for dynamic web apps.
Angular teaches the browser new syntax through a construct we call directives
A complete client-side solution
Everything you need to build a CRUD app in a cohesive set: Data-binding, basic
templating directives, form validation, routing, reusable components and
Testability story: Unit-testing, end-to-end testing, mocks.
Seed application with directory layout and test scripts as a starting point.
The Zen of Angular
1.) Angular is built around the belief that declarative
code is better than imperative. But you can do
imperative coding also.
2.) Decouple DOM manipulation from app logic,
improves the testability of the code.
3.) Decouple the client side of an app from the server
4.) One core framework so after development you
don't have to worry about maintainence.
5.) Templating system is actually HTML.
Angular free's you from
1> Manipulating HTML DOM programmatically:
lBy declaratively describing how the UI should change as your application state
changes, you are freed from low-level DOM manipulation tasks.
lMost applications written with Angular never have to programmatically manipulate the
DOM, although you can if you want to.
2> Marshaling data to and from the UI:
lAngular eliminates almost all of this boilerplate, leaving code that describes the
overall flow of the application rather than all of the implementation details
3> Writing tons of initialization code just to get started:
Angular's sweet spot
lAngular was built with the CRUD application in mind.
lAngular simplifies application development by presenting a higher level of
abstraction to the developer.
lDon't use AngularJS in Games and GUI editors types of applications because
they have intensive and tricky DOM manipulation.
lWhen you need SPA.
1.) Only one core library.
You don't have to rely on different another scripts and worried about those
different scripts version playing nicely into the future.
2.) Angular is built and maintained by dedicated Google engineers.
“AngularJS came about to standardize web application structure and provide a future
template for how client-side apps should be developed.”
3.) REST Easy.
need to interact with your web pages.
4.) Get Started in Minutes
<html ng-app = “”>
<title>First App </title>
Directives and filters
Two way data binding
Views, controllers, Scope
1> Directives are markers on a DOM element (such as an attribute,
element name, comment or CSS class) that tell AngularJS's
HTML compiler ($compile) to attach a specified behavior to that
DOM element or even transform the DOM element and its children.
2> In simple terms, directive teach HTML new tricks.
3> Angular comes with a set of these directives built-in, like ngBind,
ngModel, and ngRepeat.
Links you must go through
Videos You must watch