Javascript dos novos tempos

Javascript dos novos tempos

Um guia de análise da importância de Code Standard, os principais Design Patterns e linguagens que compilam para Javascript.
Mapa do eco-sistema Node.js destacando suas características e seu gerenciador de pacotes (NPM).

C5df370a883b65279af5a7ca94a5eed7?s=128

Jean Carlo Emer

March 23, 2013
Tweet

Transcript

  1. Javascript dos novos tempos

  2. 1. Entenda de algorítmos 2. Aprenda a linguagem 3. Crie

    uma conta no GitHub
  3. jcemer jcemer Codeminer 42

  4. 1. Fantástico mundo do DHTML - 90’s 2. Aplicações front-end

    sérias 3. Server-side
  5. None
  6. +1300 linhas jQuery PrototypeJS Scriptaculous Window

  7. Code Standards / Style

  8. Ponto e vírgula Indentação Quando usar chaves Como serão as

    nomenclaturas Onde irão quebras de linha e espaços
  9. Idiomatic.js Principles of Writing Consistent, Idiomatic JavaScript

  10. Code Standards / Style JSHint e JSLint

  11. Comma-first Style

  12. Design Patterns

  13. Learning Javascript Design Patterns Addy Osmani - 2012

  14. None
  15. Design Patterns Module Pattern

  16. Revealing Module Pattern

  17. Design Patterns Publish / Subscribe Pattern

  18. Design Patterns Factory Pattern

  19. Design Patterns jQuery Boilerplate

  20. Design Patterns MV* Patterns

  21. Backbone, AngularJS, Spine, Ember.js, KnockoutJS, YUI...

  22. None
  23. 1. 2. Templates

  24. CoffeeScript

  25. Script de tarefas da biblioteca

  26. Lista das linguagens que compilam para JS github.com/jashkenas/coffee-script/wiki/List-of- languages-that-compile-to-JS

  27. Node.js

  28. Node.js Evented server-side Javascript

  29. None
  30. None
  31. Node.js Módulos math.js inc.js prog.js

  32. browser node declare-two.js prog.js Node.js Escopos

  33. package.json Node.js Packages

  34. Node.js Node Packaged Modules

  35. None
  36. 1. Crie um perfil no site 2. > npm adduser

    3. Acesse um diretório com package.json 4. > npm publish
  37. Bônus

  38. Integração Contínua - CI

  39. Service Hook 2. 3. .travis.yml 1. Integração Contínua Travis CI

  40. You’re the operator with your pocket calculator

  41. Obrigado @jcemer