KEMBAR78
AngularJS && Angular | PPTX
ANGULARJS && ANGULAR
B4USOLUTION GROUP
Agenda
What is AngularJS?
Overview Angularjs 1x
Advantages AngularJS
Angular (Angular 2x,4x)
Difference between AngularJS and Angular
Language to write Angular code
Advantages and disadvantages Angular
Knowledge/Skill
What’s Angular?
DEPENDENCY INJECTIONDATA BINDING
Overview Angularjs 1x
Scope
Data
Binding
Providers Validators Directives
Controllers
ModulesExpressionFactoriesServicesFilters
Dependency
Injection
Advantages AngularJS
Two-way
data
binding
Use of
custom
directive
Dependency
injection
Client side
MVC
framework
with
Angular JS
Angular (Angular 2x,4x)
Difference between AngularJS and Angular
AngularJS Angular
Not built with mobile Built with mobile
Javascript ES5, ES6, TypeScript, JavaScipt,
Dart, CoffeeScript, v.v.v
Set up Easy Set up not Easy
Have Controllers and $scope Remove $scope and replace
Controller by Component
Difference between AngularJS and Angular
AngularJS Angular
ng-repeat *ngFor
ng-class ngClass
ng-model ng-model
ng-href href
ng-src src
ng-hide hidden
See more change in : https://angular.io/guide/ajs-quick-reference
Difference between AngularJS and Angular
AngularJS Angular
<input ng-bind="technology.name"></input> <input [value]="technology.name"></input>
<div [style.color]="color">Some text...</div>
One way data binding
Two way data binding
<input ng-model="technology.name"></input> <input [(ngModel)]="technology.name"></input>
Difference between AngularJS and Angular
Factory
Service
Provider
Constant
Values
12
Language to write Angular code
Advantages and disadvantages Angular
Advantages Disadvantages
Angular2 is developed using Typescript
enabling us to optimize the code using
OOPS concept
There are numerous active forums where
you can get immediate and reliable
support
The Angular CLI makes it easy to setup
angular environment
The web developer has to be familiar with
TypeScript before starting development
on Angular
The web developer has to be familiar with
TypeScript before starting development
on Angular
Documentation
https://angular.io/https://angularjs.org/
1
AngularJS Angular
Knowledge/Skills
Setup environment angular
Learn to use AngularJS and Angular
Binding data with AngularJS and Angular
Create SPA app
Use Angular CLI
Thank for listening !

AngularJS && Angular