TDC2016SP - TypeScript em aplicações modernas
Transferir como PPTX, PDF1 gostou163 visualizações
O documento discute as principais mudanças no AngularJS 2.0, incluindo melhorias no desempenho, flexibilidade e simplicidade. Algumas diretivas como ng-bind e ng-click não existirão mais e componentes serão a base da programação. O bootstrapping também mudará para um modelo baseado em componentes.
TDC2016SP - TypeScript em aplicações modernas
- 1. Novidades do AngularJS 2.0 Mudanças, melhorias e muito mais
- 3. Tópicos AngularJS 1.x O que é o AngularJS 2.0? Motivação Princípios Promessas Diga adeus Quick FAQ DEMO
- 4. AngularJS 1.x Framework JavaScript Open Source Iniciado em 2009 Baseado no ECS5 e jqLite (subset JQuery) Performance questionável Famosão
- 5. O que é o AngularJS 2.0? Framework MVW – Model View Whatever Inspirado no AngularJS 1.x Totalmente reescrito Performático Flexível Open Source
- 6. Motivação AngularJS 2.0 é até 5x mais rápido que a versão atual; Muito mais simples de aprender; Novos padrões.
- 8. Promessas Cross Platform; Performance; Migração simples; Flexibilidade; Older browsers support
- 9. Melhorias – Framework DI Melhor controle sobre escopo dos objetos; Child injectors; Depêndencias opcionais.
- 10. Melhorias – Diretivas Component Directives; Decorator Directives; Template Directives.
- 11. Melhorias – Rotas JSON baseado em Route Config; Convenção de configuração opcional; Parâmetros Estáticos; Padrões de rotas parametrizados; URL resolver; Suporte a Query String; Navigation Model; Manipulação de erro 404; Location Service; Manipulação de histórico.
- 12. Diga adeus. $Scope Controller Muitas Diretivas
- 13. Diga adeus Ng-bind; Ng-class; Ng-show; Ng-src; Ng-href; Ng-style; Ng-Hide; Ng-click
- 14. Bootstraping – AngularJS 1.x Criar um módulo Declarar o ng-app Criar um Controller Declarar o ng-Controller Criar um template
- 15. Bootstraping – AngularJS 2.0 Criar um componente Criar um template Chamar o método BootStrap – (Angular2/Core) Transpilar
- 16. Quick FAQ Sou obrigado a utilizar TypeScript? Posso utilizar Flux? Então o AngularJS 2.0 é o ReactJS do Google?
- 17. Quick FAQ Angular-Translate vai ser compatível com a nova versão? A checagem de tipo torna a app mais lenta? Vou precisar reescrever tudo da app feita com a versão 1.x?
- 18. Quick FAQ Eu vou ter que escrever HTML inline? Começo meu projeto com AngularJS 2.0?
- 19. Quick FAQ Todo List App utilizando AngularJS 2.0
- 20. Referências angular.io Evolução do AngularJS – Rodrigo Branas Minko Gecheve