Learn Git Branching

Git and GitHub - Apprendre le développement web Tous les développeurs utiliseront une sorte de système de contrôle des versions (version control system ou VCS en anglais), un outil leur permettant de collaborer avec d'autres développeurs sur un projet sans prendre le risque que l'un d'eux écrase le travail d'un autre, et de revenir à une version précédente de la base de code si un problème est découvert plus tard. Le plus populaires de ces outils (au mois parmi les développeurs) est Git, ainsi que GitHub, un site vous proposant d'héberger vos dépôts de code et plusieurs outils pour travailler avec eux. Ce module vise à vous enseigner ce que vous devez savoir à propos de ces deux outils. Vue d'ensemble Les systèmes de contrôles des versions sont nécessaires pour le développement de logiciel : Les systèmes de contrôle des versions fournissent des outils pour répondre à ces besoins. Vous cherchez à devenir un développeur web front-end ? Commencer Prérequis Pour utiliser Git et GitHub, vous avez besoin : Guides Hello World (de GitHub) Voir aussi

Les alias Git Avant de clore ce chapitre sur les bases de Git, il reste une astuce qui peut rendre votre apprentissage de Git plus simple, facile ou familier : les alias. Nous n’y ferons pas référence ni ne les considèrerons utilisés dans la suite du livre, mais c’est un moyen de facilité qui mérite d’être connu. Git ne complète pas votre commande si vous ne la tapez que partiellement. Si vous ne voulez pas avoir à taper l’intégralité du texte de chaque commande, vous pouvez facilement définir un alias pour chaque commande en utilisant git config. Voici quelques exemples qui pourraient vous intéresser : $ git config --global alias.co checkout $ git config --global alias.br branch $ git config --global alias.ci commit $ git config --global alias.st status Ceci signifie que, par exemple, au lieu de taper git commit, vous n’avez plus qu’à taper git ci. Cette technique peut aussi être utile pour créer des commandes qui vous manquent. $ git config --global alias.unstage 'reset HEAD --'

MDN Web Docs git - petit guide - no deep shit! git - petit guide juste un petit guide pour bien démarrer avec git. no deep shit ;) par Roger Dudler (translation by KokaKiwi) Remerciements à @tfnico, @fhd, Namics this guide in english, deutsch, español, indonesian, italiano, nederlands, polski, português, русский, türkçe, မြန်မာ, 日本語, 中文, 한국어 installation Télécharger git pour Mac OSX Télécharger git pour Windows Télécharger git pour Linux créer un nouveau dépôt créez un nouveau dossier, ouvrez le et exécutez la commande git init pour créer un nouveau dépôt. cloner un dépôt créez une copie de votre dépôt local en exécutant la commande git clone /path/to/repository si vous utilisez un serveur distant, cette commande sera git clone username@host:/path/to/repository arbres ajouter & valider Vous pouvez proposer un changement (l'ajouter à l'Index) en exécutant les commandes git add <filename> git add * C'est la première étape dans un workflow git basique. envoyer des changements branches mettre à jour & fusionner tags remplacer les changements locaux

