This document compares AngularJS and Angular frameworks. AngularJS uses two-way data binding, directives, dependency injection and is a client-side MVC framework. Angular was built for mobile and uses TypeScript. Key differences are Angular removes controllers and $scope in favor of components, and changes syntax like ngFor instead of ng-repeat. Angular also supports two-way binding out of the box. Writing Angular code requires knowledge of TypeScript, and its setup is more complex than AngularJS. Advantages include using OOP concepts and active support forums, while disadvantages are needing to learn TypeScript first.

1. ANGULARJS && ANGULAR
B4USOLUTION GROUP

2. 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

3. What’s Angular?
DEPENDENCY INJECTIONDATA BINDING

4. Overview Angularjs 1x
Scope
Data
Binding
Providers Validators Directives
Controllers
ModulesExpressionFactoriesServicesFilters
Dependency
Injection

5. Advantages AngularJS
Two-way
data
binding
Use of
custom
directive
Dependency
injection
Client side
MVC
framework
with
Angular JS

6. Angular (Angular 2x,4x)

7. 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

8. 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

9. 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>

10. Difference between AngularJS and Angular
Factory
Service
Provider
Constant
Values
12

11. Language to write Angular code

12. 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

13. Documentation
https://angular.io/https://angularjs.org/
1
AngularJS Angular

14. Knowledge/Skills
Setup environment angular
Learn to use AngularJS and Angular
Binding data with AngularJS and Angular
Create SPA app
Use Angular CLI

15. Thank for listening !