This document discusses the evolution of Angular from versions 1.x to 4. It describes improvements in performance from Angular 2 compared to Angular 1.x like faster JavaScript execution and garbage collection. Factors that contribute to Angular's improved performance with changes like ahead-of-time compilation and tree shaking are also outlined. The Angular CLI, ahead-of-time compilation, universal rendering, and benefits like improved first impressions are additionally summarized.

1. It’s just Angular
Vinci Rufus
@areai51

2. Know your Angular
AngularJS
Angular 1.x
Angular
Angular 2
Angular 4

3. What Happened to Angular 3
Angular 4Angular 2

4. Angular Framework Platform
Angular
Mobile Server Desktop

5. The BEST Developer Experience (DX)
TypeScript
-NOT a new
Language- CLI
Codelyzer
ngMaterial
Protractor
Karma
Augury

6. Performance - Angular2 vs Angular 1.x
JS
Execution
4x Faster
FPS
1.5x Higher
Garbage
Collection
8.5x Faster
JS Memory
Heap
2.5x lesser
https://auth0.com/blog/more-benchmarks-virtual-dom-vs-angular-12-vs-mithril-js-vs-the-rest/

7. Things that make Angular Fast …just some of them
Fast Change Detection
Unidirectional Data Flow
Lazy Loading of Routes
1
3
4
5
AoT Compilation
JavaScript VM
Friendly Code
Tree Shake !!
+
Angular 1.x
Angular 2

8. Angular CLI

9. Angular CLI
https://cli.angular.io

10. Basic Commands
npm install –g @angular/cli
ng new my-app
ng generate my-component
ng serve
ng build –-prod --aot

11. Ahead of Time (AoT)
The best thing ever since Angular

12. Just in Time (JIT)
Develop in
TypeScript
Compile
using tsc
Bundle
& Minify
Deploy
Download JS
Assets
Angular
Bootstraps
JIT
Compilation
Render
App
App Development
App Rendering

13. Ahead of Time (AoT)
Develop in TypeScript
Compile using
ngc Bundle & Minify Deploy
Download JS
Assets
Angular
Bootstraps
Render App
App Development
App Rendering
Angular
Templates+CSS
into TypeScript
TS into
JavaScript

14. Component.ts
Component.ngfactory.ts
Component.Metadata.json

15. app.component.ts
app.component.ngfactory.ts
app.component.metadata.json

16. Bootstrapping
Just In Time (JIT)
Ahead of Time (AoT)

17. Angular Universal
First Impressions matter

18. • Server Side Rendering (SSR)
• Universal Rendering
• Isomorphic Rendering

19. Why Angular Universal

21. Demo Time

22. Nisheed Jagadish
@nisheeddroid
Happy Birthday

23. ..build awesome stuff
for a change..
I have some questions for you
@areai51