It's

Javascript TIME
Por davidson fellipe
It's time !!!
davidson fellipe
front end engineer na globo.com
davidson fellipe
front end engineer na globo.com

ex-dev
php
/davidsonfellipe
/davidsonfellipe
/fellipe
fellipe.com/talks
Mocha

maio 1995 - 10 dias

LiveScript
setembro 1995

JavaScript
dezembro 1995
O criador:

Brendan Eich
acervo pessoal
ano 1996
ano 1999
ano 2000
ATUALMENTE...
Tenho que
aprender javascript?
XBROWSER
XDEVICE
XPLATFORM
XBROWSER
XDEVICE
XPLATFORM
js
no browser
por que javascript?
presente na maioria dos browsers
performance
simples?
js
é pop
top linguagens em 2012 no github
top linguagens em 2013 no github
evolução do tamanho das js requests

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
http://httparchive.o...
js
libs
http://jquery.com/
http://zeptojs.com/
http://underscorejs.org/
http://mootools.net
http://yuilibrary.com/
http://microjs.com/#
js
no servidor
por que javascript no servidor?
mesma linguagem do lado cliente
grande quantidade de pacotes disponíveis

simples?
https://nodejs.org/
https://npmjs.org/
js
sem browser
http://phantomjs.org
http://zombie.labnotes.org/
DOCUMENTAÇÃO
JAVASCRIPT
NÃO TEM BOA
DOCUMENTAÇÃO?
https://developer.mozilla.org/en-US/
e frameworks?
http://angularjs.org/
http://backbonejs.org/
http://knockoutjs.com/
http://emberjs.com/
GESTÃO DE
PACOTES
http://bower.io/
task
runner
http://gruntjs.com/
Por que usar o GRUNT?
Fácil de usar
Grande número de plugins
Imensa comunidade
Open source
Por que usar o GRUNT?
Testes
JS linting
Concatenar e Minificar arquivos
Otimizar imagens
live reload
Watches para Pré-proc...
workflow
Loaders
por que loaders?
utilizados para carregar módulos
podem melhorar a performance e
qualidade do seu código.
http://requirejs.org/
http://headjs.com/
qualidade
de
código
http://www.jshint.com/
http://www.jslint.com/
TESTES
http://visionmedia.github.io/mocha/
padrão de
codificação
vamos criar um padrão de
codificação?
aspas, chaves, ponto e vírgula
Space vs Tab
Single quote vs double quotes
nomenclaturas para functions, Object Literal,
co...
https://github.com/rwaldron/idiomatic.js/
https://github.com/airbnb/javascript
http://sideeffect.kr/popularconvention/
performance
CONSUMO ENERGIA
DOS COMPONENTES

outros - incluem conexões 3G e text rendering
css e js - maior consumo relacionado a tran...
http://www.broofa.com/Tools/JSLitmus/
http://jsperf.com/
http://browserdiet.com/pt
monitoramento de
indicadores de
performance

https://github.com/davidsonfellipe/keepfast/
http://fellipe.com/slides/performance-javascript/
js
everywhere
CONVERTENDO PARA
APPS MOBILE

http://phonegap.com/
...ou criando nativas

http://www.mozilla.org/pt-BR/firefox/os/
processamento
digital de imagens

https://github.com/davidsonfellipe/lena.js/ | http://fellipe.com/demos/lena-js/
realidade
aumentada

http://trackingjs.com/examples.html | http://vimeo.com/48428772
drones

http://nodecopter.com/ | http://vimeo.com/48428772
games

https://developer.mozilla.org/en/demos/detail/bananabread
como se manter
atualizado?
https://twitter.com/slicknet/status/292103833327370240
6 SEMANAS?
http://javascriptweekly.com
http://braziljs.org/
É MUITA COISA
PARA ESTUDAR...
comunidade
js
COMUNIDADE JAVASCRIPT
há Vários eventos no brasil
Projetos de código aberto conhecidos
Profissionais com destaque
internac...
tenha o seu github

https://github.com/davidsonfellipe

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
http://www.communityjs.org

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
http://www.communityjs.org

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
http://www.braziljs.org

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
http://www.frontinbh.com.br

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
http://www.riojs.org/conf

http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
Seja
bem vindo
ao mundo do js
the winner...
will be...
...You
Obrigado!
/davidsonfellipe
/davidsonfellipe
/fellipe
fellipe.com/talks
It's Javascript Time
It's Javascript Time
It's Javascript Time
It's Javascript Time
Próximos SlideShares
Carregando em…5
×

It's Javascript Time

1.188 visualizações

Publicada em

Publicada em: Educação
0 comentários
9 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.188
No SlideShare
0
A partir de incorporações
0
Número de incorporações
30
Ações
Compartilhamentos
0
Downloads
21
Comentários
0
Gostaram
9
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

