Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Herzlich willkommen!
Session „Git & WordPress“
@kirstenschelper @taxifisch
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Quellen

Für wen ist diese Session?
• Level: Einsteige...
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Quellen

Was gibt es nicht in dieser Session
• Die Ant...
Git & WordPress

Wer wir sind
Git & WordPress

Einleitung

Anfänge

Kirsten Schelper
{designer}
@kirstenschelper @taxifisch

Wie tickt Git?

Git Workflo...
Git & WordPress

Unser Einstieg in Git
Git & WordPress

First Contact

Foto Raymond Bryson on Flickr
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Quellen

Das s_theme (von Automattic)
… liegt auf GitH...
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Kirsten‘s Workflow bisher
1. s_theme von GitHub herunt...
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Das Problem:
Ich verpasse alle Updates von Automattic,...
Git & WordPress

Das ist doof.

Foto istockfoto.cm/wildcat78
Git & WordPress

Dann machen wir eben Git!

@kirstenschelper @taxifisch
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Quellen

Kopier mal

ins Terminal

@kirstenschelp...
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Quellen

Kirsten‘s Story
• Ich habe Git auf meinem lok...
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Zwischenbilanz
• Als Designer ohne Programmiererfahrun...
Git & WordPress

Wie tickt Git?

@kirstenschelper @taxifisch
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Problem Herausforderung
1. Abstraktion. Für visuelle M...
Git & WordPress

Git ist einfach. Irgendwie.

http:/
/www.flickr.com/photos/27875041@N02/4533462327/sizes/l/
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Ein bisschen Git-Chinesisch
• init
• repository
• bran...
Git & WordPress

Einleitung

Anfänge

initialisieren

@kirstenschelper @taxifisch

Wie tickt Git?

Git Workflow

Quellen
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Quellen

Staging Area
• Git verlangt, dass man seine Ä...
Omm!
http:/
/www.flickr.com/photos/joao_trindade/4323984439/sizes/l/in/photostream/
Git & WordPress

Beispiel für einen Git Workflow

@kirstenschelper @taxifisch
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Quellen

Ziele Workflow s_theme
• Wir wollen das s_the...
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Kirsten‘s
Repo

_s-theme

Git Workflow

1
Fork machen

Quellen

Auto...
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Quellen

Zusammenfassung GitHub Workflow
• Ein Projekt...
Git & WordPress

Warum eigentlich „Fork“?

@kirstenschelper @taxifisch
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Kirsten‘s
Repo

_s-theme

Git Workflow

1
Fork machen

Quellen

Auto...
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Kirsten‘s
Repo

_s-theme

Git Workflow

Fork machen

Quellen

Automa...
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Quellen

Arbeit mit Git bedeutet
… den Workflow besser...
Git & WordPress

Einleitung

Anfänge

Wie tickt Git?

Git Workflow

Ressourcen zum Lernen
• Brandneue Video Serie auf Tree...
Git & WordPress

Vielen Dank – Fragen?

• Slides auf Slideshare
http:/
/de.slideshare.net/KirstenSchelper/

@kirstenschelp...
Nächste SlideShare
Wird geladen in …5
×

Git und WordPress-Themes | WPCamp Berlin 2013

1.255 Aufrufe

