O futuro dos WebApps com AngularJS 2.0
23 gostaram4,183 visualizações
O documento discute a evolução dos webapps com foco no AngularJS e suas melhorias na versão 2.0. Wilson Mendes aborda conceitos como modularização, injeção de dependências, e a integração de novos padrões como dados imutáveis. Além disso, destaca a importância de boas práticas e organização em projetos grandes.
O futuro dos WebApps com AngularJS 2.0
- 1. O futuro dos WebApps com Wilson Mendes @willmendesneto 2.0
- 3. Wilson Mendes @willmendesneto #developer #opensource #ThoughtWorker #GDE AngularJS Wilson Mendes @willmendesneto
- 4. Era uma vez... Marco inicial: 2009 Primeiro produto: Double Click
- 5. Conceitos Programação: imperativa x declativa
- 6. 1.0
- 9. Github
- 12. DESCOBRIMOS MUITAS COISAS BOAS DESDE A CRIAÇÃO DO ANGULARJS
- 13. JS EVERYWHERE CHROME DEVTOOLS MOBILE INTERNET OF THINGS
- 17. FORMULÁRIOS
- 18. DIRETIVAS Componentizar sua aplicação tornou-se algo simples
- 20. ++ANIMATIONS Criar e integrar animações para sua aplicação tornou-se algo simples
- 21. NÃO QUER COMEÇAR DO ZERO? Podemos ajudar ;) Macgyver Angular-ui Angularstrap NgTasty Keepr
- 22. ++MODULARIZAÇÃO
- 23. angular.modules(); Modularizar é a alma do negócio Porque não compartilharmos nossos módulos?
- 26. APRENDEMOS QUE PROJETOS GRANDES SE PREOCUPAM COM SEUS USUÁRIOS
- 27. NÃO ESCONDEMOS O PROBLEMA
- 28. Facilidade para integrar bibliotecas Externas como jQuery, Lodash, Moment e outras ONDE PODEMOS MELHORAR
- 29. Alterações bruscas sempre são avisadas com antecedência UPDATES? NO PROBLEM
- 31. Projetos grandes precisam de organização ONDE PODEMOS MELHORAR
- 32. John Papa + Todd Motto = AngularJs Style guide
- 33. Testes são fáceis, mas onde encontro: Boas práticas? Exemplos? Dicas? ONDE PODEMOS MELHORAR
- 34. Wilson Mendes + Ciro Nunes = AngularJs Testing Recipes
- 35. ...ainda faltava algo COMEÇAMOS BEM, MAS...
- 36. #WHAT ??
- 37. !==
- 38. Performance Injeção de dependência Facilidade para alterar comportamentos dos bindings Aprender a sintaxe “like AngularJS”
- 40. Removendo dependências externas para manipulações do DOM * jQuery/jQlite/etc MANIPULAÇÃO DE DOM
- 41. New router Correções de bugs das rotas Nested routers ROTAS NO ANGULAR 2.0
- 42. Melhorias no algoritmo (DOM virtual? Não utilizamos) TWO WAY DATA BINDING 2.0
- 43. Web Components Shadow DOM spec Agora a brincadeira começa a ficar séria DIRECTIVES 2.0
- 44. $scope is the glue $scope is dead
- 45. this is the glue ++Javascript like $scope
- 46. Immutable Data Estado não pode ser alterado após criação Thread safe (sem alterações) Bons para se usar como chave hash
- 48. 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
- 50. Ng immutable data AngularJS 2.0 vai possuir estrutura de dados imutáveis e observers por padrão ++performance ++render
- 51. EM ALGUNS MOMENTOS JAVASCRIPT PODE SE TORNAR O VILÃO * Typescript
- 52. #codetime