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

Webshaped

 Webshaped

Turbo charging your workflow with Node.js

Andrew Nesbitt

May 23, 2013
Tweet

More Decks by Andrew Nesbitt

Other Decks in Technology

Transcript

  1. Turbo charging your
    workflow with
    Node.js

    View Slide

  2. Andrew Nesbitt
    @teabass

    View Slide

  3. Web Developer
    London

    View Slide

  4. Nodecopter

    View Slide

  5. Turbo charging your
    workflow with
    Node.js

    View Slide

  6. What is a
    Workflow?

    View Slide

  7. Why
    Automate?

    View Slide

  8. Save
    Time

    View Slide

  9. Automate
    boring bits

    View Slide

  10. Reduce
    Errors

    View Slide

  11. Stay in the
    flow

    View Slide

  12. Focus on the stuff
    that matter

    View Slide

  13. A good developer is
    a lazy developer

    View Slide

  14. View Slide

  15. var http = require('http');
    http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end('Hello World\n');
    }).listen(1337, '127.0.0.1');
    console.log('Server running at http://127.0.0.1:1337/');

    View Slide

  16. npm
    npmjs.org

    View Slide

  17. Bower
    bower.io

    View Slide

  18. Demo!

    View Slide

  19. View Slide

  20. Grunt
    gruntjs.com

    View Slide

  21. Demo!

    View Slide

  22. View Slide

  23. But wait!

    View Slide

  24. A good developer is
    a lazy developer

    View Slide

  25. Yeoman
    yeoman.io

    View Slide

  26. Demo!

    View Slide

  27. Project scaffolding
    Grunt build process
    Live Reload
    Linting
    Web server
    Compress images
    Bower package management
    Javascript Unit Testing

    View Slide

  28. View Slide

  29. Thanks!

    View Slide

  30. github.com/andrew/webshaped
    speakerdeck.com/andrew/webshaped

    View Slide

  31. Questions?
    @teabass

    View Slide