Git for designers

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