O que você precisa saber sobre o Angular 2

Palestra apresentada no Front in Aracaju 2015

Links:
- Assista a palestra: "Angular 2 e o futuro do desenvolvimento Front-end": http://cnun.es/watch-angular2-future
- Angular Connect Keynote slides: http://cnun.es/angular-connect-keynote
- Demo Tour of Heroes: http://cnun.es/tour-of-heroes
- angular-cli: https://github.com/angular/angular-cli

Transcript

1. O que você precisa saber sobre o Angular 2 por Ciro Nunes
2. http://cnun.es/watch-angular2-future
3. 1. Minha experiência com o Angular 2. Por que o Angular 2 vai ser FODA? 3. FAQ e mitos
4. @cironunesdev
5. Belo Horizonte - MG
9. 1. Usando 3. Desenvolvendo 2. Ensinando
10. Kanui: Um dos maiores e-commerces da América Latina Questrade: Portfolio IQ & MyQuestrade Trading Usando
11. Ensinando Mais de 20 palestras nacionais e internacionais Cursos, treinamentos, consultorias e code review Artigos, code labs, hackatons e meetups
12. Desenvolvendo Angular 1: docs, bug fixes, refactors Angular 2: docs, bug fixes Karma core commiter angular-cli core commiter
14. Por que o Angular 2 vai ser FODA?
16. VELOCIDADE & PERFORMANCE Feito para ser rápido desde o primeiro dia
17. Slides: Angular Connect Keynote http://cnun.es/angular-connect-keynote
18. VELOCIDADE & PERFORMANCE Feito para ser rápido desde o primeiro dia
19. VELOCIDADE & PERFORMANCE Feito para ser rápido desde o primeiro dia PREPARADO PARA O FUTURO Escrito em TypeScript, compilado para ES6
20. VELOCIDADE & PERFORMANCE Feito para ser rápido desde o primeiro dia SIMPLES & EXPRESSIVO Faça mais com menos regras para memorizar PREPARADO PARA O FUTURO Escrito em TypeScript, compilado para ES6
21. Binding Example
22. Binding Example Properties <input'[value]="firstName">
23. Binding Example Properties <input'[value]="firstName"> Events <button'(click)="buy($event)">
24. Binding Example Properties <input'[value]="firstName"> Events <button'(click)="buy($event)"> Two-way <input'[(ng/model)]="userName">
25. VELOCIDADE & PERFORMANCE Feito para ser rápido desde o primeiro dia SIMPLES & EXPRESSIVO Faça mais com menos regras para memorizar PREPARADO PARA O FUTURO Escrito em TypeScript, compilado para ES6
26. VELOCIDADE & PERFORMANCE Feito para ser rápido desde o primeiro dia SIMPLES & EXPRESSIVO Faça mais com menos regras para memorizar PREPARADO PARA O FUTURO Escrito em TypeScript, compilado para ES6 SUPORTE A WEB COMPONENTS De acordo com os padrões web
27. Demo: Tour of heroes http://cnun.es/tour-of-heroes
29. DESENVOLVIMENTO FLEXÍVEL Escreva em qualquer linguagem que compile para JavaScript INTEROPERÁVEL Use junto com suas bibliotecas favorita: Polymer, Redux, Immutable, RxJS, etc.
30. DESENVOLVIMENTO FLEXÍVEL Escreva em qualquer linguagem que compile para JavaScript COMPONENT ROUTER INTEROPERÁVEL Use junto com suas bibliotecas favorita: Polymer, Redux, Immutable, RxJS, etc.
31. DESENVOLVIMENTO FLEXÍVEL Escreva em qualquer linguagem que compile para JavaScript COMPONENT ROUTER FERRAMENTAS Para deixar o workflow divertido e produtivo INTEROPERÁVEL Use junto com suas bibliotecas favorita: Polymer, Redux, Immutable, RxJS, etc.
32. Demo: angular-cli https://github.com/angular/angular-cli
33. FAQ e mitos
34. “O Angular não é importante para o Google.”
36. Por que uma nova versão está sendo criada?
37. Velocidade & Adaptação
38. Quais browsers serão suportados?
40. “Não será possível migrar a sua aplicação do Angular 1.x pro 2 sem um refactoring muito grande no código.”
41. Como vai ser a migração de aplicações A1 para A2?
48. Angular 2
49. Angular 2 Plataforma de desenvolvimento para o futuro da web
50. Angular 2 Plataforma de desenvolvimento para o futuro da web Feito para ser rápido
51. Angular 2 Plataforma de desenvolvimento para o futuro da web Feito para ser rápido Suporte a Web Components e outros padrões
52. Angular 2 Plataforma de desenvolvimento para o futuro da web Feito para ser rápido Suporte a Web Components e outros padrões Sintaxe mais semântica e com menos regras
53. Perguntas? @cironunesdev