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

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

Jean Carlo Emer

March 23, 2013
Tweet

More Decks by Jean Carlo Emer

Other Decks in Programming

Transcript

  1. Javascript dos novos tempos

    View full-size slide

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

    View full-size slide

  3. jcemer
    jcemer
    Codeminer 42

    View full-size slide

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

    View full-size slide

  5. +1300 linhas
    jQuery
    PrototypeJS
    Scriptaculous
    Window

    View full-size slide

  6. Code Standards / Style

    View full-size slide

  7. Ponto e vírgula
    Indentação
    Quando usar chaves
    Como serão as nomenclaturas
    Onde irão quebras de linha e espaços

    View full-size slide

  8. Idiomatic.js
    Principles of Writing Consistent, Idiomatic
    JavaScript

    View full-size slide

  9. Code Standards / Style
    JSHint e JSLint

    View full-size slide

  10. Comma-first
    Style

    View full-size slide

  11. Design Patterns

    View full-size slide

  12. Learning Javascript
    Design Patterns
    Addy Osmani - 2012

    View full-size slide

  13. Design Patterns
    Module Pattern

    View full-size slide

  14. Revealing
    Module
    Pattern

    View full-size slide

  15. Design Patterns
    Publish / Subscribe Pattern

    View full-size slide

  16. Design Patterns
    Factory Pattern

    View full-size slide

  17. Design Patterns
    jQuery Boilerplate

    View full-size slide

  18. Design Patterns
    MV* Patterns

    View full-size slide

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

    View full-size slide

  20. 1.
    2.
    Templates

    View full-size slide

  21. CoffeeScript

    View full-size slide

  22. Script de
    tarefas da
    biblioteca

    View full-size slide

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

    View full-size slide

  24. Node.js
    Evented server-side Javascript

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  27. package.json
    Node.js
    Packages

    View full-size slide

  28. Node.js
    Node Packaged Modules

    View full-size slide

  29. 1. Crie um perfil no site
    2. > npm adduser
    3. Acesse um diretório com package.json
    4. > npm publish

    View full-size slide

  30. Integração Contínua - CI

    View full-size slide

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

    View full-size slide

  32. You’re the
    operator
    with your
    pocket
    calculator

    View full-size slide

  33. Obrigado
    @jcemer

    View full-size slide