O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Novidades do AngularJS 2.0

284 visualizações

Publicada em

Nessa palestra apresentei as novidades e melhorias do AngularJS 2.0 ao final desenvolvemos uma pequena aplicação utilizando a nova versão do framework.

Código utilizando na palestra: http://bit.ly/1n2PzLj

Publicada em: Internet
  • Seja o primeiro a comentar

Novidades do AngularJS 2.0

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

×