It's Javascript Time

It's Javascript Time

054c583ad5dc09a861874e14dcb43e4c?s=128

Davidson Fellipe

November 16, 2013
Tweet

Transcript

  1. It's Javascript TIME Por davidson fellipe

  2. It's time !!!

  3. davidson fellipe front end engineer na globo.com

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

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

    simples? grande quantidade de pacotes disponíveis
  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. Testes JS linting Concatenar e Minificar arquivos Otimizar imagens live

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

  50. None
  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

  59. None
  60. None
  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. 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. http://www.broofa.com/Tools/JSLitmus/

  71. http://jsperf.com/

  72. http://browserdiet.com/pt

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

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

  75. js everywhere

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

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

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

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

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

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

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

  88. None
  89. comunidade js

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

    aberto conhecidos Profissionais com destaque internacional
  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. 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. http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg http://www.communityjs.org

  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. 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. 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. Seja bem vindo ao mundo do js

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

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