Download - Angular 2
![Page 1: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/1.jpg)
Angular 2Minhas Impressões
![Page 2: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/2.jpg)
@Component({selector: 'talk'}) @View({template: '<h1>Google I/O</h1>'})// Component controllerclass TalkComponent { constructor() { this.name = 'Paulo Pires'; this.twitter = '@paulo_hp'; }}
![Page 3: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/3.jpg)
![Page 4: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/4.jpg)
![Page 5: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/5.jpg)
Angular 1.x
![Page 6: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/6.jpg)
Angular 1.4Performance Melhorada
Novo Router e i18n Suporte a CommonJS
Melhoria nas animações E muito mais...
![Page 7: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/7.jpg)
Angular 1.4(use este hoje!)
![Page 8: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/8.jpg)
Angular 1.5(pode ser o elo até o 2.0)
![Page 9: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/9.jpg)
Angular 2
![Page 10: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/10.jpg)
/angular/angular
![Page 11: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/11.jpg)
TypeScript
typescriptlang.org
![Page 12: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/12.jpg)
Será que a checagem de tipo em tempo de execução pode deixar a app mais lenta?
pergunta
![Page 13: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/13.jpg)
Eu devo usar o TypeScript para meu novo app em Angular2?
pergunta
![Page 14: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/14.jpg)
es6rocks.com
![Page 15: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/15.jpg)
webcomponents.org
![Page 16: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/16.jpg)
Sem controllers
![Page 17: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/17.jpg)
3 tipos de directives
![Page 18: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/18.jpg)
@Component
![Page 19: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/19.jpg)
@Viewport
![Page 20: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/20.jpg)
@Decorator
![Page 21: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/21.jpg)
Mas isso não quebra a separação de 'concerns' que o Angular tanto prega?
pergunta
![Page 22: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/22.jpg)
Então vou ter que mudar tudo? Converter todos meus controllers para directives?
pergunta
![Page 23: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/23.jpg)
O Angular2 é tipo o React.js, no fim das contas? Vou ter que escrever HTML inline?
pergunta
![Page 24: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/24.jpg)
SemTwo-Way data-binding
![Page 25: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/25.jpg)
Agora vou ter que manipular e construir formularios na unha?
pergunta
![Page 26: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/26.jpg)
Fluxo de dados unidirecional... Posso usar Flux?
pergunta
![Page 27: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/27.jpg)
Então o Angular2 é o React implementado pela Google?
pergunta
![Page 28: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/28.jpg)
Novo Router
![Page 29: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/29.jpg)
/angular/router
![Page 30: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/30.jpg)
Começo meu novo projeto com o Router velho ou com o novo?
pergunta
![Page 31: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/31.jpg)
Real Modules
![Page 32: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/32.jpg)
Tchau $scope
![Page 33: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/33.jpg)
@Component({ selector: 'sample-app', componentServices: [ NameList ]})@Template({ url: './templates/sample-app.html', directives: [Foreach]})class SampleApp { constructor() { this.names = NameList.get(); this.newName = ''; } addName(newname) { this.names.push(newname.value); newname.value = ''; }}
![Page 34: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/34.jpg)
...<ul> <li *foreach="#name in names"></li></ul>...
![Page 35: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/35.jpg)
Ultra Fast Change Detection
![Page 36: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/36.jpg)
DI Melhorada
![Page 37: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/37.jpg)
/angular/di.js
![Page 38: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/38.jpg)
import {Inject} from 'di';import {Electricity} from './electricity';
@Inject(Electricity)export class Fridge { constructor(electricity) { this.electricity = electricity; }
getEggs() { return '3 eggs'; }}
![Page 39: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/39.jpg)
![Page 40: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/40.jpg)
Não estapronto paraproducão!
![Page 41: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/41.jpg)
![Page 42: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/42.jpg)
Experimente!
![Page 43: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/43.jpg)
perguntas?
![Page 44: Angular 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55b155f7bb61eb5e028b45b0/html5/thumbnails/44.jpg)
Obrigado!