Hi everyone...

Hi everyone...

Disclaimer

Disclaimer

Disclaimer

Disclaimer

How to approach Modern Angular development in 2022

How to approach Modern Angular development in 2022

How to approach Modern Angular development in 2022

How to approach Modern Angular development in 2022

Trần Nhật Châu

Trần Nhật Châu

Sr. Engineer

Trần Nhật Châu

Sr. Engineer

GDE in Angular

Trần Nhật Châu

Sr. Engineer

GDE in Angular

Admin of Angular Vietnam

Angular là gì?

Angular là gì?

Angular.js - 2010 - 2021

https://angularjs.org/

Angular là gì?

Angular.js - 2010 - 2021

https://angularjs.org/

Angular - 2016 - xxxx

https://angular.io/

Angular là gì?

Angular là gì?

Angular là gì?

Angular là gì?

The modern web developer's platform

Angular là gì?

The modern web developer's platform

Animations

CDK

CLI

Compiler

Elements

Angular là gì?

The modern web developer's platform

Animations

CDK

CLI

Compiler

Elements

Forms

Forms

HTTP

i18n

Karma

Labs

Angular là gì?

The modern web developer's platform

Animations

CDK

CLI

Compiler

Elements

Forms

HTTP

i18n

Karma

Labs

Language Service

Material

PWA

Router

Universal (SSR)

Angular là gì?

The modern web developer's platform

Animations

CDK

CLI

Compiler

Elements

Forms

HTTP

i18n

Karma

Labs

Language Service

Material

PWA

Router

Universal (SSR)

Angular là gì?

The modern web developer's platform

Angular là gì?

The modern web developer's platform

Angular  là một tổ hợp

The modern web developer's platform

Angular  là một tổ hợp

The modern web developer's platform

Animations

CDK

CLI

Compiler

Elements

Forms

HTTP

i18n

Karma

Labs

Language Service

Material

PWA

Router

Universal (SSR)

Angular  là toolings driven

The modern web developer's platform

Angular  là toolings driven

The modern web developer's platform

ng new happy-app

Angular  là toolings driven

The modern web developer's platform

ng new happy-app
ng new happy-app --minimal --defaults

Angular  là toolings driven

The modern web developer's platform

ng new happy-app
ng new happy-app --minimal --defaults
ng generate component happy-component

Angular  là toolings driven

The modern web developer's platform

ng new happy-app
ng new happy-app --minimal --defaults
ng generate component happy-component
ng add @angular/material

Angular  là toolings driven

The modern web developer's platform

ng new happy-app
ng new happy-app --minimal --defaults
ng generate component happy-component
ng add @angular/material
ng add angular-cli-ghpages
ng deploy

Angular  là toolings driven

The modern web developer's platform

ng new happy-app
ng new happy-app --minimal --defaults
ng generate component happy-component
ng add @angular/material
ng add angular-cli-ghpages
ng deploy
ng update @angular/core @angular/cli

Angular  là "evergreen"

The modern web developer's platform

ng update @angular/core @angular/cli

Angular  là "evergreen"

The modern web developer's platform

ng update @angular/core @angular/cli

Angular  là "evergreen"

The modern web developer's platform

ng update @angular/core @angular/cli

Angular  là "evergreen"

The modern web developer's platform

ng update @angular/core @angular/cli

Angular  là ... "không hoàn hảo"

Angular  là ... "không hoàn hảo"

Animations

CDK

CLI

Compiler

Elements

Forms

HTTP

i18n

Karma

Labs

Language Service

Material

PWA

Router

Universal (SSR)

Angular  là ... "không hoàn hảo"

Animations

CDK

CLI

Compiler

Elements

Forms

HTTP

i18n

Karma

Labs

Language Service

Material

PWA

Router

Universal (SSR)

Angular  là ... "không hoàn hảo"

Animations

CDK

CLI

Compiler

Elements

Forms

HTTP

i18n

Karma

Labs

Language Service

Material

PWA

Router

Universal (SSR)

Angular  là ... "không hoàn hảo"

Animations

CDK

CLI

Compiler

Elements

Forms

HTTP

i18n

Karma

Labs

Language Service

Material

PWA

Router

Universal (SSR)

Angular  là ... "không hoàn hảo"

Backed by Google...

Angular  là ... "không hoàn hảo"

Backed by Google...

...also constrained by Google

Angular  là ... "không hoàn hảo"

Backed by Google...

...also constrained by Google

Angular  là ... "không hoàn hảo"

Angular  là ... "không hoàn hảo"

Ai đang sử dụng Angular?

Ai đang sử dụng Angular?

Ai đang sử dụng Angular?

Ai đang sử dụng Angular?

Ai đang sử dụng Angular?

Ai đang sử dụng Angular?

Ai đang sử dụng Angular?

Ai đang sử dụng Angular?

Ai đang sử dụng Angular?

According to Angular team, the amount of apps that can be publicly analyzed that use Angular is around 4500+

Ai đang sử dụng Angular?

According to Angular team, the amount of apps that can be publicly analyzed that use Angular is around 4500+

There are millions of Ionic (mobile app framework) apps that are in the app store today, most of which were built with Angular

Ai đang sử dụng Angular?

Ai đang sử dụng Angular?

2500+ apps

Demo và Myth Buster

Demo và Myth Buster

Resources

Resources

https://angular.io

Resources

https://angular.io

https://www.facebook.com/groups/AngularVietnam

https://www.facebook.com/groups/AngularVietnam

Resources

https://angular.io

https://www.facebook.com/groups/AngularVietnam

https://www.facebook.com/groups/AngularVietnam

https://github.com/angular-vietnam/100-days-of-angular

Resources

https://angular.io

https://www.facebook.com/groups/AngularVietnam

https://www.facebook.com/groups/AngularVietnam

https://github.com/angular-vietnam/100-days-of-angular

https://rxjs.dev

Resources

https://angular.io

https://www.facebook.com/groups/AngularVietnam

https://www.facebook.com/groups/AngularVietnam

https://github.com/angular-vietnam/100-days-of-angular

https://rxjs.dev

https://github.com/PatrickJS/awesome-angular

Q/A

Thank you

deck

By Chau Tran

deck

  • 360

More from Chau Tran