Transcript
Page 1: Novidades do AngularJS 2.0

Novidades do AngularJS 2.0Mudanças, melhorias e muito mais

Page 2: Novidades do AngularJS 2.0

@_ntakashi

/ntakashii

ntakashi.net

[email protected]

Page 3: Novidades do AngularJS 2.0

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

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

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

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

Princípios

Mobilidade Flexibilidade Agilidade

Page 8: Novidades do AngularJS 2.0

Promessas

Cross Platform; Performance; Migração simples; Flexibilidade; Older browsers support

Page 9: Novidades do AngularJS 2.0

Melhorias – Framework DI

Melhor controle sobre escopo dos objetos; Child injectors; Depêndencias opcionais.

Page 10: Novidades do AngularJS 2.0

Melhorias – Diretivas

Component Directives; Decorator Directives; Template Directives.

Page 11: Novidades do AngularJS 2.0

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

Diga adeus.

$Scope Controller Two-way Data Binding Muitas Diretivas

Page 13: Novidades do AngularJS 2.0

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

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

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

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

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

Quick FAQ

Eu vou ter que escrever HTML inline? Começo meu projeto com AngularJS 2.0?

Page 19: Novidades do AngularJS 2.0

Quick FAQ

Todo List App utilizando AngularJS 2.0


Top Related