R e n a n M a r t i n s , A l a b ê D u a r t e
JAVASCRIPT TOOLKIT
Programando, automatizando e distribuindo aplicações
no...
2
@renan89
@alabeduarte
Recife, Belo Horizonte, São Paulo e Porto Alegre
3
INSIGHTS
4
PRODUTOS
5
PRODUTOS
6
PRODUTOS
7
8
9
#javascript-toolkit
THE JAVASCRIPT
TOOLKIT
An attempt to organize the recent explosion of Javascript based technologies
and frameworks into a ...
11
JAVASCRIPT COMO
UTILITÁRIO
Quem nunca precisou de uma máscara e achou um script maroto para
resolver o problema?
12
13
MICRO FRAMEWORKS
14
Vamos falar sobre as necessidades,
E então olhar para algumas ferramentas
15
ESTRUTURA DO TOOLKIT
16
▫Infraestrutura e Desenvolvimento
▫Testes
▫Aplicações & Produtos
▫Utilitários e Suporte
INFRAESTRUTURA E
DESENVOLVIMENTO
17
SCAFFOLD (ANDAIME,
ESQUELETO)
18
Iniciar novos projetos.
Produtividade.
19
bootstraps
seed
projects
JAVASCRIPT
PREPROCESSORS
20
A maneira como você organiza o seu
código durante o desenvolvimento é
diferente de como você o...
21
GERENCIAMENTO DE
DEPENDÊNCIAS
22
Aplicações JavaScript estão ficando
cada vez maiores e complexas.
Dependem cada vez mais ...
23
AUTOMAÇÃO
24
Diversas tarefas/rotinas que precisam
ser executadas frequentemente.
Compile, Test, Minify, Concat, Uglify,
E...
25
github.com/broccolijs/broccoli
…ake’s (Make, Rake, etc)
26
minify-tools
concat-tools watch
27
OUTRAS LINGUAGENS.
ABSTRAÇÕES
28
Açúcar sintático ou até mesmo
linguagens / abstrações com sintaxes
completamente diferent...
29
github.com/clojure/clojurescript
TESTES
30
EXECUTORES DE TESTES
31
Executar e visualizar o resultado dos
testes
32
FRAMEWORKS DE TESTES
33
Escrever os testes
Utilidades para mocking, spying, etc
34
35
TESTE PONTA A PONTA
36
Escrever testes que exercitam todo o
fluxo da aplicação, da mesma
maneira como um usuário final far...
37
38
39
TESTES SEM GUI
40
Como testar JavaScript sem um
navegador com interface gráfica?
41
APLICAÇÕES E
PRODUTOS
42
APPLICATION FRAMEWORKS
43
As aplicações estão ficando
complexas e diversos frameworks
foram criados para suportar o
desenv...
44
Google Closure Tools
MOBILE DEVELOPMENT
45
UTILITÁRIOS PARA
APLICAÇÕES
46
Você não precisa de um canhão para
matar uma mosca.
47
CARREGAMENTO
PREGUIÇOSO
48
Grandes projetos estão divididos em
diferentes módulos.
Nem todos devem ser carregados de
uma v...
49
github.com/cujojs/curl
github.com/amdjs/amdjs-api
github.com/amdjs/caolan/async
UTILITÁRIOS E
SUPORTE
50
UTILITÁRIOS PARA MANIPULAÇÃO DO DOM
51
Manipulação do DOM e funções
auxiliares que funcionam
cross-browser
52
SIMPLES E INDISPENSÁVEIS UTILITÁRIOS
53
Código limpo; Programação funcional;
Helpers e Utilitários;
54
lodash.com
github.com/kriskowal/q
baconjs sugarjs chancejs microjs
55
http://javascript-toolkit.com/
56
http://javascript-toolkit.com/
Dúvidas e sugestões:
rmartins@thoughtworks.com
aduarte@thoughtworks.com
MUITO OBRIGADO
Próximos SlideShares
Carregando em…5
×

The Javascript Toolkit

491 visualizações

Publicada em

Apresentação sobre o javascript toolkit na EXPOTEC 2015

This is an attempt by some colleagues and I to organize the recent explosion of Javascript based technologies and frameworks into a coherent toolkit to be used by a web application developer.

Publicada em: Software
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

