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
   

   View Slide

2. http://cnun.es/watch-angular2-future
   

   View Slide

3. 1. Minha experiência com o Angular
   2. Por que o Angular 2 vai ser FODA?
   3. FAQ e mitos
   

   View Slide

4. @cironunesdev
   

   View Slide

5. Belo Horizonte - MG
   

   View Slide

6. View Slide

7. View Slide

8. View Slide

9. 1. Usando
   3. Desenvolvendo
   2. Ensinando
   

   View Slide

10. Kanui: Um dos maiores e-commerces da América Latina
    Questrade: Portfolio IQ & MyQuestrade Trading
    Usando
    

    View Slide

11. Ensinando
    Mais de 20 palestras nacionais e internacionais
    Cursos, treinamentos, consultorias e code review
    Artigos, code labs, hackatons e meetups
    

    View Slide

12. Desenvolvendo
    Angular 1: docs, bug fixes, refactors
    Angular 2: docs, bug fixes
    Karma core commiter
    angular-cli core commiter
    

    View Slide

13. View Slide

14. Por que o Angular 2 vai ser FODA?
    

    View Slide

15. View Slide

16. VELOCIDADE & PERFORMANCE
    Feito para ser rápido desde o primeiro dia
    

    View Slide

17. Slides: Angular Connect Keynote
    http://cnun.es/angular-connect-keynote
    

    View Slide

18. VELOCIDADE & PERFORMANCE
    Feito para ser rápido desde o primeiro dia
    

    View Slide

19. VELOCIDADE & PERFORMANCE
    Feito para ser rápido desde o primeiro dia
    PREPARADO PARA O FUTURO
    Escrito em TypeScript, compilado para ES6
    

    View Slide

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
    

    View Slide

21. Binding Example
    

    View Slide

22. Binding Example
    Properties
    

    View Slide

23. Binding Example
    Properties
    Events
    

    View Slide

24. Binding Example
    Properties
    Events
    Two-way
    

    View Slide

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
    

    View Slide

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
    

    View Slide

27. Demo: Tour of heroes
    http://cnun.es/tour-of-heroes
    

    View Slide

28. View Slide

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.
    

    View Slide

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.
    

    View Slide

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.
    

    View Slide

32. Demo: angular-cli
    https://github.com/angular/angular-cli
    

    View Slide

33. FAQ e mitos
    

    View Slide

34. “O Angular não é importante para o Google.”
    

    View Slide

35. View Slide

36. Por que uma nova versão está sendo criada?
    

    View Slide

37. Velocidade &
    Adaptação
    

    View Slide

38. Quais browsers serão suportados?
    

    View Slide

39. View Slide

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.”
    

    View Slide

41. Como vai ser a migração de aplicações
    A1 para A2?
    

    View Slide

42. View Slide

43. View Slide

44. View Slide

45. View Slide

46. View Slide

47. View Slide

48. Angular 2
    

    View Slide

49. Angular 2
    Plataforma de desenvolvimento para o futuro da web
    

    View Slide

50. Angular 2
    Plataforma de desenvolvimento para o futuro da web
    Feito para ser rápido
    

    View Slide

51. Angular 2
    Plataforma de desenvolvimento para o futuro da web
    Feito para ser rápido
    Suporte a Web Components e outros padrões
    

    View Slide

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
    

    View Slide

53. Perguntas?
    @cironunesdev
    

    View Slide