Découvrir Vue.js 2

Maîtriser la syntaxe des templates

Testez gratuitement nos 1250 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Ayez bien en main toutes les possibilités de rendu dans un template. Julien Moulin récapitule les connaissances acquises à ce stade et vous présente d'autres options.
02:57

Transcription

Il y a une page de la documentation qui est extrêmement importante pour vous. C'est la page Template Syntax. Ça va reprendre un petit peu ce qu'on a vu ensemble, mais il y a plus d'éléments encore, et je vous conseille vraiment, quoi qu'il arrive après cette formation, et pendant vos développements évidemment, de regarder la documentation, de l'avoir de côté. Il y a rien de grave à aller regarder là-dedans, bien au contraire : il y a beaucoup d'information, et c'est vrai qu'on oublie un petit peu à chaque fois quand on est en train de coder, alors comment ça s'appelle ça. On retrouve tout dans la documentation. On a vu ensemble les interpolations, comment on vient afficher de l'info. On a vu ensemble comment on affiche du html, c'est les choses importantes. On a vu comment travailler avec les attributs, puisque vous pouvez travailler sur les classes, mais pas que. Vous pouvez travailler sur disable, sur hide, tous les attributs qui existent en HTML, vous pouvez les utiliser. On a également parlé des directives. Comment on utilise les directives. On verra qu'il y en a d'autres des directives, on va les utiliser au fur et à mesure du projet. Dans les directives, on a pas parlé des arguments. Mais si, vous vous souvenez, on a vu comment on passait un argument. Il y en a d'autres qui existent, notamment on vous donne des petits exemples ici, pour utiliser par exemple sur un a, des URL qui vont être des URL dynamiques. N'hésitez pas à aller regarder, et puis même aller plus loin que ça, c'est à dire utilisez les exemples dans vos projets. On verra qu'il y a aussi des modifiers et des filtres. Alors, les filtres c'est intéressant parce que vous voyez qu'ici on peut utiliser par exemple un filtre de capitalisation, qui nous permettra de capitaliser tout simplement une information pour la mettre en gros. Alors, vous ferez attention à la capitalisation ou les autres filtres, il faudra les utiliser, bien sûr, en les codant. Malheureusement, faut les coder. Il y a beaucoup de choses qui sont implémentées, mais il y a des choses qu'il faudra coder. Et vous voyez qu'ici on vous donne à chaque fois les petits exemples. Vous pouvez implémenter au même titre que les directives des filtres. Ces filtres-là viendront modifier l'aspect graphique, surtout. C'est vraiment de la présentation, plus qu'autre chose, des informations. Et bien sûr, c'est intéressant aussi, c'est à dire que les filtres peuvent être chainées. Donc on peut ajouter plusieurs filtres les uns derrière les autres, ça vous permet de faire énormément de choses intéressantes. Ça c'est des choses qu'on retrouve dans les autres frameworks Javascript. Normalement, vous devriez un petit peu connaitre. Et si c'est pas le cas, c'est pas grave. Vous avez vu comment ça fonctionne, c'est pas compliqué. C'est comme une directive. Vous ajoutez un filtre et vous venez l'utiliser. Ça filtrera par contre toujours, attention, filtre A filtrera toujours la variable qui se trouve à gauche, et ainsi de suite à chaque fois. Ça s'applique les uns aux autres. Voilà pour la partie utilisation et template et syntaxe de template. Voyez que c'est pas compliqué de travailler sur de la template avec Vue js. On a pas énormément de choses à voir sur les templates. On a fait un petit peu le tour des choses les plus importantes. Il serait temps maintenant de s'attaquer un petit peu à de la mise à jour, et comment on va appliquer de la logique métier, et comment on va traiter des événements avec Vue js.

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 !