It's Javascript Time

Transcript

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.

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

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.

    http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://httparchive.org/trends.php#numurls evolução do tamanho das js requests

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

    simples? grande quantidade de pacotes disponíveis
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.

    Testes JS linting Concatenar e Minificar arquivos Otimizar imagens live

    reload Watches para Pré-processadores Por que usar o GRUNT?
49. 49.

    workflow

50. 50.

    None
51. 51.

    Loaders

52. 52.

    por que loaders? utilizados para carregar módulos podem melhorar a

    performance e qualidade do seu código.
53. 53.

    http://requirejs.org/

54. 54.

    http://headjs.com/

55. 55.

    qualidade de código

56. 56.

    http://www.jshint.com/

57. 57.

    http://www.jslint.com/

58. 58.

    TESTES

59. 59.

    None
60. 60.

    None
61. 61.

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

62. 62.

    padrão de codificação

63. 63.

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

64. 64.

    aspas, chaves, ponto e vírgula Space vs Tab Single quote

    vs double quotes nomenclaturas para functions, Object Literal, conditional statement...
65. 65.

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

66. 66.

    https://github.com/airbnb/javascript

67. 67.

    http://sideeffect.kr/popularconvention/

68. 68.

    performance

69. 69.

    Who Killed My Battery: Analyzing Mobile Browser Energy Consumption CONSUMO

    ENERGIA DOS COMPONENTES outros - incluem conexões 3G e text rendering css e js - maior consumo relacionado a transmissão e rendering
70. 70.

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

71. 71.

    http://jsperf.com/

72. 72.

    http://browserdiet.com/pt

73. 73.

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

74. 74.

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

75. 75.

    js everywhere

76. 76.

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

77. 77.

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

78. 78.

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

79. 79.

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

80. 80.

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

81. 81.

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

82. 82.

    como se manter atualizado?

83. 83.

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

84. 84.

    6 SEMANAS?

85. 85.

    http://javascriptweekly.com

86. 86.

    http://braziljs.org/

87. 87.

    É MUITA COISA PARA ESTUDAR...

88. 88.

    None
89. 89.

    comunidade js

90. 90.

    COMUNIDADE JAVASCRIPT há Vários eventos no brasil Projetos de código

    aberto conhecidos Profissionais com destaque internacional
91. 91.

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

92. 92.

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

93. 93.

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

94. 94.

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

95. 95.

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

96. 96.

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

97. 97.

    Seja bem vindo ao mundo do js

98. 98.

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

99. 99.

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