1. It's
Javascript TIME
Por davidson fellipe

2. It's time !!!

3. davidson fellipe
front end engineer na globo.com

4. davidson fellipe
front end engineer na globo.com
ex-dev
php

5. /davidsonfellipe
/davidsonfellipe
/fellipe
fellipe.com/talks

6. Mocha
maio 1995 - 10 dias
LiveScript
setembro 1995
JavaScript
dezembro 1995

7. O criador:
Brendan Eich
acervo pessoal

8. ano 1996

9. ano 1999

10. ano 2000

11. ATUALMENTE...

12. Tenho que
aprender javascript?

13. XBROWSER
XDEVICE
XPLATFORM

14. XBROWSER
XDEVICE
XPLATFORM

15. js
no browser

16. por que javascript?
presente na maioria dos browsers
performance
simples?

17. js
é pop

18. top linguagens em 2012 no github

19. top linguagens em 2013 no github

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. js
libs

22. http://jquery.com/

23. http://zeptojs.com/

24. http://underscorejs.org/

25. http://mootools.net

26. http://yuilibrary.com/

27. http://microjs.com/#

28. js
no servidor

29. por que javascript no servidor?
mesma linguagem do lado cliente
grande quantidade de pacotes disponíveis
simples?

30. https://nodejs.org/

31. https://npmjs.org/

32. js
sem browser

33. http://phantomjs.org

34. http://zombie.labnotes.org/

35. DOCUMENTAÇÃO

36. JAVASCRIPT
NÃO TEM BOA
DOCUMENTAÇÃO?

37. https://developer.mozilla.org/en-US/

38. e frameworks?

39. http://angularjs.org/

40. http://backbonejs.org/

41. http://knockoutjs.com/

42. http://emberjs.com/

43. GESTÃO DE
PACOTES

44. http://bower.io/

45. task
runner

46. http://gruntjs.com/

47. Por que usar o GRUNT?
Fácil de usar
Grande número de plugins
Imensa comunidade
Open source

48. Por que usar o GRUNT?
Testes
JS linting
Concatenar e Minificar arquivos
Otimizar imagens
live reload
Watches para Pré-processadores

49. workflow

51. Loaders

52. por que loaders?
utilizados para carregar módulos
podem melhorar a performance e
qualidade do seu código.

53. http://requirejs.org/

54. http://headjs.com/

55. qualidade
de
código

56. http://www.jshint.com/

57. http://www.jslint.com/

58. TESTES

61. http://visionmedia.github.io/mocha/

62. padrão de
codificação

63. vamos criar um padrão de
codificação?

64. aspas, chaves, ponto e vírgula
Space vs Tab
Single quote vs double quotes
nomenclaturas para functions, Object Literal,
conditional statement...

65. https://github.com/rwaldron/idiomatic.js/

66. https://github.com/airbnb/javascript

67. http://sideeffect.kr/popularconvention/

68. performance

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

70. http://www.broofa.com/Tools/JSLitmus/

71. http://jsperf.com/

72. http://browserdiet.com/pt

73. monitoramento de
indicadores de
performance
https://github.com/davidsonfellipe/keepfast/

74. http://fellipe.com/slides/performance-javascript/

75. js
everywhere

76. CONVERTENDO PARA
APPS MOBILE
http://phonegap.com/

77. ...ou criando nativas
http://www.mozilla.org/pt-BR/firefox/os/

78. processamento
digital de imagens
https://github.com/davidsonfellipe/lena.js/ | http://fellipe.com/demos/lena-js/

79. realidade
aumentada
http://trackingjs.com/examples.html | http://vimeo.com/48428772

80. drones
http://nodecopter.com/ | http://vimeo.com/48428772

81. games
https://developer.mozilla.org/en/demos/detail/bananabread

82. como se manter
atualizado?

83. https://twitter.com/slicknet/status/292103833327370240

84. 6 SEMANAS?

85. http://javascriptweekly.com

86. http://braziljs.org/

87. É MUITA COISA
PARA ESTUDAR...

89. comunidade
js

90. COMUNIDADE JAVASCRIPT
há Vários eventos no brasil
Projetos de código aberto conhecidos
Profissionais com destaque
internacional

91. tenha o seu github
https://github.com/davidsonfellipe
http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg

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

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

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

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

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

97. Seja
bem vindo
ao mundo do js

98. the winner...
will be...
...You

99. Obrigado!
/davidsonfellipe
/davidsonfellipe
/fellipe
fellipe.com/talks