Découvrir Vue.js 2

Modifier le projet de base

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous pouvez lancer simultanément plusieurs instances. Ainsi, vous pourrez manipuler plusieurs parties de la page de façon totalement indépendante.
03:00

Transcription

On va commencer à customiser un peu le projet parce qu'on ne va pas travailler sur un projet Hello. On va travailler sur un projet, on va faire un petit jeu ensemble. Alors concrètement, ce module qui s'appelle Hello, on va le modifier. On va le modifier en profondeur parce que regardez, ce qu'on va faire dans un premier temps on va carrément supprimer tout ce qu'il y a dans le template ici. On va supprimer les datas. On va renommer ça game et on va renommer aussi le fichier game. Ok. Le style qui se trouve à l'intérieur, on va tout supprimer également. En fait on va faire un peu de nettoyage. On va se prévoir ici notre fichier pour être réutilisé plus tard. Ca vous allez le renommer. On va l'appeler game. Puis dans App.vue on va avoir des petites modifications aussi. Donc notre application, on va la laisser en tant que App comme ça et on va renommer ça game. Pourquoi ? Parce qu'on a nommé le composant game avec un nom ici qui s'appelle game. Le nom que vous allez donner à cet endroit-là ça va être le nom du composant. Donc ça va être extrêmement important, ça on va l'appeler game, d'accord. Pour le moment, on prévoit qu'il y ait un espace de jeu. On ne sait pas exactement où il va être encore mais on sait qu'on va le placer ici, ça va être notre premier composant, le composant game. Comment ça va fonctionner ? Il va falloir importer game, non pas Hello mais game parce qu'on a renommé ici du composant game. Puis vous allez demander à cet endroit-là que ce soit game également. Pour ce qui est de App ici, vous voyez qu'il y a de la couleur, il y a quelques petites choses intéressantes. On n'est pas obligé de tout garder, par contre gardez quand même font-family et puis les petites choses en plus parce que c'est pas mal et ça fait un style qui peut être sympa donc on va le conserver. Vous voyez, il n'y a pas beaucoup de modifs de ce côté-là, par contre une modif sur ce fichier. Il a été entièrement rasé, on l'a entièrement refait. Ne mettez pas de virgule s'il n'y a rien derrière, ça ne sert à rien et puis pour le moment on va avoir absolument rien qui s'affiche. Ne vous inquiétez pas, c'est tout à fait normal, on n'a rien par contre effectivement, on n'aura pas vraiment de souci, ça va fonctionner. On va vous dire qu'il ya des petites erreurs, on va voir que.. Regardez ici dans game.vue, on va vous dire qu'il y a un souci mais ça c'est un souci par rapport aux commas. On vous dit simplement que Game, n'est pas bon. C'est pour ça que je vous l'ai fait supprimer. Vous pouvez vérifier en rechargeant. Là, on n'a plus d'erreur. Pensez bien à ne pas mettre de virgule s'il n'y en a pas besoin, parce que sinon vous aurez une erreur de compilation. Là on a nettoyé un petit peu le projet. Qu'est-ce qu'on va faire ensemble comme projet, on va faire un jeu donc on va avoir à créer plusieurs emplacements qui vont communiquer les uns avec les autres. Pour le moment, on a simplement nettoyé pour avoir quelque chose de propre. Vous n'avez pas besoin de faire plus de choses que ça pour le moment et on va avancer au fur et à mesure, créer nos emplacements eccetera eccetera. Puis venir mettre du style, venir mettre des composants en plus. Vous allez voir il y a quand même un peu de travail pour arriver à quelque chose de final.

Découvrir Vue.js 2

Animez et rendez réactive la vue d’une application web avec le framework Vue.js. Mettez en place les interfaces web de demain​ ​et utilisez les librairies externes de votre choix.

2h25 (44 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Vue.js Vue.js 2.1
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :14 févr. 2017
Durée :2h25 (44 vidéos)

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 !