It’s just AngularVinci Rufus@areai51

Know your Angular

AngularJSAngular 1.x

AngularAngular 2Angular 4

What Happened to Angular 3

Angular 4Angular 2

Angular Framework Platform

Angular

Mobile Server Desktop

The BEST Developer Experience (DX)

TypeScript

-NOT a new Language- CLI

Codelyzer

ngMaterial

Protractor

Karma

Augury

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/

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

Angular CLI

Angular CLI

https://cli.angular.io

Basic Commands

npm install –g @angular/cli

ng new my-app

ng generate my-component

ng serve

ng build –-prod --aot

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

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

Ahead of Time (AoT)

Develop in TypeScriptCompile using

ngc Bundle & Minify Deploy

Download JS Assets

Angular Bootstraps Render App

App Development

App Rendering

Angular Templates+CSS into TypeScript

TS into JavaScript

Component.ts

Component.ngfactory.ts

Component.Metadata.json

app.component.ts

app.component.ngfactory.ts

app.component.metadata.json

BootstrappingJust In Time (JIT)

Ahead of Time (AoT)

Angular UniversalFirst Impressions matter

• Server Side Rendering (SSR)

• Universal Rendering

• Isomorphic Rendering

Why Angular Universal

Demo Time

Nisheed Jagadish@nisheeddroid

Happy Birthday

..build awesome stufffor a change..

I have some questions for you@areai51