novidades do angularjs 2.0
TRANSCRIPT
![Page 1: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/1.jpg)
Novidades do AngularJS 2.0Mudanças, melhorias e muito mais
![Page 3: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/3.jpg)
Tópicos
AngularJS 1.x O que é o AngularJS 2.0? Motivação Princípios Promessas Diga adeus Quick FAQ DEMO
![Page 4: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/4.jpg)
AngularJS 1.x
Framework JavaScript Open Source Iniciado em 2009 Baseado no ECS5 e jqLite (subset JQuery) Performance questionável Famosão
![Page 5: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/5.jpg)
O que é o AngularJS 2.0?
Framework MVW – Model View Whatever Inspirado no AngularJS 1.x Totalmente reescrito Performático Flexível Open Source
![Page 6: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/6.jpg)
Motivação
AngularJS 2.0 é até 5x mais rápido que a versão atual;
Muito mais simples de aprender; Novos padrões.
![Page 7: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/7.jpg)
Princípios
Mobilidade Flexibilidade Agilidade
![Page 8: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/8.jpg)
Promessas
Cross Platform; Performance; Migração simples; Flexibilidade; Older browsers support
![Page 9: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/9.jpg)
Melhorias – Framework DI
Melhor controle sobre escopo dos objetos; Child injectors; Depêndencias opcionais.
![Page 10: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/10.jpg)
Melhorias – Diretivas
Component Directives; Decorator Directives; Template Directives.
![Page 11: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/11.jpg)
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.
![Page 12: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/12.jpg)
Diga adeus.
$Scope Controller Two-way Data Binding Muitas Diretivas
![Page 13: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/13.jpg)
Diga adeus
Ng-bind; Ng-class; Ng-show; Ng-src; Ng-href; Ng-style; Ng-Hide; Ng-click
![Page 14: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/14.jpg)
Bootstraping – AngularJS 1.x
Criar um módulo Declarar o ng-app Criar um Controller Declarar o ng-Controller Criar um template
![Page 15: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/15.jpg)
Bootstraping – AngularJS 2.0
Criar um componente Criar um template Chamar o método BootStrap – (Angular2/Core) Transpilar
![Page 16: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/16.jpg)
Quick FAQ
Sou obrigado a utilizar TypeScript? Posso utilizar Flux? Então o AngularJS 2.0 é o ReactJS do Google?
![Page 17: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/17.jpg)
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?
![Page 18: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/18.jpg)
Quick FAQ
Eu vou ter que escrever HTML inline? Começo meu projeto com AngularJS 2.0?
![Page 19: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/19.jpg)
Quick FAQ
Todo List App utilizando AngularJS 2.0
![Page 20: Novidades do AngularJS 2.0](https://reader035.vdocuments.mx/reader035/viewer/2022062904/58766acf1a28abd0018b50cf/html5/thumbnails/20.jpg)
Referências
angular.io Evolução do AngularJS – Rodrigo Branas Minko Gecheve