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.

L'essentiel de PhpStorm

Aborder le plug-in Bootstrap 3

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Le plug-in Bootstrap 3 permet de réaliser facilement des vues avec Bootstrap. Il inclut aussi de l'autocomplétion.
02:55

Transcription

Nous allons maintenant utiliser un Plugin que je trouve très intéressant. Il s’agit du Plugin BootStrap 3. Donc BootStrap c’est un Framework. Donc JavaScript HTML CSS qui permet d’aller beaucoup plus rapidement dans la réalisation de maquette HTML. Donc là on va commencer par installer le Plugin. Donc je vais dans Plugin, ensuite je cherche un nouveau Plugin. Et là il faut taper BootStrap 3. Donc celui-ci j’installe, je redémarre l'IDE. Voilà l'IDE a redémarré. Ensuite je retourne dans mon fichier « index.html » par exemple, je vais laisser ce que j’avais dedans je vais juste enlever la partie centrale. Donc en fait le Plugin a importé beaucoup de Live Templates. Donc là je vais en Préférences pour vous montrer. Pour appeler Live Templates ça permet de créer un ensemble de codes lorsqu’on tape simplement un raccourci. Donc ici vous pouvez voir que vous avez maintenant un onglet Bootstrap 3. Donc avec un ensemble des fonctionnalités possibles. Donc par exemple si je tape « bs3-modal » et que je fais tabulation, automatiquement vous voyez que j’ai une Modal Bootstrap qui a apparu. Donc là ça vous permet de gagner énormément du temps Et donc ici à chaque fois que je fais tabulation, vous voyez qu’il m’emmène vers les choses à changer Ça marche aussi pour par exemple les images. Donc si je fais « bs3-image », Tabulation, ici vous voyez que directemet j’ai une balise image qui apparaît. Vous pouvez faire ça aussi pour les alertes par exemple, vous pouvez faire ça aussi pour des Font Awesome, pour des Barres de Navigation. Donc vous voyez ici que ça vous fait gagner beaucoup de temps puisque vous avez des barres de navigation qui viennent d’apparaître directement alors que j’ai tapé cette caractère par exemple. Si je vais faire une alerte maintenant, voilà, donc là vous voyez que ça a vraiment très-très simple d’utilisation. Vous pouvez aussi faire des colonnes. Donc ça est intéressant. Donc là j’ai vraiment des colonnes qui sont apparues très simplement. Ensuite si vous voulez la liste des raccourcis, vous pouvez du coup soit aller là où je vous ai montré tout à l’heure donc dans Préférences Live Templates Bootstrap 3. Donc je vous invite à aller plûtot sur le GitHub de la personne qui a fait le Plugin. Donc vous voyez ici un petit exemple. Vous avez aussi ici la liste des choses et des raccourcis que vous pouvez utiliser. Donc ici il suffit de cliquer par exemple sur Form et là vous avez la liste de ce que vous pouvez faire.

L'essentiel de PhpStorm

Prenez en main l’environnement de développement PhpStorm et optimisez votre productivité. Découvrez les outils et l’interface, procédez à l’installation, créez des projets, etc.

1h47 (30 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
PhpStorm PhpStorm 2016.2
Spécial abonnés
Date de parution :28 nov. 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 !