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.

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