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

Git for designers

Git for designers

Mehdi Lahmam B.

August 25, 2015
Tweet

More Decks by Mehdi Lahmam B.

Other Decks in Design

Transcript

  1. Git
    (for designers)
    a talk about

    View Slide

  2. Git looks after your
    files.
    (.psd, .sketch, .md, .txt,
    .jpg, .exe, .kitten…)

    View Slide

  3. of your files.
    versions
    more specifically,

    View Slide

  4. (save as you progress,
    and get back to it easily)
    history.
    it stores your

    View Slide

  5. (everyone has a copy
    of the full history of the project;
    loosing data is hard)
    backups.
    for free, you get

    View Slide

  6. github.
    it’s not

    View Slide

  7. A
    a file

    View Slide

  8. A
    A2

    View Slide

  9. A
    A2
    A3

    View Slide

  10. A
    A2
    A3
    A4
    B
    B2

    View Slide

  11. dashboard-wires-23-
    f-approved-final-
    amends-12.psd

    View Slide

  12. a snapshot
    C1

    View Slide

  13. let’s go through some
    jargon

    View Slide

  14. copy of a project.
    local
    you work on a

    View Slide

  15. Project
    A B

    View Slide

  16. Project
    A B .git

    View Slide

  17. it to your computer.
    Clone
    know an existing project?

    View Slide

  18. for the history
    log
    check the

    View Slide

  19. your changes…
    Commit

    View Slide

  20. …to the current
    branch.

    View Slide

  21. another branch.
    Checkout

    View Slide

  22. other’s changes…
    Pull

    View Slide

  23. your work to a…
    push
    …and then

    View Slide

  24. server, for others to use.
    remote

    View Slide

  25. a commit
    “First sketches”
    C1

    View Slide

  26. “Wireframes”
    C1
    C2

    View Slide

  27. C1
    C2
    C4
    C3

    View Slide

  28. a branch
    a branch
    C1
    C2
    C4
    C3
    C5

    View Slide

  29. https://goo.gl/gy3rCt
    useful links

    View Slide