Aumentando O Poder Do Seu HTML Com AngularJS

Apresentação sobre a adoção do AngularJS no Eventick

Transcript

1. Superheroic JavaScript MVW Framework
   

   View Slide

2. CIRDES HENRIQUE
   ENGENHEIRO DA COMPUTAÇÃO - UFPE
   MESTRANDO EM REDES DE COMPUTARDORES - UFPE
   C0-FUNDADOR E CTO DO EVENTICK
   ORGANIZADOR DO ABRIL PRO RUBY
   

   View Slide

3. CEARENSE DE
   VÁRZEA ALEGRE
   

   View Slide

4. View Slide

5. 120 MIL DO PRIME
   INCUBADORA DO
   PORTO DIGITAL
   

   View Slide

6. 700k pageviews/mês
   15k+ seguidores no twitter
   16k+ likes no Facebook
   

   View Slide

7. SUBSTITUIR INGRESSO NÃO É SUFICIENTE
   DIVULGAR EVENTOS NÃO É SUFICIENTE
   

   View Slide

8. View Slide

9. INCUBADORAS E ACELERADORAS
   

   View Slide

10. BRAZILJS
    CEJS FRONT

    View Slide

11. View Slide

12. BACKGROUND
    4

    View Slide

13. HERANÇA RUBY
    TAFT
    EM

    View Slide

14. DESIGN STAMINA
    HYPOTHESIS
    

    View Slide

15. PROBLEMAS
    1. JAVASCRIPT

    View Slide

16. FRAMEWORKS
    

    View Slide

17. FRAMEWORKS
    LIBRARIES
    VS
    

    View Slide

18. INVERSION OF CONTROL
    HOLLYWOOD PRINCIPLE
    OU
    

    View Slide

19. ASP.NET

    View Slide

20. JAVASCRIPT
    FRAMEWORKS
    ANGULARJS
    EMBERJS
    BACKBONEJS
    KNOCKOUTJS
    CANJS
    

    View Slide

21. View Slide

22. INÍCIO
    GOOGLE

    View Slide

23. INÍCIO
    MISKO

    View Slide

24. INÍCIO
    MISKO

    View Slide

25. GOOGLE TRENDS
    

    View Slide

26. ESTRUTURA
    APP.JS

    View Slide

27. JAVASCRIPT

    View Slide

28. JAVASCRIPT

    View Slide

29. CONCEITOS
    CLIENT-SIDE TEMPLATES
    MVC

    View Slide

30. CLIENT-SIDE TEMPLATES
    TEMPLATE

    View Slide

31. CONCEITOS
    CLIENT-SIDE

    View Slide

32. MVC
    1970

    View Slide

33. CONCEITOS
    CLIENT-SIDE

    View Slide

34. DATA BINDING
    PROPRIEDADES

    View Slide

35. CONCEITOS
    CLIENT-SIDE

    View Slide

36. DEPENDENCY INJECTION
    LAW

    View Slide

37. CONCEITOS
    CLIENT-SIDE

    View Slide

38. DIRECTIVES
    NG-APP
    NG-CONTROLLER
    NG-SUBMIT
    NG-REPEAT
    NG-VIEW
    NG-MODEL
    NG-CHANGE
    NG-HIDE
    NG-CLICK
    

    View Slide

39. COMPONENTS
    WEB COMPONENTS
    

    View Slide

40. SERVICES
    $HTTP
    $TIMEOUT
    $LOCATION
    $LOCALE $ROUTE
    +

    View Slide

41. FILTERS
    CURRENCY
    UPPERCASE
    DATE
    FILTER LOWERCASE
    NUMBER
    +

    View Slide

42. EXEMPLO
    

    View Slide

43. MUITO

    View Slide

44. MUITO

    View Slide

45. TESTES
    AUTOMATIZADOS
    KARMA
    JASMINE
    MOCHA
    QUNIT
    

    View Slide

46. TESTES
    EXEMPLOS
    DEPENDENCE

    View Slide

47. KARMA
    DEVE

    View Slide

48. TESTE UNITÁRIO
    EXEMPLO
    

    View Slide

49. SEM

    View Slide

50. SEM

    View Slide

51. FUTURO
    SUPORTE

    View Slide

52. POR ONDE
    LEGAL,

    View Slide

53. DOCUMENTACAO

    View Slide