- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
Deviens membre Premium magic_button
Débloque cette session en devenant Membre Premium 🚀
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte person00:00:00 :Parfois, à l'intérieur d'un template HTML, on va se retrouver avec des variables qui peuvent être assez longues.Par exemple, ici, je veux afficher le nombre de catégories associées à un article.
00:00:12 :Donc ici, entre parenthèses, j'ai mis une variable avec les accolades qui correspond à blockpost.category.count.Donc on affiche le nombre de catégories associées au blog post.
00:00:22 :Donc vous voyez que ça fait un truc assez long.Et ici, je l'ai répété juste pour vous montrer qu'on l'utilise plusieurs fois à l'intérieur de ce bloc.
00:00:29 :Donc une fois ici, une fois ici, et à chaque fois, c'est assez long à écrire.Ça prend beaucoup de place dans notre fichier HTML.Donc si je reviens sur le site, vous voyez que ça donne ça.
00:00:37 :On a ici deux catégories et on a cette phrase ici qui remet le nombre de catégories en dessous.Et on va pouvoir donc utiliser un autre template, une autre balise, qui est la balise width,qui va nous permettre de créer un alias que l'on va pouvoir utiliser et qui va donc alléger notre code HTML.
00:00:55 :Donc on va utiliser une autre balise avec les accolades et le symbole pourcentage.Et on va dire width.On va donner le nom de l'alias.
00:01:03 :Donc dans ce cas-ci, on va l'appeler tout simplement categories.Et on va dire à quoi c'est égal.Donc dans ce cas-ci, à blockpost.category.count.On ferme la balise.
00:01:12 :Et il va falloir également fermer cette balise au complet, donc la balise width, avec un end width.Donc je vais le mettre juste avant le end for ici.
00:01:19 :Donc end width comme ceci.Et donc ça veut dire que cette variable que l'on a créée, elle va être disponible à l'intérieur de cette balise width.
00:01:29 :Donc qui commence ici et qui se termine ici.Donc dans toute cette partie-là, on va pouvoir utiliser notre variable à la place de blockpost.category.count.Donc je prends mes catégories.
00:01:38 :Je les mets ici et ici.Et vous voyez que ça allège pas mal le code HTML.On peut également créer plusieurs choses ici.Si vous avez d'autres variables que vous savez que vous allez utiliser plus tard, vous pouvez les créer à la suite.
00:01:51 :Donc on pourrait faire par exemple une variable test qui est égale à 5.On va mettre un nombre au hasard, mais c'est juste pour vous montrer.
00:02:05 :Donc je vais faire la même chose ici, je vais mettre des accolades avec test.Donc voilà, c'est juste une façon de créer une variable avec une valeur associée.
00:02:11 :Donc dans ce cas-ci, ça ne sert pas à grand chose, c'est vraiment juste pour vous montrer.Mais dans un cas comme celui-ci, vous voyez que ça permet de réduire quand même la place que prennent les variables dans notre fichier HTML.
00:02:21 :Donc si je reviens maintenant sur ma page que j'actualise, j'ai bien le 5 qui s'affiche partout ici.Et qui est donc affiché à la place du test ici que j'ai créé dans ma balise with ici.
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.