Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Javascript Toolkit 2.0

Javascript Toolkit 2.0

Conferência WebBr 2014 - http://conferenciaweb.w3c.br

Bruno Lara Tavares

September 26, 2014
Tweet

More Decks by Bruno Lara Tavares

Other Decks in Programming

Transcript

  1. THE JAVASCRIPT
    TOOLKIT
    An attempt to organize the recent explosion of Javascript based technologies and
    frameworks into a coherent toolkit to be used by a web application developer.
    1
    2.0

    View Slide

  2. BOM DIA!
    Olá, sou o Bruno Tavares.
    2

    View Slide

  3. THE JAVASCRIPT
    TOOLKIT
    An attempt to organize the recent explosion of Javascript based technologies and
    frameworks into a coherent toolkit to be used by a web application developer.
    3
    2.0

    View Slide

  4. O mundo JavaScript mudou.
    4

    View Slide

  5. 5
    https://www.google.com/trends/explore#q=single%20page%20applications%2C%20single
    %20page%20apps&cmpt=q

    View Slide

  6. Vamos falar sobre as necessidades,
    E então olhar para algumas ferramentas
    6

    View Slide

  7. SCAFFOLD
    7
    Iniciar novos projetos.
    Produtividade.

    View Slide

  8. 8
    bootstraps
    seed
    projects

    View Slide

  9. AUTOMAÇÃO
    9
    Diversas tarefas/rotinas que precisam
    ser executadas frequentemente.
    !
    Compile, Test, Minify, Concat, Uglify, Etc.

    View Slide

  10. 10
    github.com/broccolijs/broccoli
    …ake’s (Make, Rake, etc)

    View Slide

  11. 11
    minify-tools
    concat-tools watch

    View Slide

  12. 12

    View Slide

  13. GERENCIAMENTO DE DEPENDÊNCIAS
    13
    Aplicações JavaScript estão ficando
    cada vez maiores e complexas.
    !
    Dependem cada vez mais de diversos
    frameworks e bibliotecas

    View Slide

  14. 14

    View Slide

  15. CARREGAMENTO PREGUIÇOSO
    15
    Grandes projetos estão divididos em
    diferentes módulos.
    Nem todos devem ser carregados de
    uma vez.

    View Slide

  16. 16
    github.com/cujojs/curl
    github.com/amdjs/amdjs-api
    github.com/amdjs/caolan/async

    View Slide

  17. FRAMEWORKS DE TESTES
    17
    Escrever os testes
    !
    Utilidades para mocking, spying, etc

    View Slide

  18. 18

    View Slide

  19. 19

    View Slide

  20. EXECUTORES DE TESTES
    20
    Executar e visualizar o resultado dos testes

    View Slide

  21. 21

    View Slide

  22. 22

    View Slide

  23. TESTE PONTA A PONTA
    23
    Escrever testes que exercitam todo o
    fluxo da aplicação, da mesma maneira
    como um usuário final faria.

    View Slide

  24. 24

    View Slide

  25. 25

    View Slide

  26. TESTES SEM GUI
    26
    Como testar JavaScript sem um
    navegador com interface gráfica?

    View Slide

  27. 27

    View Slide

  28. APLICAÇÕES
    28
    As aplicações estão ficando complexas e
    diversos frameworks foram criados
    para suportar o desenvolvimento delas.

    View Slide

  29. 29
    Google Closure Tools

    View Slide

  30. UTILITÁRIOS PARA APLICAÇÕES
    30
    Você não precisa de um canhão para
    matar uma mosca.

    View Slide

  31. 31

    View Slide

  32. UTILITÁRIOS PARA MANIPULAÇÃO DO DOM
    32
    Seleção e manipulação do DOM e
    funções auxiliares que funcionam
    cross-browser

    View Slide

  33. 33

    View Slide

  34. SIMPLES E INDISPENSÁVEIS UTILITÁRIOS
    34
    Código limpo; Programação funcional;
    Helpers e Utilitários;

    View Slide

  35. 35
    lodash.com
    github.com/kriskowal/q
    baconjs sugarjs chancejs microjs

    View Slide

  36. INTEGRAÇÃO CONTÍNUA
    36
    Integração Contínua, Entrega
    Contínua, Implantação Contínua…

    View Slide

  37. 37

    View Slide

  38. OUTRAS LINGUAGENS. ABSTRAÇÕES
    38
    github.com/clojure/clojurescript

    View Slide

  39. https://github.com/bymarkone/javascript-toolkit
    39

    View Slide

  40. Dúvidas e sugestões:
    @bltavares
    !
    [email protected]
    MUITO OBRIGADO

    View Slide

  41. http://www.thoughtworks.com/pt/join
    ESTAMOS CONTRATANDO

    View Slide