It's Javascript Time

  1. 1. It's Javascript TIME Por davidson fellipe
  2. 2. It's time !!!
  3. 3. davidson fellipe front end engineer na globo.com
  4. 4. davidson fellipe front end engineer na globo.com ex-dev php
  5. 5. /davidsonfellipe /davidsonfellipe /fellipe fellipe.com/talks
  6. 6. Mocha maio 1995 - 10 dias LiveScript setembro 1995 JavaScript dezembro 1995
  7. 7. O criador: Brendan Eich acervo pessoal
  8. 8. ano 1996
  9. 9. ano 1999
  10. 10. ano 2000
  11. 11. ATUALMENTE...
  12. 12. Tenho que aprender javascript?
  13. 13. XBROWSER XDEVICE XPLATFORM
  14. 14. XBROWSER XDEVICE XPLATFORM
  15. 15. js no browser
  16. 16. por que javascript? presente na maioria dos browsers performance simples?
  17. 17. js é pop
  18. 18. top linguagens em 2012 no github
  19. 19. top linguagens em 2013 no github
  20. 20. evolução do tamanho das js requests http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://httparchive.org/trends.php#numurls
  21. 21. js libs
  22. 22. http://jquery.com/
  23. 23. http://zeptojs.com/
  24. 24. http://underscorejs.org/
  25. 25. http://mootools.net
  26. 26. http://yuilibrary.com/
  27. 27. http://microjs.com/#
  28. 28. js no servidor
  29. 29. por que javascript no servidor? mesma linguagem do lado cliente grande quantidade de pacotes disponíveis simples?
  30. 30. https://nodejs.org/
  31. 31. https://npmjs.org/
  32. 32. js sem browser
  33. 33. http://phantomjs.org
  34. 34. http://zombie.labnotes.org/
  35. 35. DOCUMENTAÇÃO
  36. 36. JAVASCRIPT NÃO TEM BOA DOCUMENTAÇÃO?
  37. 37. https://developer.mozilla.org/en-US/
  38. 38. e frameworks?
  39. 39. http://angularjs.org/
  40. 40. http://backbonejs.org/
  41. 41. http://knockoutjs.com/
  42. 42. http://emberjs.com/
  43. 43. GESTÃO DE PACOTES
  44. 44. http://bower.io/
  45. 45. task runner
  46. 46. http://gruntjs.com/
  47. 47. Por que usar o GRUNT? Fácil de usar Grande número de plugins Imensa comunidade Open source
  48. 48. Por que usar o GRUNT? Testes JS linting Concatenar e Minificar arquivos Otimizar imagens live reload Watches para Pré-processadores
  49. 49. workflow
  50. 50. Loaders
  51. 51. por que loaders? utilizados para carregar módulos podem melhorar a performance e qualidade do seu código.
  52. 52. http://requirejs.org/
  53. 53. http://headjs.com/
  54. 54. qualidade de código
  55. 55. http://www.jshint.com/
  56. 56. http://www.jslint.com/
  57. 57. TESTES
  58. 58. http://visionmedia.github.io/mocha/
  59. 59. padrão de codificação
  60. 60. vamos criar um padrão de codificação?
  61. 61. aspas, chaves, ponto e vírgula Space vs Tab Single quote vs double quotes nomenclaturas para functions, Object Literal, conditional statement...
  62. 62. https://github.com/rwaldron/idiomatic.js/
  63. 63. https://github.com/airbnb/javascript
  64. 64. http://sideeffect.kr/popularconvention/
  65. 65. performance
  66. 66. CONSUMO ENERGIA DOS COMPONENTES outros - incluem conexões 3G e text rendering css e js - maior consumo relacionado a transmissão e rendering Who Killed My Battery: Analyzing Mobile Browser Energy Consumption
  67. 67. http://www.broofa.com/Tools/JSLitmus/
  68. 68. http://jsperf.com/
  69. 69. http://browserdiet.com/pt
  70. 70. monitoramento de indicadores de performance https://github.com/davidsonfellipe/keepfast/
  71. 71. http://fellipe.com/slides/performance-javascript/
  72. 72. js everywhere
  73. 73. CONVERTENDO PARA APPS MOBILE http://phonegap.com/
  74. 74. ...ou criando nativas http://www.mozilla.org/pt-BR/firefox/os/
  75. 75. processamento digital de imagens https://github.com/davidsonfellipe/lena.js/ | http://fellipe.com/demos/lena-js/
  76. 76. realidade aumentada http://trackingjs.com/examples.html | http://vimeo.com/48428772
  77. 77. drones http://nodecopter.com/ | http://vimeo.com/48428772
  78. 78. games https://developer.mozilla.org/en/demos/detail/bananabread
  79. 79. como se manter atualizado?
  80. 80. https://twitter.com/slicknet/status/292103833327370240
  81. 81. 6 SEMANAS?
  82. 82. http://javascriptweekly.com
  83. 83. http://braziljs.org/
  84. 84. É MUITA COISA PARA ESTUDAR...
  85. 85. comunidade js
  86. 86. COMUNIDADE JAVASCRIPT há Vários eventos no brasil Projetos de código aberto conhecidos Profissionais com destaque internacional
  87. 87. tenha o seu github https://github.com/davidsonfellipe http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
  88. 88. http://www.communityjs.org http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
  89. 89. http://www.communityjs.org http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
  90. 90. http://www.braziljs.org http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
  91. 91. http://www.frontinbh.com.br http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
  92. 92. http://www.riojs.org/conf http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
  93. 93. Seja bem vindo ao mundo do js
  94. 94. the winner... will be... ...You
  95. 95. Obrigado! /davidsonfellipe /davidsonfellipe /fellipe fellipe.com/talks

×