Javascript Toolkit 2.0

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

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. 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. 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. View Slide

19. View Slide

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

    View Slide

21. View Slide

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. View Slide

25. View Slide

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

    View Slide

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. 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. 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. 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
    !
    btavare@thoughtworks.com
    MUITO OBRIGADO
    

    View Slide

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

    View Slide