Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

HTML5 : Optimisation des flux de production

Créer un template sur GitHub

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Créez vos propres templates sur mesure, puis adaptez-les et configurez-les au fil du temps. Grâce à GitHub, partagez-les avec vos équipes de projets et avec la communauté.
09:00

Transcription

Afin de travailler au plus proche de vos besoins de fichier de démarrage, vous pouvez créer vos propres repositories sur github. Pour faire une telle chose, vous allez simplement sur le site de github. Si vous avez pas déjà de repositories, vous allez créer un compte. Vous pouvez créer autant de repositories que vous voulez et autant de comptes que vous voulez. Donc ici, je viens d’en créer un pour l’occasion, qui s’appelle Birnou. Mais vous pouvez créer un compte qui s’appelle Ma société, ou un compte qui s’appelle Mes projets X, Mes projets Y, etc. Donc vous pouvez avoir autant de comptes ici que vous souhaitez. Une fois que vous êtes connecté sur ce compte, vous allez pouvoir créer autant de repositories que vous voulez. Donc ici, j’en ai un qui s’appelle Bare Download, core project download. Si je vais dans ce projet ici, on voit tout le contenu, donc on voit qu’il a des fichiers css, des fichiers libs, sass, il a aussi un config.rb qui est préparé, un bower.json, un package.json, donc vous voyez qu’il est prêt déjà dans le type d’environnement de travail dont j’ai l’habitude de travailler. Il y a 17 heures, tout a été créé, mais il y a 15 minutes, il y a eu une modification qui a été portée sur cette page avec un Titre de page ajouté. Vous pouvez modifier toutes les pages que vous voulez, directement depuis cette interface. Si je clique ici, sur cette partie-là, je vais pouvoir ajouter du contenu. Si ce contenu me convient, bien sûr je vais pouvoir l’éditer ici, et une fois que le contenu me conviendra, je pourrais venir ici dans la partie basse, modifier cette partie. Pensez à mettre un titre dans le commit pour que ce titre puisse apparaitre comme une indication d’information. Si vous faites pas de modification, ça restera grisé, vous ne pourrez qu’annuler. Mais si vous faites une modification, vous allez pouvoir avoir le bouton Modifier actif. Ici, vous pourrez créer une nouvelle branche, c'est-à-dire une nouvelle partie, une nouvelle dérivation de ce projet, c'est-à-dire le projet deviendra une version différente. L’ancien sera gardé, mais vous aurez une branche supplémentaire. On ne va pas rentrer dans git pour l’instant. Ce qui nous intéresse, c’est se dire : nous, ce qu’on veut, c’est un endroit où on va pouvoir télécharger un template, récupérer ce template et travailler à partir de là, faire quelques modifications mineures à certains. Revenons ici, sur la partie Bare Download ici. Regardons au passage, voyez ici là, le Titre de page ajouté, c’est le fameux commit dont je vous parlais, le titre d’une formation qui va apparaitre et qui vous indiquera ce qui a été fait, voilà. Si vous voulez modifier maintenant le README. Le README, c’est la partie basse, ça c’est quelque chose qui est assez important, ici la partie basse, qui va donner un peu le mode d’emploi, qui va expliquer de quoi il s’agit. Vous cliquez directement sur ce fichier, et puis vous allez pouvoir l’éditer. Seulement, l’edit ici, ne fonctionne pas avec du html, ni du rtf ou autre, il fonctionne avec ce qu’on appelle du Markdown. Alors, le Markdown, c’est un code d’écriture assez particulier, vous voyez, qui dit : « si vous mettez deux # devant, vous avez un H2, un # c’est un H1, ça correspond. » Et puis là, vous avez toute l’explication de la manière dont vous allez pouvoir coder et fabriquer votre README ici. Donc vous pouvez modifier ce README, et bien entendu, une fois que c’est terminé, vous faites un Commit changes ici, et un Commit changes à ce niveau-là pour valider l’information. Votre Bare Download vous permet d’avoir tous ces fichiers à disposition depuis votre projet de travail. Comment on va l’utiliser ? Vous pointez avec votre ligne de commande, directement sur le dossier en question, sur lequel vous travaillez. Et vous faites simplement un git clone, et vous allez cloner quoi ? Vous allez cloner l’adresse de ce Bare Download. Alors, vous retournez, au cas où, si vous ne la connaissez pas, dans la partie Bare Download, vous récupérez cette adresse-là, ou vous cliquez là-dessus et vous faites un Copier l’adresse du lien qui sera très bien ici, sur le Bare Download, puisque c’est ce projet qui vous intéresse. Vous retournez donc dans votre commande ici, et vous clonez ce projet, voilà, tout simplement. Le clonage s’effectue et va se placer à l’intérieur de votre dossier numéro 02. Donc si je viens dans le projet numéro 02, vous voyez que Bare Download est apparu ici maintenant. Au début, je n’avais que la référence base qui va nous servir juste après pour autre chose. Donc ici, vous avez votre Bare Download et vous allez pouvoir travailler sur vos fichiers comme vous travaillerez sur votre projet. Vous pouvez vous arrêter là, au niveau de git, et directement travailler sur ces fichiers, les déplacer, faire ce que vous voulez avec, puisque ce sont des fichiers clonés par rapport à ce qu’il y avait sur votre github. Mais maintenant, vous allez pouvoir modifier ces fichiers, et en modifiant ces fichiers, si vous modifiez par exemple le README ici vous voyez, vous êtes tjrs en Markdown. Donc vous allez devoir travailler en Markdown, directement à ce niveau-là. Quel que soit le type de fichier que vous allez modifier, vous allez travailler dans le langage qui est propre à ce fichier. Et ici, je vais par exemple rajouter sur la partie de la page ici, je vais rajouter un h2, je vais rajouter un h2, et je vais marquer Sous titre, et là, j’enregistre. Alors, je ferme ce fichier même. Si je retourne dans ma ligne de commande ici, dans ma ligne de commande, je me retrouve à la racine ici, je suis pas dans le dossier de travail. Donc si je fais un cd Bare Download, là maintenant je passe dans le dossier du git, dans le dossier sur lequel je viens de travailler. Et là, je vais pouvoir lui faire un git status. Je lui dis : « dis-moi où tu en es au niveau du git –a ? » Il me dit : « tu as un fichier qui a été modifié, qui s’appelle index.html. » Alors, ce que je vais faire, c’est je vais dire : « je vais ajouter ce fichier à la modification possible. » Donc je vais faire un git add et je vais dire index.html. Et là, il me dit : « ce fichier, il a été ajouté. » Parfait, je vais en faire un commit, vous rappelez tout à l’heure, pour le commit qu’on faisait au moment de l’enregistrement ? Je vais faire un commit et je vais dire à ce commit : « j’ai un message, et ce message ça va être : Sous-titre mis en place. » Il me dit : « tout est prêt. » Qu’est-ce qui se passe ? Je vais lui faire un git push maintenant. D’ailleurs je lui dis : « tu bouscules tout ça. » Je laisse travailler git tranquillement. Une fois que tout est travaillé, je retourne à ce moment-là sur ma partie github ici, en place. J’actualise ma page, puisque la page, elle n’a pas été rechargée et si vous regardez ici, il me dit : « 17 seconds ago », le sous-titre a été mis en place dans la page index.html, et si je regarde au niveau de index.html, j’ai bien mon sous-titre qui a été mis. Donc, si d’aventure j’avais, lors de mon travail, besoin d’adapter, modifier ce Bare Download, je peux le faire. Cela ne modifiera pas tous les fichiers que j’avais préparés, sauf si je les synchronise maintenant, les autres dossiers, les autres projets, ce qui serait une autre histoire, mais dans ce cas-là, ça m’a permis de mettre à jour mon Bare Download. Voilà, donc on va arrêter là, au niveau du travail et de la souplesse, mais on va regarder juste une dernière chose : c’est que ce fameux Bare Download ici, je peux ne plus en avoir besoin. Donc si je retourne au niveau de Bare Download, ici j’ai les Settings, et dans les Settings, complètement en bas, ici, j’ai la possibilité de « deleter » ce repository. Si je fais Delete repository, ici il va me demander de taper le titre pour m’assurer que je fais pas une erreur, donc c’est pleinement. Et là, je supprime le Bare Download qui disparait. Maintenant, je n’ai plus de projet ici. Et je vais pouvoir créer un nouveau repository. Ce nouveau repository, je vais l’appeler BareProject, je vais l’appeler différemment, je peux y mettre une description. Si je veux le rendre privé, il faut que je sois abonné auprès de github, sinon il sera forcément public ici, et surtout je peux rajouter un gitignore, c'est-à-dire tous les fichiers qui seront ignorés au moment du transfert, une licence : ça je peux mettre une licence, c’est assez intéressant, MIT License. Et puis surtout, je vais rajouter le fameux README, qui va me permettre de rajouter l’information. Ça c’est très important de l’ajouter. Et là, je vais créer mon repository. Le repository est créé, j’ai la licence et le README, c’est tout ce qu’il y a. Par contre, je vais pouvoir faire un Upload files ici. Alors, je prends mon dossier en question, je jette le Bare Download parce que je n’en ai plus l’utilité maintenant, j’ouvre mon dossier de ref_base ici, je vais faire un Upload files à ce niveau, je passe sur un dossier ad hoc, je ré-invoque mon dossier, je prends l’ensemble des fichiers, je les dépose dessus, je laisse tout se dérouler. Quand c’est terminé, je vais Mettre en place des fichiers sources, je fais un Commit changes, et voilà, maintenant tout ce process est en place, j’ai mon BareProject ici, qui contient tous mes fichiers, qui sont mis en place et qui ont été préparés pour un prochain download. Maintenant, quand je me connecte sur mon compte, sur Birnou donc, directement, j’ai ce nouveau projet BareProject qui est apparu. Voilà, donc c’est très simple de travailler avec github, et ça va vous permettre de mettre autant de projet template de démarrage que vous avez de nature et de source de projet.

HTML5 : Optimisation des flux de production

Optimisez vos flux de production lors de vos développements en HTML5. Explorez les méthodes et les éléments essentiels à la mise en place de processus automatisés.

5h29 (62 vidéos)
Aucun commentaire n´est disponible actuellement
 
Spécial abonnés
Date de parution :26 déc. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !