O futuro dos WebApps com AngularJS 2.0

3.648 visualizações

Publicada em

Angularjs é um framework javascript construido e mantido pelo grupo de engenheiros do Google, ele usa o HTML como uma "template engine" aliado a conceitos de Orientação a Objetos, testes, dentre outros, no intuito de fornecer uma solução completa para o cliente-side de sua aplicação. Além disso tem total compatibilidade com as bibliotecas javascript mais utilizadas, como jQuery. é um novo conceito para desenvolvimento de web apps client-site.

Entenda as novidades que estão por vir com o AngularJS 2.0, as novas definições, facilidades, novos desafios e entenda o motivo do AngularJS ser um framework excelente para todos os momentos.

Publicada em: Tecnologia
4 comentários
22 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
3.648
No SlideShare
0
A partir de incorporações
0
Número de incorporações
36
Ações
Compartilhamentos
0
Downloads
75
Comentários
4
Gostaram
22
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

O futuro dos WebApps com AngularJS 2.0

  1. 1. O futuro dos WebApps com Wilson Mendes @willmendesneto 2.0
  2. 2. Wilson Mendes @willmendesneto #developer #opensource #ThoughtWorker #GDE AngularJS Wilson Mendes @willmendesneto
  3. 3. Era uma vez... Marco inicial: 2009 Primeiro produto: Double Click
  4. 4. Conceitos Programação: imperativa x declativa
  5. 5. 1.0
  6. 6. Projetos Issues Pull Requests ++ 1600
  7. 7. Projetos Issues Pull Requests ++ 1600 50% Comunidade Vem da
  8. 8. Github
  9. 9. DESCOBRIMOS MUITAS COISAS BOAS DESDE A CRIAÇÃO DO ANGULARJS
  10. 10. JS EVERYWHERE CHROME DEVTOOLS MOBILE INTERNET OF THINGS
  11. 11. #codetime https://github.com/willmendesneto/social-share
  12. 12. ROTAS NG-ROUTER X UI-ROUTER https://medium.com/angularjs-meetup-south-london/angular-just-another- introduction-to-ngnewrouter-vs-ui-router-72bfcb228017
  13. 13. INTERNACIONALIZAÇÃO
  14. 14. FORMULÁRIOS
  15. 15. DIRETIVAS Componentizar sua aplicação tornou-se algo simples
  16. 16. ++ANIMATIONS Criar e integrar animações para sua aplicação tornou-se algo simples
  17. 17. NÃO QUER COMEÇAR DO ZERO? Podemos ajudar ;) Macgyver Angular-ui Angularstrap NgTasty Keepr
  18. 18. ++MODULARIZAÇÃO
  19. 19. angular.modules(); Modularizar é a alma do negócio Porque não compartilharmos nossos módulos?
  20. 20. http://bower.io
  21. 21. http://ngmodules.org
  22. 22. APRENDEMOS QUE PROJETOS GRANDES SE PREOCUPAM COM SEUS USUÁRIOS
  23. 23. NÃO ESCONDEMOS O PROBLEMA
  24. 24. Facilidade para integrar bibliotecas Externas como jQuery, Lodash, Moment e outras ONDE PODEMOS MELHORAR
  25. 25. Alterações bruscas sempre são avisadas com antecedência UPDATES? NO PROBLEM
  26. 26. https://docs.angularjs.org/guide/migration
  27. 27. Projetos grandes precisam de organização ONDE PODEMOS MELHORAR
  28. 28. John Papa + Todd Motto = AngularJs Style guide
  29. 29. Testes são fáceis, mas onde encontro: Boas práticas? Exemplos? Dicas? ONDE PODEMOS MELHORAR
  30. 30. Wilson Mendes + Ciro Nunes = AngularJs Testing Recipes
  31. 31. ...ainda faltava algo COMEÇAMOS BEM, MAS...
  32. 32. #WHAT ??
  33. 33. !==
  34. 34. Performance Injeção de dependência Facilidade para alterar comportamentos dos bindings Aprender a sintaxe “like AngularJS”
  35. 35. NOVOS DESAFIOS NOVAS NECESSIDADES 2.0
  36. 36. Removendo dependências externas para manipulações do DOM * jQuery/jQlite/etc MANIPULAÇÃO DE DOM
  37. 37. New router Correções de bugs das rotas Nested routers ROTAS NO ANGULAR 2.0
  38. 38. Melhorias no algoritmo (DOM virtual? Não utilizamos) TWO WAY DATA BINDING 2.0
  39. 39. Web Components Shadow DOM spec Agora a brincadeira começa a ficar séria DIRECTIVES 2.0
  40. 40. $scope is the glue $scope is dead
  41. 41. this is the glue ++Javascript like $scope
  42. 42. Immutable Data Estado não pode ser alterado após criação Thread safe (sem alterações) Bons para se usar como chave hash
  43. 43. Mori.js Baseada em ClojureScript’s Imutabilidade
  44. 44. Immutable.js Immutable.js fits better with the rest of the JS ecosystem in my opinion, because it is designed for and written in JS, rather than ClojureScript. The API follows the native Array API where possible, so it's a lot easier to switch between the two. “Lee Byron, Interactive Information Designer at Facebook
  45. 45. Angular-immutable http://blog.mgechev.com/2015/03/02/immutability-in-angularjs-immutablejs/
  46. 46. Ng immutable data AngularJS 2.0 vai possuir estrutura de dados imutáveis e observers por padrão ++performance ++render
  47. 47. EM ALGUNS MOMENTOS JAVASCRIPT PODE SE TORNAR O VILÃO * Typescript
  48. 48. #codetime
  49. 49. http://angular.io
  50. 50. #obrigado Wilson Mendes @willmendesneto

×