Webshaped

Turbo charging your workflow with Node.js

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