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

Package-Management Für JavaScript

Package-Management Für JavaScript

Language: German

Einführung in Package-Management anhand von Bower.

EnterJS 2014

Rodney Rehm

July 01, 2014
Tweet

More Decks by Rodney Rehm

Other Decks in Technology

Transcript

  1. Package-Management
    für JavaScript
    Rodney Rehm - @rodneyrehm
    EnterJS 2014

    View full-size slide

  2. Hey,
    I’m Rod
    Photo by @stn1978

    View full-size slide

  3. https://www.qivicon.com
    Home Automation

    View full-size slide

  4. In Einem Land Vor
    Unserer Zeit…

    View full-size slide

  5. •Bezug zur Quelle?
    •Ladereihenfolge?
    •Wartbarkeit von Einzelteilen?
    •Testbarkeit von Einzelteilen?
    •global scope?

    View full-size slide

  6. Module Definieren

    View full-size slide

  7. (vermutlich veraltete Syntax…)

    View full-size slide

  8. Module Laden

    View full-size slide

  9. Module Verwalten
    (Wie es bisher gemacht wurde)

    View full-size slide

  10. Module Verwalten

    View full-size slide

  11. Heute…
    Front End Build Chain
    Ablage der fertig gebauten Artefakte

    View full-size slide

  12. Bower Konsumieren

    View full-size slide

  13. (automatisieren mit grunt-bower-verify)

    View full-size slide

  14. Bower Als Registry

    View full-size slide

  15. Private Bower Registry

    View full-size slide

  16. Mit Modulen
    Entwickeln?

    View full-size slide

  17. Spielwiesen™

    View full-size slide

  18. •Ladereihenfolge
    •Kein Global scope Pollution
    •Wartbare Einzelteile

    View full-size slide

  19. Continuous
    Integration

    View full-size slide

  20. Jenkins NodeJS Plugin
    https://wiki.jenkins-ci.org/display/JENKINS/NodeJS+Plugin

    View full-size slide

  21. Jenkins Build Job

    View full-size slide

  22. Leider keine Dependents

    View full-size slide

  23. That’s it…
    Rodney Rehm - @rodneyrehm
    EnterJS 2014

    View full-size slide

  24. Resources
    # Loading
    http://requirejs.org/
    http://browserify.org/
    # PackageManagement
    http://npmjs.org/ http://bower.io/ http://component.io/
    http://ender.jit.su/ http://volojs.org/ http://jamjs.org/
    http://jspm.io/
    # Build Tools
    http://gruntjs.com/
    https://npmjs.org/package/grunt-bower-clean
    https://npmjs.org/package/grunt-dependencygraph
    https://npmjs.org/package/grunt-bower-verify
    # Jenkins
    https://wiki.jenkins-ci.org/display/JENKINS/NodeJS+Plugin
    # Articles
    http://wibblycode.wordpress.com/2013/01/01/the-state-of-javascript-
    package-management/
    http://addyosmani.com/writing-modular-js/
    http://fumblesandfriends.com/blog/setting-up-a-private-bower-registry/

    View full-size slide