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

Employer un template de démarrage

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Au démarrage d'un projet, on a souvent besoin des mêmes fichiers de construction, de HTML jusqu'au .htaccess, en passant par les librairies JavaScript et les CSS. Ainsi, apprenez à vous servir de templates créés.
04:01

Transcription

Avant de commencer son projet, il est parfois intéressant de pouvoir partir d’un template déjà existant, d’un framework, englobant un ensemble de fichiers nécessaires, ce qui évite, en fait, de devoir préparer à chaque fois l’ensemble de ces éléments. Le premier à avoir géré ce genre de proposition, enfin, un des premiers, ça a été Boilerplate, et Boilerplate propose directement de télécharger une version 5.3.0 qui contient l’intégralité du source code que vous avez ici sur ce git, qui est récupérable, voilà. Vous pouvez aussi faire un Get custom build, et à ce moment-là, ça vous emmène sur une autre idée qui avait été mise en place à l’époque par Jonathan Verrecchia, qui est un initialiseur. L’initialiseur vous dit : en fait, on va faire un peu son marché. Est-ce que déjà vous voulez un classique H5, HTML5 Boilerplate ? Est-ce que vous voulez quelque chose de Responsive ? Ou est-ce que vous allez travailler sur Bootstrap ? Et en fonction de vos choix déjà, vous allez vous orienter vers une série de propositions. Est ce que vous voulez un template ? Est ce que vous voulez un Mobile first Responsive ? Un Twitter Bootstrap ? Est-ce que vous voulez juste HTML5shiv, ou que vous voulez complètement Modernizr ? Est-ce que vous voulez une version minifiée de jQuery, ou une version de Developpement en plus, etc. etc. Donc, vous voyez que vous avez la possibilité de pouvoir générer un peu votre marché au niveau de ce template, et le télécharger pour obtenir l’intégralité des fichiers. Vous pouvez également utiliser HTML KickStart, en partant de son github directement, et ici, vous allez pouvoir récupérer l’intégralité des fichiers à enregistrer. Vous avez aussi la possibilité de travailler avec html5bones.com, qui vous propose un ensemble d’éléments. Alors ici, je vous invite à venir lire ce qu’il propose pour pouvoir charger, donc, organiser vos fichiers, et enfin, un dernier, qui est startbootstrap-bare, qui va vous permettre de travailler directement avec un fichier bootstrap, prédisposé à démarrer votre site avec le minimum de fichiers nécessaires. Quoi qu’il en soit, quel que soit votre choix, je vous invite, si cela n'a pas déjà été fait, à installer git, encore une fois, donc, on l’avait vu dans une étape précédente, mais là vous pouvez aussi le télécharger directement en version Macintosh, Windows, Linux, enfin, peu importe la version de système que vous allez travailler, je vous conseille d’installer git. À ce moment-là, depuis la ligne de commande ici, si vous vous placez dès le départ, ou placer dans le dossier de travail, ici je me suis dans le 06_01, mais vous auriez pu très bien le faire depuis la racine. Vous tapez un git -v, pour vous assurer de la version que vous avez, pardon, excusez-moi, c’est git --version, et là, vous voyez donc, vous avez une version 2.8.3 qui est installée, ça suffit, il n'y a pas besoin d’installer une version supérieure ou différente. Alors, une fois que vous avez fait ça, l’intérêt qu'il va y avoir maintenant, ça va être que si vous regardez depuis le navigateur, par exemple, on va reprendre celui-ci ou celui-là, peu importe la version qui vous intéresse, quand vous êtes sur le git ici, vous avez la possibilité comme ça, soit, de récupérer ce chemin d’accès ici en haut, soit de récupérer le lien de Copier l'adresse du lien, ici. Et puis maintenant, depuis votre console, alors là, en vous positionnant à l’intérieur du dossier de travail, vous allez pouvoir faire un git clone, directement, vous copiez l’adresse et vous laissez le travail se passer. Qu’est-ce qui va se passer ? En fait, l’interface git ici, en ligne de commande, va aller récupérer ces éléments-là, et les positionner dans votre dossier de travail, ce qui fait que, si maintenant vous venez dans votre dossier de travail, ici 01, vous avez html5bones, avec l’intégralité des fichiers nécessaires qui ont été récupérés. Alors, bien sûr que vous serez dans votre dossier projet travail, et vous créerez le nouveau élément, mais ici, du fait de l’étape, on crée une arborescence supplémentaire, c’est à dire que, html5bones, ce qui aurait été bien, c’était d'avoir l’intégralité à ce niveau-là. Mais ce que je voulais vous montrer, voilà, c’est qu'avec git, on va pouvoir travailler comme ça, très rapidement, avec un template de démarrage.

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 !