angular 2: o que mudou do angular 1, es6 e typescript
TRANSCRIPT
NGULAR 2
O que mudou do Angular 1, ES6 e Typescript
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
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
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
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
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
ANGULARJS O que mudou da versão 1.x?
ANGULARJS 1.X
➤ $scope
➤ Controllers
➤ angular.module
➤ jqLite
➤ Directive definition Object
WTF!?
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
ECMASCRIPT2015
ES6
➤ A próxima "versão" do Javascript
➤ A última versão foi escrita em 2009!
iPhone 3GS Nokia N900
ES6 FEATURES
➤ LET
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
ES6 FEATURES
➤ CONST
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
ES6 FEATURES
➤ ARROW FUNCTIONS
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
ES6 FEATURES
➤ MODULES
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
ES6 FEATURES
➤ CLASSES
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
ES6 FEATURES
➤ CLASSES W/ HERITANCE
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
ES6 FEATURES
➤ Extended parameters handling
➤ Template Literals
➤ Extended Literals
➤ Enhanced Regular Expressions
➤ Enhanced Object Properties
➤ Destructing
➤ Symbols
➤ Iterators and Generators
➤ etc.
ES6 FEATURES
➤ Extended parameters handling
➤ Template Literals
➤ Extended Literals
➤ Enhanced Regular Expressions
➤ Enhanced Object Properties
➤ Destructing
➤ Symbols
➤ Iterators and Generators
➤ etc.
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível
FLEXÍVEL
TYPESCRIPT
TYPESCRIPT
➤ Transpiler
TYPESCRIPT
➤ Tipos de dados
TYPESCRIPT
➤ Classes
TYPESCRIPT
➤ Modificadores de acesso e propriedades
TYPESCRIPT
➤ Decorators (ES2016)
TYPESCRIPT
➤ Módulos
