O futuro dos WebApps com AngularJS 2.0

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.

Transcript

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
7. Projetos Issues Pull Requests ++ 1600
8. Projetos Issues Pull Requests ++ 1600 50% Comunidade Vem da
9. Github
12. DESCOBRIMOS MUITAS COISAS BOAS DESDE A CRIAÇÃO DO ANGULARJS
13. JS EVERYWHERE CHROME DEVTOOLS MOBILE INTERNET OF THINGS
14. #codetime https://github.com/willmendesneto/social-share
15. ROTAS NG-ROUTER X UI-ROUTER https://medium.com/angularjs-meetup-south-london/angular-just-another- introduction-to-ngnewrouter-vs-ui-router-72bfcb228017
16. INTERNACIONALIZAÇÃO
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?
24. http://bower.io
25. http://ngmodules.org
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
30. https://docs.angularjs.org/guide/migration
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”
39. NOVOS DESAFIOS NOVAS NECESSIDADES 2.0
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
47. Mori.js Baseada em ClojureScript’s Imutabilidade
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
49. Angular-immutable http://blog.mgechev.com/2015/03/02/immutability-in-angularjs-immutablejs/
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
54. http://angular.io
55. #obrigado Wilson Mendes @willmendesneto