Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Angular 2 e o futuro do desenvolvimento Front-end

Ciro Nunes
September 19, 2015

Angular 2 e o futuro do desenvolvimento Front-end

Ciro Nunes

September 19, 2015
Tweet

More Decks by Ciro Nunes

Other Decks in Technology

Transcript

  1. 1. Por que uma nova versão? 2. O que a

    nova versão terá de melhor? 3. Como me preparar para o futuro?
  2. app.directive('myCard', function() { return { templateUrl: 'my-card.html', scope: { title:

    '@' }, transclude: true }; }); Property binding Transclusion
  3. import { Component, View, ViewEncapsulation } from 'angular2/angular2'; @Component({ selector:

    'my-card', properties: ['title'] }) @View({ encapsulation: ViewEncapsulation.Native templateUrl: 'my-card.html' }) class MyComponent {}
  4. import { Component, View, ViewEncapsulation } from 'angular2/angular2'; @Component({ selector:

    'my-card', properties: ['title'] }) @View({ encapsulation: ViewEncapsulation.Native templateUrl: 'my-card.html' }) class MyComponent {} Property binding
  5. import { Component, View, ViewEncapsulation } from 'angular2/angular2'; @Component({ selector:

    'my-card', properties: ['title'] }) @View({ encapsulation: ViewEncapsulation.Native templateUrl: 'my-card.html' }) class MyComponent {} Property binding Content projection
  6. Tree of components Change detection Mais rápido por natureza 3~5x

    mais rápido Suporte a diferentes estratégias
  7. Plataforma de desenvolvimento para evergreen browsers Angular 2 Change detection

    até 8x mais rápido que na versão 1.x Suporte a Web Componentes e outros padrões
  8. Plataforma de desenvolvimento para evergreen browsers Angular 2 Change detection

    até 8x mais rápido que na versão 1.x Suporte a Web Componentes e outros padrões Sintaxe mais semântica e com menos regras