novidades do angularjs 2.0

Download Novidades do AngularJS 2.0

Post on 15-Apr-2017

239 views

Category:

Internet

1 download

Embed Size (px)

TRANSCRIPT

Novidades do AngularJS 2.0

Novidades do AngularJS 2.0Mudanas, melhorias e muito mais

@_ntakashi/ntakashiintakashi.netnicolas.tcs@hotmail.com

2

TpicosAngularJS 1.xO que o AngularJS 2.0?MotivaoPrincpiosPromessasDiga adeusQuick FAQDEMO

3

AngularJS 1.xFramework JavaScript Open SourceIniciado em 2009Baseado no ECS5 e jqLite (subset JQuery)Performance questionvelFamoso

O que o AngularJS 2.0?Framework MVW Model View WhateverInspirado no AngularJS 1.xTotalmente reescritoPerformticoFlexvelOpen Source

Motivao

AngularJS 2.0 at 5x mais rpido que a verso atual;Muito mais simples de aprender;Novos padres.

PrincpiosMobilidadeFlexibilidadeAgilidade

PromessasCross Platform;Performance;Migrao simples;Flexibilidade;Older browsers support

Melhorias Framework DIMelhor controle sobre escopo dos objetos;Child injectors;Depndencias opcionais.

Melhorias DiretivasComponent Directives;Decorator Directives;Template Directives.

Melhorias RotasJSON baseado em Route Config;Conveno de configurao opcional;Parmetros Estticos;Padres de rotas parametrizados;URL resolver;Suporte a Query String;Navigation Model;Manipulao de erro 404;Location Service;Manipulao de histrico.

Diga adeus.$ScopeControllerTwo-way Data BindingMuitas Diretivas

Diga adeusNg-bind;Ng-class;Ng-show;Ng-src;Ng-href;Ng-style;Ng-Hide;Ng-click

Bootstraping AngularJS 1.xCriar um mduloDeclarar o ng-appCriar um ControllerDeclarar o ng-ControllerCriar um template

Bootstraping AngularJS 2.0Criar um componenteCriar um templateChamar o mtodo BootStrap (Angular2/Core)Transpilar

Quick FAQSou obrigado a utilizar TypeScript?Posso utilizar Flux?Ento o AngularJS 2.0 o ReactJS do Google?

Quick FAQAngular-Translate vai ser compatvel com a nova verso?A checagem de tipo torna a app mais lenta?Vou precisar reescrever tudo da app feita com a verso 1.x?

Quick FAQEu vou ter que escrever HTML inline?Comeo meu projeto com AngularJS 2.0?

Quick FAQTodo List App utilizando AngularJS 2.0

Refernciasangular.ioEvoluo do AngularJS Rodrigo BranasMinko Gecheve