Développer la Github attitude

... Ou comment ne plus avoir peur de se mouiller.

Cours d'introduction à Github donné aux DWM (http://dwm.re). Il a été suivi d'un exercice pratique

Transcript

1. github 1 DÉVELOPPER LA GITHUB ATTITUDE … ou comment le développement web est un conte de Perrault.
2. se prononce: "guide heupe". 2
3. vient probablement d'une chanson de James Brown. 3
4. GITHUB est logotypé par un octocat = un chat-pieuvre = une pieuvre chatte = un octopussy ? 4
5. autrement dit: ! Un chat qui n'a pas peur de se mouiller. 5
6. Et toi, as-tu peur parfois? 6
7. C'est bien. 7
8. Poursuivons… 8
9. La vie est parfois compliquée, mammy. 9
10. Tu codes un chouette truc: du texte dont la couleur s'anime de toutes les couleurs de l'arc-en-ciel. Tu sauvegardes régulièrement, (crashdisks, vols, on n'est jamais à l'abri, hein mammy? ) POMME-ESSE, POMME-ESSE. Tu arrives à un bon premier résultat. Tu te dis: "tiens, je vais animer les lettres en fonction de l'orientation des planètes. … Quelques heures plus tard, tu n'arrives à rien, c'est la cata. Ton dossier de travail ressemble à ceci 10
12. Sounds familiar? 12
13. No more. ! Get Get Get Get Get Get Up. 13
14. github POURQUOI C'EST COOL ? • grace à Git vous pouvez travailler sur plusieurs parties du projet de façon complètement parallèle et isolée les unes des autres et sans risque de "casser" ce qu'ont fait les autres. • backup automatique, permettant de revenir à toutes les versions précédentes du projet ("versioning"). • fonctionne pour tout, pas que pour le code: html, css, js, actionscript, bash, c++,… Mais aussi slides, contrats, documents word... • C'est aussi un réseau social autour du partage de code open source, un bon endroit pour découvrir et apprendre, comme stackoverflow.com • Simple comme bonjour, une fois compris le principe. 14
15. github SCÉNARIO ½ : VOUS TRAVAILLEZ À PLUSIEURS SUR LES MÊMES FICHIERS 15
16. fonctionnement de github 16 master branch fonctionnalité A bug 2432 fonctionnalité B branches copies locale du master. ("clone")
 Lorsque terminée > fusion dans master ( = "merge") version "live" ton serveur ton repository sur github ton ordinateur Master copies locale du master. ("clone")
 (version la + avancée et débuggée) Master TOUJOURS prêt à être déployé.
17. github simplifié SCÉNARIO 2/2 PLUS SIMPLE: SANS BRANCHE, CHACUN DANS UN DOSSIER SÉPARÉ, AINSI PAS DE RISQUE DE "CONFLITS". 17
18. 18 fonctionnement de github MASTER version "live" Dossier de la fonctionnalité B Dossier de la fonctionnalité C Dossier de la fonctionnalité D Dossier de la fonctionnalité A
19. rainbow text qui se finit mal, avec github rainbow text qui se finit bien, avec github 19
20. chapitre en cours 20 création du repository sur github clonage du projet sur machine locale le fichier html est fait. Premier Commit "html terminé". J'enchaine sur le CSS… Le fichier CSS est bien avancé. Je dois me barrer à l'école. Je Commit : "CSS en cours. Still needs work" J'enchaine sur le CSS… Le fichier CSS est terminé. Je Commit : "CSS terminé" En soi, j'ai terminé ce que je voulais faire. Sauf que j'ai envie d'animer le texte. Cela me semble risqué, je crée donc une "branche". Anim en cours . Je commit pour backup: "anim in progress. still hopes…" Un enfer, je n'y arrive pas. Je garde la branche pour le jour où j'ai une illumination. D'ici là, j'utilise la dernière version du master. MASTER BRANCHE
21. En fait, c'est comme le petit poucet. Il ne sait pas où il va, alors il laisse un petit "commit" pour pouvoir retrouver son chemin. 21
22. rainbow text qui se finit mal, avec github rainbow text qui se finit bien, avec github 22
23. chapitre en cours 23 création du repository sur github clonage du projet sur machine locale le fichier html est fait. Premier Commit "html terminé". J'enchaine sur le CSS… Le fichier CSS est bien avancé. Je dois me barrer à l'école. Je Commit : "CSS en cours. Still needs work" J'enchaine sur le CSS… Le fichier CSS est terminé. Je Commit : "CSS terminé" En soi, j'ai terminé ce que je voulais faire. Sauf que j'ai envie d'animer le texte. Cela me semble risqué, je crée donc une "branche". Anim en cours . Je commit pour backup: "anim in progress. still hopes…" Magnifique, j'y suis! Je fusionne ("merge") la branche dans le MASTER. MASTER BRANCHE Alleluyahh!