Apresentação do GDG Feira de Santana sobre o Angular 2, o que mudou da versão 1.x, ES6 e Typescript.

1. NGULAR 2
O que mudou do Angular 1, ES6 e Typescript

2. QUEM VOS FALA?
@matheuscas matheuscasmatheus.mcas@gmail.com

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

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

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

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

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

8. ANGULARJS
O que mudou da versão 1.x?

9. ANGULARJS 1.X
➤ $scope
➤ Controllers
➤ angular.module
➤ jqLite
➤ Directive definition Object

10. WTF!?

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

13. ECMASCRIPT
2015

14. ES6
➤ A próxima "versão" do Javascript
➤ A última versão foi escrita em 2009!
iPhone 3GS Nokia N900

15. ES6 FEATURES
➤ LET
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/

16. ES6 FEATURES
➤ CONST
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/

17. ES6 FEATURES
➤ ARROW FUNCTIONS
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/

18. ES6 FEATURES
➤ MODULES
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/

19. ES6 FEATURES
➤ CLASSES
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/

20. ES6 FEATURES
➤ CLASSES W/ HERITANCE
https://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/

21. ES6 FEATURES
➤ Extended parameters handling
➤ Template Literals
➤ Extended Literals
➤ Enhanced Regular Expressions
➤ Enhanced Object Properties
➤ Destructing
➤ Symbols
➤ Iterators and Generators
➤ etc.

22. ES6 FEATURES
➤ Extended parameters handling
➤ Template Literals
➤ Extended Literals
➤ Enhanced Regular Expressions
➤ Enhanced Object Properties
➤ Destructing
➤ Symbols
➤ Iterators and Generators
➤ etc.

24. POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível

25. POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível

26. POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível

27. POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível

28. POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível

29. POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível

30. POR QUE ANGULAR 2?
➤ Mobile focused
➤ "One Framework"
➤ Modular
➤ Moderno
➤ (Quase) Completa interoperabilidade com Angular 1
➤ Performance
➤ Flexível

31. FLEXÍVEL

32. TYPESCRIPT

33. TYPESCRIPT
➤ Transpiler

34. TYPESCRIPT
➤ Tipos de dados

35. TYPESCRIPT
➤ Classes

36. TYPESCRIPT
➤ Modificadores de acesso e propriedades

37. TYPESCRIPT
➤ Decorators (ES2016)

38. TYPESCRIPT
➤ Módulos

41. @matheuscas matheuscasmatheus.mcas@gmail.com
Muito obrigado! 😃
Perguntas?