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

Javascript-Days 2012 – git started

Javascript-Days 2012 – git started

A basic introduction to git.

Martin Schuhfuss

September 27, 2012
Tweet

More Decks by Martin Schuhfuss

Other Decks in Technology

Transcript

  1. about me… Martin Schuhfuß / Hamburger (schon immer) / JS-Nerd,

    octocat-fanboy, Performance-Fetischist / verliebt in unmögliche Aufgaben und elegante Lösungen / Architekt und Entwickler bei spot-media AG (auch schon immer) @usefulthink | [email protected] | github.com/usefulthink
  2. me and git… ~/about/me $ git log --all --oneline --graph

    --decorate * d4ced12 (HEAD, arbeit) finished slides for js-days [5 minutes ago] |\ | * e455da1 (privat) founded decode-usergroup [5 months ago] * | d7055fd working with git, nodejs, Symfony2 [2 years ago] | * b1aa722 even more javascript, nodejs, nosql and git [3 years ago] | * d633722 javascript, extjs, yay! [4 years ago] | * ae31f22 graduated in computer engineering/computer vision [5 years ago] * | 24ed963 switch from cvs to svn [8 years ago] * | b86c85e programming in php, mysql [10 years ago] |/ * 3dfd4b3 start working at spot-media [10 years ago] * 263ed12 learned php/html/css/myqsl [10 years ago] :
  3. //////////////////////////////////////////////////////////////// ! GIT - the stupid content tracker //////////////////////////////////////////////////////////////// "git"

    can mean anything, depending on your mood. - random three-letter combination that is pronounceable, and not actually used by any common UNIX command. The fact that it is a mispronunciation of "get" may or may not be relevant. - stupid. contemptible and despicable. simple. Take your pick from the dictionary of slang. - "global information tracker": you're in a good mood, and it actually works for you. Angels sing, and a light suddenly fills the room. - "goddamn idiotic truckload of sh*t": when it breaks Linus Torwalds, git README, initial commit (https://github.com/git/git/blob/master/README)
  4. Linus Torwalds in einem privaten Interview 2012 (http://typicalprogrammer.com?p=143) git has

    taken over where Linux left off separating the geeks into know-nothings and know-it-alls. I didn‘t really expect anyone to use it because it‘s so hard to use, but that turns out to be its big appeal. No technology can ever be too arcane or complicated for the black-t-shirt crowd. „
  5. Inhalt / Everyday git / Grundlagen und Hintergründe I. Graphen

    und Erreichbarkeit II. git-Objekte und Funktionsweise / Branches und Histories / Arbeit mit mehreren Repositories I. Repositories synchronisieren II. Workflows für verteiltes Arbeiten
  6. ! Inhalt / Warum Git? (siehe http://whygitisbetterthanx.com/) / Umgang mit

    grafischen Tools und IDE- Integration (ich bin bash-freund, seid es auch) / Viele, viele Varianten und mögliche Parameter der Git-Befehle
  7. init / clone ~/src $ mkdir git-test ; cd git-test

    ~/src/git-test $ git init Initialized empty Git repository in ../src/git-test/.git/ git-Repositories einrichten „GIT_DIR“ ~/src $ git clone http://github.com/geeksam/do-re-mi Cloning into 'do-re-mi'... remote: Counting objects: 31, done. remote: Compressing objects: 100% (23/23), done. remote: Total 31 (delta 6), reused 29 (delta 4) Unpacking objects: 100% (31/31), done. Remote-Repository
  8. config ~/src/git-test $ git config --global user.name “Vor- und Nachname“

    ~/src/git-test $ git config --global user.email “[email protected]“ ~/src/git-test $ git config --global color.ui auto git Konfigurieren (wird der Parameter --global weggelassen, wird die Konfiguration nur für das aktuelle Repository angepasst) Die globale Konfiguration von Git wird in der Datei ~/.gitconfig (ini- Format) im Home-Verzeichnis gespeichert, lokale Konfiguration findet sich im Projektverzeichnis unter .git/config
  9. config ~/src/git-test $ git config --global alias.hist \ ‘log --oneline

    --graph --decorate‘ ~/src/git-test $ git hist Aliase definieren… [alias] hist = log --oneline --graph --decorate sdiff = diff --staged st = status ci = commit --all ~/.gitconfig
  10. status ~/local/src/git-test $ git status # On branch master #

    # Initial commit # nothing to commit (create/copy files and use "git add" to track) Änderungen und sonstige Status-Informationen des Repositories abfragen. ...oder sich sagen lassen was zu tun ist :)
  11. add ~/src/git-test $ echo "Hallo Welt" > README.md ~/src/git-test $

    git status # On branch master # # Initial commit # # Untracked files: # (use "git add <file>..." to include in what will be committed) # # README.md nothing added to commit but untracked files present (use "git add" to track) Änderungen in den Index aufnehmen und für den nächsten Commit vorsehen.
  12. add ~/src/git-test $ git add README.md ~/src/git-test $ git status

    # On branch master # # Initial commit # # Changes to be committed: # (use "git rm --cached <file>..." to unstage) # # new file: README.md # machen wir das doch einfach mal...
  13. commit ~/src/git-test $ git commit -m 'first commit' [master (root-commit)

    dc69a36] first commit 1 files changed, 1 insertions(+), 0 deletions(-) create mode 100644 README.md neuen Snapshot erzeugen DISCLAIMER: Um mich kurzzufassen werde ich keine besonders hilfreichen und/oder sinnvollen commit-messages schreiben. Normalerweise sterben Kätzchen durch solche commit-messages. (-m: commit-message direkt angeben; andernfalls öffnet sich euer $EDITOR)
  14. weitere Änderungen ~/src/git-test $ git status # On branch master

    # Changes not staged for commit: # (use "git add <file>..." to update what will be committed) # (use "git checkout -- <file>..." to discard changes in working directory) # # modified: README.md # no changes added to commit (use "git add" and/or "git commit -a") ~/src/git-test $ git add README.md ; git status # On branch master # Changes to be committed: # (use "git reset HEAD <file>..." to unstage) # # modified: README.md #
  15. log und diff ~/src/git-test $ git log commit 2eee492f9f9941e18c0c1449dcfeb46c679ae080 Author:

    Martin Schuhfuss <m.schuhfuss@gmail> Date: Fri Jan 6 15:57:59 2012 +0100 first comit ~/src/git-test $ echo "Hello World" > README.md ~/src/git-test $ git diff diff --git a/README.md b/README.md index b7d6715..557db03 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -Hallo Welt +Hello World Änderungen nachvollziehen Die Befehle git log und git diff sind extrem vielseitig einsetzbar, abhängig davon, mit welchen Parametern und Argumenten sie aufgerufen werden.
  16. noch mehr... weitere Befehle für den alltäglichen Gebrauch git checkout

    <datei>: Änderungen rückgängig machen und Datei im Arbeitsverzeichnis mit dem letzten Snapshot überschreiben*. git reset HEAD <datei>: Änderungen im Index / Staging- Bereich rückgängig machen*. git rm <datei>: Dateien löschen und aus dem Index entfernen * checkout und reset gehören mit zu den mächtigsten der git-Kommandos. Hier beschrieben ist nur einer der einfachsten der Anwendungsfälle.
  17. 40seconds Javascript Days Hotel beer.js Gerichteter Graph Die Kanten haben

    eine Richtungsangabe und können nur in dieser Richtung verwendet werden Kanten haben eine einheitliche Bedeutung Zuhause Ich Zyklus Graphen
  18. 40seconds Javascript Days Hotel beer.js Zuhause Ich Graphen Durch den

    Zyklus lässt sich die genaue zeitliche Abfolge der Ereignisse nicht mehr ablesen und es ergeben sich unendliche mögliche Abfolgen. Zeitliche Abfolgen können nur in zyklusfreien Graphen dargestellt werden.
  19. Krieg der Sterne Die Rache der Sith Das Imperium schlägt

    zurück Die Rückkehr der Jedi-Ritter Die dunkle Bedrohong Angriff der Klonkrieger 1 2 3 4 5 6 = Nachfolger (Produktionsreihenfolge) star-wars
  20. Krieg der Sterne Die Rache der Sith Das Imperium schlägt

    zurück Die Rückkehr der Jedi-Ritter Die dunkle Bedrohong Angriff der Klonkrieger 1 2 3 4 5 6 = Nachfolger (Storyline) star-wars
  21. Krieg der Sterne Die Rache der Sith Das Imperium schlägt

    zurück Die Rückkehr der Jedi-Ritter Die dunkle Bedrohong Angriff der Klonkrieger 1 2 3 4 5 6 = Geschichte baut darauf auf star-wars
  22. erste halbwegs lauffähige Version Feature für neue Version beta endlich

    gelauncht! d‘oh! neue Version = wurde darauf aufgebaut Das. Killer. Feature. Revisions-Graph
  23. erste halbwegs lauffähige Version Feature für neue Version beta endlich

    gelauncht! d‘oh! neue Version = wurde darauf aufgebaut Das. Killer. Feature. master nice_feature Revisions-Graph Referenzen awesomesauce
  24. erste halbwegs lauffähige Version Feature für neue Version beta endlich

    gelauncht! d‘oh! neue Version Das. Killer. Feature. master nice_feature Revisions-Graph Erreichbarkeit awesomesauce 1 2 3 4 5 6 7 master 6 – 4 – 5 – 3 – 2 – 1 nice_feature 4 – 2 – 1 awesomesauce 7 – 5 – 3 – 2 – 1 alter kram Ist über keine der Referenzen zu erreichen! Die History sieht für jede Referenz anders aus
  25. Wozu das alles? git wird niemals (wirklich nie) irgendetwas löschen,

    was über eine Referenz erreichbar ist. (Ihr dürft euch jetzt entspannen.)
  26. Snapshots CVS/SVN File A Δ1 File B File C Version

    1 Version 2 Version 3 Version 4 Version 5 Δ2 Δ1 Δ2 Δ1 Δ2 Δ3 A B C Version 1 Version 2 Version 3 Version 4 Version 5 A1 B C1 A1 B C2 A2 B1 C2 A2 B2 C3 overall-state (exact copy) at a given time changes (Deltas) over time Git
  27. Git Objekte 5a9e02d9… <?php require_once __DIR__.'/../app/bootstrap.php.cache'; require_once __DIR__.'/../app/AppKernel.php'; use Symfony\Component\HttpFoundation\Request;

    $kernel = new AppKernel('prod', false); $kernel->loadClassCache(); $kernel->handle(Request::createFromGlobals())->send(); fe32a871… blob a501bc92… .htaccess blob 5a9e02d9… app.php blob 7e22a497… app_dev.php tree 2149b94c… css tree f02b2258… images ef129a71… ef129a71… Tree: Parent: Author: Comitter: fe32a871… a9d81ef3… Martin Martin Awesome commit-message is awesome. Awesome commit-message is awesome. Commit Tree Blob
  28. Git Objekte ~/src/git-test $ tree . !"" README.md #"" web

    !"" index.html #"" style.css ~/src/git-test $ git add . ~/src/git-test $ git stat # On branch master # Changes to be committed: # (use "git reset HEAD <file>..." to unstage) # # new file: web/index.html # new file: web/style.css # ~/src/git-test $ git commit -m ‘index and styles‘ [master 6434aeb] index and styles 1 files changed, 10 insertions(+), 0 deletions(-) create mode 100644 web/index.html create mode 100644 web/style.css
  29. Git Objekte 636af660… Hallo Welt 97cd79d8… blob 636af660… README.md tree

    6e6cee32… web 6434aeb7… 6434aeb7… Tree: Parent: 97cd79d8… 2eee492f… index and styles index and styles 2eee49… initial commit 6e6cee32… blob 94d985df… index.html blob e69de29b… style.css 94d985df… <!DOCTYPE html> <html> <head> <title>Hallo Welt!</title> <link rel="stylesheet" href="st… </head> <body> <h1>Hallo Welt!</h1> </body> </html> e69de29b… <leer>
  30. SHA1 636af660… Hallo Welt e69de29b… <leer> Egal wo auf der

    Welt jemand eine leere Datei in einem git-repository speichert – mit welchem Betriebssystem und welcher git-Version auch immer – diese Datei wird immer denselben SHA1-Hash (e69de29bb2d1d6434b8b29ae775ad8c2e48c5391) erhalten. Aufgrund der tatsächlichen Länge der SHA1-Hashes (160 bit / 2160 mögliche Kombinationen) ist es faktisch ausgeschlossen, dass zwei unterschiedliche Dateien mit denselben SHA1-Wert erhalten. Absolut und global Eindeutige Ids
  31. Three Trees working directory index HEAD repository Der aktuelle Checkout.

    Dies ist das eigentliche Projektverzeichnis und enthält die Dateien, mit denen ihr arbeitet. Staging-Bereich zur Vorbereitung von neuen Snapshots bzw. Commits Der HEAD-Commit zeigt auf den letzten erzeugten Snapshot im aktuellen Branch und ist immer der Snapshot, der zum Parent des nächsten Commits wird.
  32. unstage changes Three Trees working directory index stage changes create

    snapshot git add <file ...> git rm <file ...> git commit git reset <file ...> Die Dateien im Working Directory bleiben unverändert, die Änderungen werden aus dem Index entfernt HEAD repository
  33. Three Trees working directory index HEAD repository git reset --hard

    <file ...> unstage changes git reset <file ...> Die Dateien im Working Directory bleiben unverändert, die Änderungen werden aus dem Index entfernt Unter dem Titel „reset demystified“ gibt auf progit.org (http://progit.org/2011/07/11/reset.html) eine hervorragende Erklärung zu der genauen Funktionsweise von reset und checkout. Sowohl der Index als auch die Working-Copy werden zurückgesetzt
  34. 636af6... working directory index HEAD repository repository master HEAD README.md

    git add README.md README.md 636af6... Hallo Welt blob
  35. working directory index HEAD repository repository master HEAD README.md git

    commit -m ‘initial commit‘ 636af6... README.md 636af6... README.md README.md: 636af6... 2eee49... master 2eee49... Tree: fd72bd... Author: Martin Comitter: Martin initial commit fd72bd... blob 636af6... README.md 636af6... Hallo Welt commit tree blob
  36. Hallo Welt working directory index HEAD repository repository master HEAD

    README.md 636af6... README.md 636af6... README.md README.md: 636af6... 2eee49... master jetzt ändern wir die README.md… Hello World! README.md 636af6... Hallo Welt
  37. Hello World! working directory index HEAD repository repository master HEAD

    README.md 636af6... README.md 636af6... README.md README.md: 636af6... 2eee49... master git add README.md 636af6... Hallo Welt 7e5411… README.md 7e5411… Hello World!
  38. Hello World! working directory index HEAD repository repository README.md 636af6...

    README.md 7e5411... README.md README.md: 636af6... 2eee49... git commit -m ‘english‘ 636af6... Hallo Welt 7e5411… Hello World! README.md: 7e5411... f6ba12... 7e5411… README.md master HEAD master
  39. A HEAD master master B C Szenario Commit Branch Verweis

    zum Parent-Commit HEAD …oder auch: der Commit, der zum Parent von neuen Commits wird eine Referenz für eine Commit-Id A, B, C usw. stehen als Platzhalter für die „echten“ Commit-Ids Mit jedem Commit wird die Referenz (master) des aktuellen Branches (vom HEAD angezeigt) automatisch mitbewegt.
  40. A B C git branch feature git checkout feature Branch

    erstellen master Kurzform: git checkout -b feature HEAD feature
  41. feature A B C git checkout master git merge feature

    fast-forward merge D HEAD master kein neuer commit Bei einem fast-forward merge wird kein separater merge-commit erzeugt, lediglich der Ziel-Branch (master) wird auf die neue Position „Vorgespult“. mit git merge --no-ff feature kann verhindert werden, dass fast- forward merges gemacht werden. Mit dem Parameter --ff-only werden sie erzwungen.
  42. A B C git checkout feature git commit … Ein

    weiterer Commit D E master HEAD feature
  43. A B C D E HEAD master feature git checkout

    master git commit … Bugfixes… F G
  44. C D E feature git checkout master git merge feature

    Merge! F G HEAD master H merge-commit ...hat im Gegensatz zu einem normalen Commit zwei Elternteile und wird aus den Änderungen der beiden Branches kombiniert. Commit-Message: merged branch ‘feature‘ Konflikte ...treten auf, wenn in beiden Branches in denselben Bereichen einer Datei Änderungen vorgenommen wurden
  45. master D E C F G Konflikte vermeiden git rebase

    D‘ E‘ git checkout feature git rebase master HEAD feature git rebase nimmt alle Änderungen aus einem bestehenden Branch und verschiebt diese an eine andere Position. Die Basis (nearest common ancestor) des feature-Branches wird dabei von C zu G ACHTUNG nach dem rebase sind die Original-Commits nur noch über ihre Id erreichbar.
  46. git wird niemals (wirklich nie) irgendetwas löschen, was über eine

    Referenz erreichbar ist. (Ihr dürft euch jetzt auch wieder entspannen.)
  47. Der Rückwärtsgang --abort – Alles zurück auf Anfang ~/src/git-test $

    $ git rebase master First, rewinding head to replay your work on top of it... Applying: first feature commit Using index info to reconstruct a base tree... Falling back to patching base and 3-way merge... Auto-merging README.md CONFLICT (content): Merge conflict in README.md Failed to merge in the changes. Patch failed at 0001 first feature commit When you have resolved this problem run "git rebase --continue". If you would prefer to skip this patch, instead run "git rebase --skip". To check out the original branch and stop rebasing run "git rebase --abort". ~/src/git-test $ git rebase --abort
  48. Der Vorwärtsgang rebase - Konflikte auflösen ~/src/git-test $ $ git

    rebase master First, rewinding head to replay your work on top of it... Applying: first feature commit Using index info to reconstruct a base tree... Falling back to patching base and 3-way merge... Auto-merging README.md CONFLICT (content): Merge conflict in README.md Failed to merge in the changes. Patch failed at 0001 first feature commit When you have resolved this problem run "git rebase --continue". If you would prefer to skip this patch, instead run "git rebase --skip". To check out the original branch and stop rebasing run "git rebase --abort". Commit-Message des fehlgeschlagenen patches
  49. ~/src/git-test $ git stat # Not currently on any branch.

    # Changes to be committed: # (use "git reset HEAD <file>..." to unstage) # # modified: web/style.css # # Unmerged paths: # (use "git reset HEAD <file>..." to unstage) # (use "git add/rm <file>..." as appropriate to mark resolution) # # both modified: README.md # ~/src/git-test $ cat README.md <<<<<<< HEAD Hallo Welt! im branch master kommt was dazu... ======= Hello World >>>>>>> first feature commit Jeder Konflikt innerhalb der Datei wird mit Markierungen versehen. Die Datei wird bearbeitet, und der Konflikt aufgelöst, wobei die MArkierungen entfernt werden. rebase - Konflikte auflösen Der Vorwärtsgang
  50. ~/src/git-test $ cat README.md Hello World im branch master kommt

    was dazu... ~/src/git-test $ git add README.md ~/src/git-test $ git stat # Not currently on any branch. # Changes to be committed: # (use "git reset HEAD <file>..." to unstage) # # modified: README.md # modified: web/style.css # ~/src/git-test $ git rebase --continue Applying: first feature commit Applying: second commit (add file) Applying: third commit (changed README.md) rebase - Konflikte auflösen Der Vorwärtsgang
  51. Linus Torwalds in einem privaten Interview 2012 (http://typicalprogrammer.com?p=143) […] Eventually

    you‘ll discover the easter-egg in git: all meaningful operations can be expressed in terms of the rebase-command. Once you figure that out it all makes sense. I thought the joke would be obvious […] „
  52. N O master K L M feature-a moar fun with

    rebase git rebase master feature-b --onto feature-a O‘ N‘ feature-b HEAD feature-b ~/src/git-test $ git rebase master feature-b --onto feature-a First, rewinding head to replay your work on top of it... Applying: first commit on branch feature-b (N $ N‘) Applying: second commit on branch feature-b (O $ O‘) from to new base
  53. hilfreiche Befehle git add --patch: interaktives Staging von Änderungen. Hilft,

    wenn in einer Datei Änderungen sind, die getrennt voneinander comitted werden sollen. git commit --amend: den letzen Commit nochmal bearbeiten. Üblicherweise zum Beheben von Tippfehlern in Commit-Messages aber auch git rebase --interactive: wie commit --amend auf Crack. Mit Kettensäge*. Erlaubt das beliebige Umstellen und nachträgliche Ändern von Commits. Unfassbar mächtig, aber mit Vorsicht zu genießen (vorher immer ein Tag setzen, dann kann man sich zumindest wieder retten, wenns was nicht klappt).
  54. hilfreiche Befehle git stash und git stash pop: Mit git

    stash können alle gerade vorhandenen Änderungen „beiseite gelegt“ werden. Das Working-Directory und der Index werden auf den Stand des HEAD zurückgesetzt. stash pop stellt den beiseite gelegten Stand wieder her. git clean: Räumt unversionierte Dateien aus dem Weg, mit dem Parameter -f werden nur unversionierte Dateien entfernt, mit -d auch die Verzeichnisse. git mergetool: Die UNO oder sowas. Hilft bei der Konfliktlösung.
  55. mergetool ~/src/git-test $ cd /opt/ && sudo tar -xvzf /path/to/downloaded/p4v.tgz

    ~/src/git-test $ cd /usr/local/bin && sudo ln -s /opt/p4v-<XXXX>/bin/p4merge ~/src/git-test $ git config --global merge.tool p4merge wenn ein Konflikt auftritt: ~/src/git-test $ git merge some-other-branch Auto-merging README CONFLICT (content): Merge conflict in README ~/src/git-test $ git mergetool Merging: README Normal merge conflict for 'README': {local}: modified file {remote}: modified file Hit return to start merge resolution tool (p4merge):
  56. feature A B git clone /home/robert/src/git-test clone D master C

    origin/feature A B C D origin/master master git clone erstellt ein neues Repository als exakte Kopie eines anderen Repositories. Dabei wird automatisch ein remote mit dem Namen origin angelegt. /home/robert/src/git-test
  57. master A B git checkout -b feature origin/feature git commit

    … paralleles Arbeiten D C master origin/feature A B C D origin/master /home/robert/src/git-test feature feature E
  58. master A B paralleles Arbeiten D C master origin/feature A

    B C D origin/master /home/robert/src/git-test feature feature E X ...währenddessen ist Robert nicht untätig... Da keine automatische Synchronisierung stattfindet, ist das Abbild von origin/ feature jetzt veraltet.
  59. master A B git fetch origin feature git merge origin/feature

    Synchronisieren D C master origin/feature A B C D origin/master /home/robert/src/git-test E X feature X feature X feature F Kurzform: git pull origin feature
  60. A B git remote add martin /home/martins/src/git-test git fetch martin

    git pull martin feature ...und Rückwärts D C master A B C D /home/robert/src/git-test X X feature E F feature E F feature martin/master martin/feature F E master fast-forward merge
  61. master A B git pull --rebase origin feature Das ganze

    ohne merges D C master origin/feature A B C D origin/master /home/robert/src/git-test E X feature feature X feature E‘ X
  62. git push origin feature Push? A B D C master

    X X master A B C D origin/master E X F feature origin/feature Shared-Repository Martins Repository F E feature
  63. Integrator (z.B. github) Martins privates Repository Stefans privates Repository Roberts

    privates Repository Upstream Repository Der Maintainer hat die Aufgabe, aus den öffentlichen Repositories der anderen fertiggestellte Branches in das Upstream-Repository zu übernehmen und dort in den master-Branch bzw. in die release-Branches zu mergen. Dadurch werden sie allen Entwicklern zur Verfügung gestellt. Martins Öffentliches Repository Stefans Öffentliches Repository Roberts Öffentliches Repository Der Maintainer (Integrator) hat als einziger Schreibzugriff auf das Master-Repository und übernimmt Änderungen (Pull-Requests) von den anderen nur fetch/pull push „origin“ „upstream“
  64. Branches in verteilten Repositories private Branches: temporäre Branches für experimentelle

    Änderungen oder zur eigenen Sicherheit. Private Branches sollten nie direkt veröffentlicht, sondern immer vorher bereinigt werden (merge --squash / rebase --interactive). upstream-branches: Branches für die Synchronisation mit einem upstream-repository. Diese dienen als Basis für Entwicklungsbranches, es sollten aber nie direkt commits in diesen gemacht werden. öffentliche Branches: Werden Beispielsweise für fertiggestellte Features oder Code-Reviews erstellt. Diese sollten zum besseren Verständnis eine bereinigte History (und brauchbare commit-messages!) haben. Änderungen im upstream-repository werden immer aus den öffentlichen Branches der Entwickler gemerged.