Les pull-request : comment ça marche, comment en faire une, comment en intégrer une ? – Blog Zenika GitHub a popularisé le principe de pull-request et tous les autres outils de gestion de dépôt Git s’y sont mis : Bitbucket Cloud, Bitbucket Server (anciennement Stash), GitLab (sous le terme de merge-request). Dans le principe c’est simple : pour contribuer à un projet sur l’une de ces plateformes : Forker le projetCréer une branche et travailler dessusPublier la branche sur son forkCréer la pull-request Mais dans les faits, ça peut être un peu plus compliqué… Nous allons voir étape par étape comment cela fonctionne et comment s’en servir au mieux. Un dépôt de référence, conventionnellement appelé upstream C’est le dépôt du projet auquel nous voulons contribuer. Depuis la version 2.5, Git simplifie le travail avec ce type de workflow avec l’introduction de la référence <branch>@{push}. remote.pushDefault (ou branch. Il est possible de vérifier la valeur de ces références via les commandes suivantes (ici des valeurs dans un cas de workflow triangulaire) : Côté contributeur git push Conclusion

Les 4 pièges les plus fréquents du développement Web front-end Avec plus de dix ans d'expérience en tant que développeur Web front-end, j'ai connu un bon nombre de pratiques de développement et, en tant que visiteur de pages Web pendant bien plus longtemps, j'ai expérimenté leur effet. Cette sensation subjective d'utiliser efficacement une application interactive, cette pierre angulaire de mon travail, est connue sous le nom d'expérience utilisateur ou UX. Je pense qu’il existe un bon nombre de philosophies, de schémas et de styles de codage qui devraient être utilisés selon les préférences personnelles de chaque développeur, mais lorsqu'il s'agit de l'effet produit sur l'utilisateur final, j'ai un point de vue bien plus restrictif. Parmi ces violations de l'étiquette de conception de l'UX, il y a une foule de mauvaises pratiques qui semblent revenir sans cesse. 1. Les développeurs Web utilisent des méta-balises pour fournir des informations supplémentaires et invisibles sur la page Web qu'ils présentent à un visiteur. 2. 3. 4. Conclusion

tmux, diviser pour mieux régner Vous avez toujours voulu vous connecter à plusieurs serveurs en SSH sur un seul écran ? Vous redimensionnez sans arrêt vos quatre terminaux pour qu'ils tiennent tous sur votre écran d'ordinateur ? Ou alors, votre terminal a planté et vous avez perdu votre session shell sur votre machine qui demandait de passer par trois rebonds ? J'ai une solution pour vous ! tmux est un multiplexeur de terminal, c'est à dire qu'il est capable de scinder plusieurs terminaux au sein d'un seul et même affichage. C'est un processus indépendant qui se lance dans un shell, et si votre terminal préféré plante, tmux conserve votre session et vous pouvez la réutiliser. Installation Bon, j'imagine que vous vous dites que ça a l'air pas mal sur le papier, et vous aimeriez donc l'installer ! sudo apt-get install tmux Pour Windows via Bash on Windows : Pour macOS via brew: Utilisation Après votre installation, vous pouvez ouvrir votre terminal préféré et lancer la commande ZSH_TMUX_AUTOSTART='true'plugins=(... tmux ... )

GIT - Ligne de commande principale Annuler commits (soft) Seul le commit est retiré de Git ; vos fichiers, eux, restent modifiés. Vous pouvez alors à nouveau changer vos fichiers si besoin est et refaire un commit. Annuler le dernier commit Pour indiquer à quel commit on souhaite revenir, il existe plusieurs notations : HEAD : dernier commit ;HEAD^ : avant-dernier commit ;HEAD^^ : avant-avant-dernier commit ;HEAD~2 : avant-avant-dernier commit (notation équivalente) ;d6d98923868578a7f38dea79833b56d0326fcba1 : indique un numéro de commit ;d6d9892 : indique un numéro de commit version courte. Annuler commits (hard) Si vous voulez annuler votre dernier commit et les changements effectués dans les fichiers, il faut faire un reset hard. Annuler les commits et perdre tous les changements Annuler les modifications d’un fichier avant un commit Si vous avez modifié plusieurs fichiers mais que vous n’avez pas encore envoyé le commit et que vous voulez restaurer un fichier tel qu’il était au dernier commit :

Git : comment nommer ses branches et ses commits ? - Code Heroes Lorsque l’on utilise Git, surtout quand on est débutant, on ne sait pas toujours comment nommer correctement ses branches ou ses messages de commits. Pourtant il est primordial pour s’y retrouver dans un projet, de respecter une convention de nommage. Nommer les branches En dehors des branches develop et master, comment nommer nos autres branches ? Rien de bien sorcier, nous allons simplement indiquer le type de la branche suivi du nom de celle-ci, optionnellement nous pouvons ajouter le numéro du ticket. Les types de branches Le type d’une branche doit être clair afin de comprendre le but de celle-ci. feature: Ajout d’une nouvelle fonctionnalité;bugfix: Correction d’un bug;hotfix: Correction d’un bug critique;chore: Nettoyage du code;experiment: Expérimentation de fonctionnalités. Le nom de la branche Le nom de la branche décrit succinctement le but de celle-ci. Le numéro de ticket Quelques exemples Voyons quelques exemples de noms de branches pour mieux comprendre : Format des messages Le type