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

Vagrant 101 for Designers and Frontend Engineers

Vagrant 101 for Designers and Frontend Engineers

Vagrant provides easy to configure, reproducible, and highly portable work environments to help maximize the productivity and flexibility of you and your team. As a developer, Vagrant will isolate dependencies and their configuration within a single disposable, consistent environment, without sacrificing any of the tools you’re used to working with (editors, browsers, debuggers, etc.). As a designer, Vagrant will automatically set everything up that is required for that web app in order for you to focus on doing what you do best: design. Finally, imagine if you could share your local development with the world in a single command!

Seth Vargo

April 14, 2015
Tweet

More Decks by Seth Vargo

Other Decks in Technology

Transcript

  1. Vagrant  101
    A  VIRTUAL  DEVELOPMENT  ENVIRONMENT

    View full-size slide

  2. I  am  @sethvargo

    View full-size slide

  3. WWW.HASHICORP.COM

    View full-size slide

  4. HISTORY
    2010 2015

    View full-size slide

  5. 050bfd9 Initial commit [Mitchell Hashimoto] (5 years ago)
    vagrant  master git log --reverse

    View full-size slide

  6. 7275
    vagrant  master git log | wc -l

    View full-size slide

  7. 5558 Mitchell Hashimoto
    284 Seth Vargo
    116 Fabio Rehm
    85 John Bender
    73 Gilles Cornu
    69 Shawn Neal
    68 Teemu Matilainen
    27 Max Lincoln
    19 Paul Hinze
    17 Jack Pearkes
    17 Adam Spiers
    13 Michael Bearne
    vagrant  master git shortlog -s -n

    View full-size slide

  8. 588
    vagrant  master git shortlog -s -n | wc -l

    View full-size slide

  9. mitchellh/vagrant
    !

    View full-size slide

  10. cost
    benefit
    BENEFITS

    View full-size slide

  11. REQUIREMENTS

    View full-size slide

  12. REQUIREMENTS
     computer

    View full-size slide

  13. REQUIREMENTS

     computer
    internet  connection

    View full-size slide

  14. REQUIREMENTS

     
     computer
    internet  connection
    beverage*
    *  optional

    View full-size slide

  15. REQUIREMENTS

     
     computer
    internet  connection*
    beverage*
    *  optional

    View full-size slide

  16. REQUIREMENTS

     
    }

    View full-size slide

  17. REQUIREMENTS

     
    }low  barrier  to  entry

    View full-size slide

  18. PARITY
    PRODUCTION
    DEVELOPMENT

    View full-size slide

  19. PARITY
    PRODUCTION
    DEVELOPMENT
    LARGE  FAILURE  GAP

    View full-size slide

  20. PARITY
    PRODUCTION
    DEVELOPMENT
    LARGE  FAILURE  GAP

    View full-size slide

  21. PARITY
    PRODUCTION
    DEVELOPMENT

    View full-size slide

  22. PARITY
    PRODUCTION
    DEVELOPMENT
    SMALL  FAILURE  GAP

    View full-size slide

  23. EASY
    vagrant  master vagrant up

    View full-size slide

  24. EASY
    Bringing machine 'default' up with 'virtualbox' provider...
    ==> default: Importing base box 'hashicorp/precise64'...
    Progress: 60%
    vagrant  master vagrant up

    View full-size slide

  25. PLATFORM-­‐AGNOSTIC

    View full-size slide

  26. PLATFORM-­‐AGNOSTIC


    View full-size slide

  27. PLATFORM-­‐AGNOSTIC

    

    View full-size slide

  28. PLATFORM-­‐AGNOSTIC

    

     

    View full-size slide

  29. PLATFORM-­‐AGNOSTIC

    

     

    View full-size slide

  30. DEMO
    github.com/sethvargo/posscon-2015-demo

    View full-size slide

  31. WANT  MORE?
    VAGRANTUP.COM

    View full-size slide

  32. WANT  MORE?
    Create and Manage Virtualized Development Environments
    Mitchell Hashimoto
    Vagrant
    Up and Running
    hashi.co/vagrant-­‐book

    View full-size slide

  33. QUESTIONS?
    I  am  @sethvargo

    View full-size slide