Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Javascript dos novos tempos 2.0

Javascript dos novos tempos 2.0

Releitura para a edição 14 do Fisl.

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

Vídeo: http://youtu.be/YqN-c-zVl0w

Jean Carlo Emer

July 05, 2013
Tweet

More Decks by Jean Carlo Emer

Other Decks in Programming

Transcript

  1. Javascript
    dos novos
    tempos 2.0

    View Slide

  2. twitter.com/jcemer
    github.com/jcemer
    Jean Carlo Emer

    View Slide

  3. View Slide

  4. View Slide

  5. 1. Entenda de algorítmos
    2. Aprenda a linguagem
    3. Crie uma conta no GitHub

    View Slide

  6. 1. Fantástico mundo do DHTML - 90’s
    2. Aplicações front-end sérias
    3. Server-side

    View Slide

  7. View Slide

  8. jQuery
    PrototypeJS
    Scriptaculous

    View Slide

  9. github.com/jcemer/geo-colony

    View Slide

  10. Como aprendi Javascript!?

    View Slide

  11. View Slide

  12. View Slide

  13. Code Style

    View Slide

  14. Usará ponto e vírgula?
    Qual será a indentação?
    Como serão as
    nomenclaturas?
    Onde irão quebras de linha e
    espaços?

    View Slide

  15. Idiomatic.js
    Principles of Writing
    Consistent, Idiomatic
    Javascript

    View Slide

  16. Code Style
    JSHint e JSLint

    View Slide

  17. Comma-first Style

    View Slide

  18. Design Patterns

    View Slide

  19. Learning Javascript
    Design Patterns
    Addy Osmani - 2012

    View Slide

  20. View Slide

  21. Design Patterns
    Module Pattern

    View Slide

  22. Revealing Module Pattern

    View Slide

  23. Design Patterns
    Publish / Subscribe Pattern

    View Slide

  24. Publish / Subscribe Pattern

    View Slide

  25. Design Patterns
    Factory Pattern

    View Slide

  26. Design Patterns
    jQuery Boilerplate

    View Slide

  27. Templates

    View Slide

  28. 1.
    2.

    View Slide

  29. Design Patterns
    MV* Patterns

    View Slide

  30. Backbone
    AngularJS
    Spine
    Ember.js
    KnockoutJS
    YUI

    View Slide

  31. View Slide

  32. Coffeescript

    View Slide

  33. Build tasks da biblioteca

    View Slide

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

    View Slide

  35. Node.js

    View Slide

  36. View Slide

  37. View Slide

  38. View Slide

  39. Node.js
    Módulos
    math.js inc.js prog.js

    View Slide

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

    View Slide

  41. package.json
    Node.js
    Packages

    View Slide

  42. Node.js
    Node Packaged Modules

    View Slide

  43. View Slide

  44. You’re the
    operator
    with your
    pocket
    calculator

    View Slide

  45. Obrigado
    @jcemer

    View Slide