Veröffentlicht am

  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Git und WordPress-Themes | WPCamp Berlin 2013

  1. 1. Herzlich willkommen! Session „Git & WordPress“ @kirstenschelper @taxifisch
  2. 2. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Quellen Für wen ist diese Session? • Level: Einsteiger • Designer, die WordPress Themes entwickeln und nicht viel mit Programmierung am Hut haben • Leute, die es schon 1000 Mal versucht haben, aber nie verstanden haben, wie Git funktioniert @kirstenschelper @taxifisch
  3. 3. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Quellen Was gibt es nicht in dieser Session • Die Antwort auf alle Fragen • Schritt für Schritt Anleitung zum Arbeiten mit Git • Geheimrezepte und Git-Voodoo @kirstenschelper @taxifisch
  4. 4. Git & WordPress Wer wir sind
  5. 5. Git & WordPress Einleitung Anfänge Kirsten Schelper {designer} @kirstenschelper @taxifisch Wie tickt Git? Git Workflow Elisabeth Hölzl {developer} Quellen
  6. 6. Git & WordPress Unser Einstieg in Git
  7. 7. Git & WordPress First Contact Foto Raymond Bryson on Flickr
  8. 8. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Quellen Das s_theme (von Automattic) … liegt auf GitHub* … wird von Kirsten als Grundlage für Themes verwendet * verschiedene Leute arbeiten daran * kriegt regelmäßig Updates und Fixes @kirstenschelper @taxifisch
  9. 9. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Kirsten‘s Workflow bisher 1. s_theme von GitHub herunterladen 2. An der lokalen Kopie arbeiten 3. Eigenes Theme draus machen @kirstenschelper @taxifisch Quellen
  10. 10. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Das Problem: Ich verpasse alle Updates von Automattic, weil die lokale Kopie keine Verbindung zum Original auf GitHub hat @kirstenschelper @taxifisch Quellen
  11. 11. Git & WordPress Das ist doof. Foto istockfoto.cm/wildcat78
  12. 12. Git & WordPress Dann machen wir eben Git! @kirstenschelper @taxifisch
  13. 13. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Quellen Kopier mal  ins Terminal @kirstenschelper @taxifisch
  14. 14. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Quellen Kirsten‘s Story • Ich habe Git auf meinem lokalen Rechner installiert • Ich habe rumprobiert, Dateien geändert usw. • Aber ich konnte rein gar nichts SEHEN • Dieses Git – ist vollkommen unsichtbar! @kirstenschelper @taxifisch
  15. 15. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Zwischenbilanz • Als Designer ohne Programmiererfahrung ist man aufgeschmissen • Man muss sich einen freundlichen Programmierer suchen @kirstenschelper @taxifisch Quellen
  16. 16. Git & WordPress Wie tickt Git? @kirstenschelper @taxifisch
  17. 17. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Problem Herausforderung 1. Abstraktion. Für visuelle Menschen ein Graus. 2. Mit der Kommandozeile arbeiten heißt: Es gibt kein visuelles Feedback, man sieht buchstäblich nicht was man tut. 3. Das ist die schlechte Nachricht. Die gute Nachricht: @kirstenschelper @taxifisch Quellen
  18. 18. Git & WordPress Git ist einfach. Irgendwie. http:/ /www.flickr.com/photos/27875041@N02/4533462327/sizes/l/
  19. 19. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Ein bisschen Git-Chinesisch • init • repository • branch • commit • merge @kirstenschelper @taxifisch Quellen
  20. 20. Git & WordPress Einleitung Anfänge initialisieren @kirstenschelper @taxifisch Wie tickt Git? Git Workflow Quellen
  21. 21. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Quellen Staging Area • Git verlangt, dass man seine Änderung in etwas namens „Staging Area“ legt, bevor man ein commit macht • Die Staging Area kann man sich vorstellen wie eine Lagerhalle, in der man Dinge zusammenstapelt, die zusammen gehören. Zum Beispiel: Code, der zum Menü gehört auf einen Stapel, Code, der zum Slider gehört auf einen anderen. @kirstenschelper @taxifisch
  22. 22. Omm! http:/ /www.flickr.com/photos/joao_trindade/4323984439/sizes/l/in/photostream/
  23. 23. Git & WordPress Beispiel für einen Git Workflow @kirstenschelper @taxifisch
  24. 24. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Quellen Ziele Workflow s_theme • Wir wollen das s_theme als eine Art „Boilerplate“ für verschiedene WordPress Themes verwenden • Wir wollen keine Updates (auf GitHub) mehr verpassen • Wir wollen, dass im Code, an dem wir arbeiten, nichts durcheinander kommt, wenn es ein Update vom s_theme gibt @kirstenschelper @taxifisch
  25. 25. Git & WordPress Einleitung Anfänge Wie tickt Git? Kirsten‘s Repo _s-theme Git Workflow 1 Fork machen Quellen Automattic‘s Repo _s-theme fork GitHub git clone 2 Das s-Theme auf den lokalen Rechner klonen _s-theme clone 1.1 arbeiten & commit _s-theme clone 1.1 arbeiten & commit @kirstenschelper git kommandos git remote add automattic @taxifisch commit Verbindung zum s_theme im Automattic repo 3 Änderungen am s_theme holen 4 git fetch automattic
  26. 26. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Quellen Zusammenfassung GitHub Workflow • Ein Projekt auf GitHub auswählen und forken (Schritt 1) • Git auf dem lokalen Rechner installieren • Das Projekt auf den lokalen Rechner klonen (Schritt 2) • [Arbeiten] • Das lokale Projekt mit dem Original-Projekt auf GitHub verbinden (Schritt 3) • Updates vom Original-Projekt holen (Schritt 4) @kirstenschelper @taxifisch
  27. 27. Git & WordPress Warum eigentlich „Fork“? @kirstenschelper @taxifisch
  28. 28. Git & WordPress Einleitung Anfänge Wie tickt Git? Kirsten‘s Repo _s-theme Git Workflow 1 Fork machen Quellen Automattic‘s Repo _s-theme GitHub 2 Das s-Theme auf den lokalen Rechner klonen _s-theme clone 1.1 arbeiten & commit Verbindung zum s_theme im Automattic repo 3 Änderungen am s_theme holen 4 _s-theme clone 1.1 arbeiten & commit @kirstenschelper @taxifisch
  29. 29. Git & WordPress Einleitung Anfänge Wie tickt Git? Kirsten‘s Repo _s-theme Git Workflow Fork machen Quellen Automattic‘s Repo _s-theme _s-theme-ks GitHub s-theme _s-theme clone 1.0 1.1 arbeiten & commit _s-theme clone 1.1 arbeiten & commit @kirstenschelper @taxifisch Änderungen am s_theme holen
  30. 30. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Quellen Arbeit mit Git bedeutet … den Workflow besser und sicherer machen … mit den vielen spannendend Projekten auf GitHub spielen Keine Angst– Git ist ziemlich idiotensicher Es ist relativ schwer was kaputt zu machen @kirstenschelper @taxifisch
  31. 31. Git & WordPress Einleitung Anfänge Wie tickt Git? Git Workflow Ressourcen zum Lernen • Brandneue Video Serie auf Treehouse: Introducing Git Basics • Artikelserie in unserem Blog http:/ /die-netzialisten.de/ • git the stupid content tracker Tutorials und sehr gute Ressources @kirstenschelper @taxifisch Quellen
  32. 32. Git & WordPress Vielen Dank – Fragen? • Slides auf Slideshare http:/ /de.slideshare.net/KirstenSchelper/ @kirstenschelper @taxifisch

×