Git pour le développement Web: comprendre le flux de travail typique d’un projet

Le développement du Web est intrinsèquement lié à la collaboration. La plupart du temps, vous travaillerez avec d’autres développeurs et GIT peut vous aider de bien d’autres façons, même si vous ne le faites pas. GIT est le logiciel qui contrôle la version de l’application que nous produisons. Il est utilisé par des développeurs individuels, de grandes entreprises et même le plus grand projet Open source au monde, Linux. En tant que développeur Web, il est important de savoir comment utiliser GIT correctement pour le développement web. Nous ne parlons pas seulement de \
Tu n’y crois toujours pas? Allons – y! Pourquoi GIT est – il utilisé? Ce ne sont là que quelques – unes des raisons pour lesquelles vous avez commencé à utiliser GIT: organiser: plutôt que de gérer des projets dans des dossiers comme v1, v2, V3, etc. Vous avez un projet avec une base de données spéciale qui stocke toutes les versions de la collaboration de fichiers: GIT vous permet de travailler sur le même projet en même temps que les autres sans conflit. Open Source: GIT est open source, mais c’est aussi un outil que nous utilisons pour collaborer et créer de bons logiciels open source. N’importe qui peut demander des projets open source sur des plateformes telles que github ou bitbucket. Flexibilité de la plate – forme: aujourd’hui, vous pouvez choisir de nombreux services gérés GIT différents, tels que gitlab, github, bitbucket et sourceforge. Vous pouvez même utiliser une solution auto – gérée pour tous les projets. Sauvegarde facile: annule facilement les erreurs et ne perd jamais la base de code de votre projet. En plus de \
Si vous êtes complètement étranger à GIT, cela peut vous embrouiller. Exprimé en s
En termes simples, GIT et github sont des outils connexes mais différents. GIT est le système de contrôle de version (VCS) utilisé pour contrôler les changements de fichiers, et github est le service utilisé pour stocker les fichiers de projet et leur historique GIT en ligne (situé dans le dossier.git \/ du projet). GIT est installé localement sur votre machine et il est difficile de travailler avec d’autres développeurs sans services gérés comme github ou gitlab. Github améliore la capacité de GIT en ajoutant d’autres fonctionnalités de collaboration telles que le clonage, la bifurcation et la fusion. Ensemble, ces deux outils vous offrent un écosystème relativement convivial pour le développement, la gestion et la présentation de votre projet aux autres.
GIT de base pour le flux de travail de développement Web dans les sections suivantes, vous en apprendrez plus sur le flux de travail de développement web GIT à travers des tutoriels pratiques. Si vous n’avez pas encore installé GIT, c’est le bon moment. Il est facile à installer et est disponible sur la plupart des systèmes d’exploitation. Si vous utilisez Linux ou MacOS, téléchargez à partir de la page de téléchargement officielle ou utilisez le gestionnaire de paquets pour installer: GIT Download page. Pour vérifier que l’installation se passe bien, lancez le terminal sur Linux ou mac os en trouvant le terminal dans le menu application ou ouvrez GIT Bash sur Windows (GIT est installé avec GIT par défaut).
Puis tapez: Git – – version Version GIT. Si vous obtenez une réponse de la version GIT, vous serez bien. Nous avons également besoin d’un compte github, donc assurez – vous de vous inscrire ou de vous connecter à github: Page d’inscription github. Une fois que GIT est installé et connecté à un compte github, vous pouvez aller à la section suivante. Comme nous l’avons mentionné précédemment, le flux de travail GIT de base pour les projets de collaboration, dans la plupart des cas
Vous développerez des projets individuels. La collaboration est une compétence clé, GIT et github nous aident à en faire un processus simple mais efficace.
Le flux de travail typique d’un projet GIT est similaire à ce qui suit: obtenir une copie locale d’un projet en clonant un dépôt ou un dépôt. Si vous travaillez ensemble, vous devriez d’abord biffer le dépôt. Créez une branche dont le nom représente la fonction que vous utiliserez. Modifier le projet. Vérifiez les changements sur votre ordinateur local. Envoie les modifications au dépôt distant. Créer une demande de retrait du dépôt original. Fusionner et résoudre les conflits dans la branche principale du dépôt d’origine. Il est temps de se salir les mains! Dans ce guide, vous créerez un site Web HTML simple. Pour des raisons pratiques, Transférez le projet de base du dépôt du site HTML à votre compte github. Vous pouvez le faire pour tous les dépôts publics disponibles.
La Fourche est une copie distincte du dépôt que vous pouvez gérer et modifier sans affecter le projet original. D’autre part, le dépôt clone n’a qu’à créer une copie locale du fichier. Pour biffer un site HTML, allez dans ce dépôt github et cliquez sur le bouton bifurcation dans le coin supérieur droit de la page: Gifhub Fork. Vous ne pouvez maintenant utiliser les branches du dépôt original que sur un compte github. C’est le même dépôt avant de commencer à soumettre des modifications. Comme vous pouvez le voir, la bifurcation du dépôt public ne prend que quelques secondes. C’est bien pour les projets open source, mais gardez à l’esprit que si votre organisation a un dépôt privé, vous devez être inclus en tant que contributeur avant d’essayer de le distribuer.
Il est temps d’apporter la fourchette à votre chariot local. Pour ce faire, vous devez le cloner en utilisant la commande GIT clone qui récupère le dépôt GIT du serveur distant: GIT clone Remote _ URL doit remplacer Remote URL par de URL
Pas besoin de soumettre, nettoyage de l’arbre de travail vous verrez que vous avez été déplacé de la branche principale à la branche d’en – tête, mais l’arbre de travail est toujours propre parce que nous n’avons pas édité de fichiers. Dans votre éditeur de code préféré, ouvrez le fichier index. HTML dans un projet de branche. Le fichier contient des liens vers Bootstrap 5 afin que nous puissions profiter des composants du cadre de support. Ajoutez le code suivant au fichier index. Balise interne HTML Au – dessus du conteneur d’image: