![Page 1: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/1.jpg)
NGULAR 2
O que mudou do Angular 1, ES6 e Typescript
![Page 3: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/3.jpg)
POR QUE ANGULAR?
➤ Top Front-end Javascript Framework no Github
➤ Mais de 46K stars para o Angular 1
➤ Mais de 8k stars para o Angular 2
➤ 4o projeto mais favoritado de todo Github
➤ Enorme comunidade
➤ Extensa documentação e fontes de estudo
➤ Usado para aplicações web de todos os tamanhos
➤ Aplicativos móveis
![Page 4: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/4.jpg)
POR QUE ANGULAR?
➤ Top Front-end Javascript Framework no Github
➤ Mais de 46K stars para o Angular 1
➤ Mais de 8k stars para o Angular 2
➤ 4o projeto mais favoritado de todo Github
➤ Enorme comunidade
➤ Extensa documentação e fontes de estudo
➤ Usado para aplicações web de todos os tamanhos
➤ Aplicativos móveis
![Page 5: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/5.jpg)
POR QUE ANGULAR?
➤ Top Front-end Javascript Framework no Github
➤ Mais de 46K stars para o Angular 1
➤ Mais de 8k stars para o Angular 2
➤ 4o projeto mais favoritado de todo Github
➤ Enorme comunidade
➤ Extensa documentação e fontes de estudo
➤ Usado para aplicações web de todos os tamanhos
➤ Aplicativos móveis
![Page 6: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/6.jpg)
POR QUE ANGULAR?
➤ Top Front-end Javascript Framework no Github
➤ Mais de 46K stars para o Angular 1
➤ Mais de 8k stars para o Angular 2
➤ 4o projeto mais favoritado de todo Github
➤ Enorme comunidade
➤ Extensa documentação e fontes de estudo
➤ Usado para aplicações web de todos os tamanhos
➤ Aplicativos móveis
![Page 7: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/7.jpg)
POR QUE ANGULAR?
➤ Top Front-end Javascript Framework no Github
➤ Mais de 46K stars para o Angular 1
➤ Mais de 8k stars para o Angular 2
➤ 4o projeto mais favoritado de todo Github
➤ Enorme comunidade
➤ Extensa documentação e fontes de estudo
➤ Usado para aplicações web de todos os tamanhos
➤ Aplicativos móveis
![Page 8: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/8.jpg)
ANGULARJS O que mudou da versão 1.x?
![Page 9: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/9.jpg)
ANGULARJS 1.X
➤ $scope
➤ Controllers
➤ angular.module
➤ jqLite
➤ Directive definition Object
![Page 10: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/10.jpg)
WTF!?
![Page 11: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/11.jpg)
MAS SEM PÂNICO!
➤ O Angular 1.X não vai a lugar algum!
➤ Angular 1.x é estável;
➤ Algumas pessoas ainda usam IE 8
➤ Versões antigas do Android
➤ Web Forms para .NET
![Page 12: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/12.jpg)
![Page 13: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/13.jpg)
ECMASCRIPT2015
![Page 14: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/14.jpg)
ES6
➤ A próxima "versão" do Javascript
➤ A última versão foi escrita em 2009!
iPhone 3GS Nokia N900
![Page 15: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/15.jpg)
ES6 FEATURES
➤ LET
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
![Page 16: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/16.jpg)
ES6 FEATURES
➤ CONST
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
![Page 17: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/17.jpg)
ES6 FEATURES
➤ ARROW FUNCTIONS
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
![Page 18: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/18.jpg)
ES6 FEATURES
➤ MODULES
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
![Page 19: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/19.jpg)
ES6 FEATURES
➤ CLASSES
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
![Page 20: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/20.jpg)
ES6 FEATURES
➤ CLASSES W/ HERITANCE
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
![Page 21: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/21.jpg)
ES6 FEATURES
➤ Extended parameters handling
➤ Template Literals
➤ Extended Literals
➤ Enhanced Regular Expressions
➤ Enhanced Object Properties
➤ Destructing
➤ Symbols
➤ Iterators and Generators
➤ etc.
![Page 22: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/22.jpg)
ES6 FEATURES
➤ Extended parameters handling
➤ Template Literals
➤ Extended Literals
➤ Enhanced Regular Expressions
➤ Enhanced Object Properties
➤ Destructing
➤ Symbols
➤ Iterators and Generators
➤ etc.
![Page 23: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/23.jpg)
![Page 24: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/24.jpg)
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
![Page 25: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/25.jpg)
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
![Page 26: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/26.jpg)
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
![Page 27: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/27.jpg)
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
![Page 28: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/28.jpg)
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
![Page 29: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/29.jpg)
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
![Page 30: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/30.jpg)
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
![Page 31: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/31.jpg)
FLEXÍVEL
![Page 32: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/32.jpg)
TYPESCRIPT
![Page 33: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/33.jpg)
TYPESCRIPT
➤ Transpiler
![Page 34: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/34.jpg)
TYPESCRIPT
➤ Tipos de dados
![Page 35: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/35.jpg)
TYPESCRIPT
➤ Classes
![Page 36: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/36.jpg)
TYPESCRIPT
➤ Modificadores de acesso e propriedades
![Page 37: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/37.jpg)
TYPESCRIPT
➤ Decorators (ES2016)
![Page 38: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/38.jpg)
TYPESCRIPT
➤ Módulos
![Page 39: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/39.jpg)
![Page 40: Angular 2: O que mudou do Angular 1, ES6 e Typescript](https://reader030.vdocuments.pub/reader030/viewer/2022021502/58f0849e1a28abd02b8b45dd/html5/thumbnails/40.jpg)