The Javascript Toolkit

  1. 1. R e n a n M a r t i n s , A l a b ê D u a r t e JAVASCRIPT TOOLKIT Programando, automatizando e distribuindo aplicações no mundo JavaScript
  2. 2. 2 @renan89 @alabeduarte
  3. 3. Recife, Belo Horizonte, São Paulo e Porto Alegre 3
  4. 4. INSIGHTS 4
  5. 5. PRODUTOS 5
  6. 6. PRODUTOS 6
  7. 7. PRODUTOS 7
  8. 8. 8
  9. 9. 9 #javascript-toolkit
  10. 10. 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. 10
  11. 11. 11 JAVASCRIPT COMO UTILITÁRIO Quem nunca precisou de uma máscara e achou um script maroto para resolver o problema?
  12. 12. 12
  13. 13. 13
  14. 14. MICRO FRAMEWORKS 14
  15. 15. Vamos falar sobre as necessidades, E então olhar para algumas ferramentas 15
  16. 16. ESTRUTURA DO TOOLKIT 16 ▫Infraestrutura e Desenvolvimento ▫Testes ▫Aplicações & Produtos ▫Utilitários e Suporte
  17. 17. INFRAESTRUTURA E DESENVOLVIMENTO 17
  18. 18. SCAFFOLD (ANDAIME, ESQUELETO) 18 Iniciar novos projetos. Produtividade.
  19. 19. 19 bootstraps seed projects
  20. 20. JAVASCRIPT PREPROCESSORS 20 A maneira como você organiza o seu código durante o desenvolvimento é diferente de como você o publica
  21. 21. 21
  22. 22. GERENCIAMENTO DE DEPENDÊNCIAS 22 Aplicações JavaScript estão ficando cada vez maiores e complexas. Dependem cada vez mais de diversos frameworks e bibliotecas
  23. 23. 23
  24. 24. AUTOMAÇÃO 24 Diversas tarefas/rotinas que precisam ser executadas frequentemente. Compile, Test, Minify, Concat, Uglify, Etc.
  25. 25. 25 github.com/broccolijs/broccoli …ake’s (Make, Rake, etc)
  26. 26. 26 minify-tools concat-tools watch
  27. 27. 27
  28. 28. OUTRAS LINGUAGENS. ABSTRAÇÕES 28 Açúcar sintático ou até mesmo linguagens / abstrações com sintaxes completamente diferentes que são compiladas para javascript
  29. 29. 29 github.com/clojure/clojurescript
  30. 30. TESTES 30
  31. 31. EXECUTORES DE TESTES 31 Executar e visualizar o resultado dos testes
  32. 32. 32
  33. 33. FRAMEWORKS DE TESTES 33 Escrever os testes Utilidades para mocking, spying, etc
  34. 34. 34
  35. 35. 35
  36. 36. TESTE PONTA A PONTA 36 Escrever testes que exercitam todo o fluxo da aplicação, da mesma maneira como um usuário final faria.
  37. 37. 37
  38. 38. 38
  39. 39. 39
  40. 40. TESTES SEM GUI 40 Como testar JavaScript sem um navegador com interface gráfica?
  41. 41. 41
  42. 42. APLICAÇÕES E PRODUTOS 42
  43. 43. APPLICATION FRAMEWORKS 43 As aplicações estão ficando complexas e diversos frameworks foram criados para suportar o desenvolvimento delas.
  44. 44. 44 Google Closure Tools
  45. 45. MOBILE DEVELOPMENT 45
  46. 46. UTILITÁRIOS PARA APLICAÇÕES 46 Você não precisa de um canhão para matar uma mosca.
  47. 47. 47
  48. 48. CARREGAMENTO PREGUIÇOSO 48 Grandes projetos estão divididos em diferentes módulos. Nem todos devem ser carregados de uma vez.
  49. 49. 49 github.com/cujojs/curl github.com/amdjs/amdjs-api github.com/amdjs/caolan/async
  50. 50. UTILITÁRIOS E SUPORTE 50
  51. 51. UTILITÁRIOS PARA MANIPULAÇÃO DO DOM 51 Manipulação do DOM e funções auxiliares que funcionam cross-browser
  52. 52. 52
  53. 53. SIMPLES E INDISPENSÁVEIS UTILITÁRIOS 53 Código limpo; Programação funcional; Helpers e Utilitários;
  54. 54. 54 lodash.com github.com/kriskowal/q baconjs sugarjs chancejs microjs
  55. 55. 55 http://javascript-toolkit.com/
  56. 56. 56 http://javascript-toolkit.com/
  57. 57. Dúvidas e sugestões: rmartins@thoughtworks.com aduarte@thoughtworks.com MUITO OBRIGADO

×