$30 off During Our Annual Pro Sale. View Details »

Aumentando O Poder Do Seu HTML Com AngularJS

Cirdes
November 09, 2013

Aumentando O Poder Do Seu HTML Com AngularJS

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

Cirdes

November 09, 2013
Tweet

More Decks by Cirdes

Other Decks in Technology

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. 2009

    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. 29

    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