Introduction
- Présentation
Bien commencer avec Vue.js
- Inclusion de Vue.js
- Afficher des variables depuis l’HTML
- Dynamiser le rendu avec des méthodes
- Comment travailler en local avec Vue.js
- Point sur la section
Les bases de l'interaction avec le DOM
- Introduction de section
- Gérer les attributs des éléments HTML - v-bind
- Stopper l’actualisation d’une variable - v-once
- Ajouter du code HTML - v-html
- Javascript dans le DOM
- Lier un input à une variables - v-model
- Point sur la section
Savoir gérer les événements
- Introduction de section
- Gérer des événements - v-on
- Récupérer les paramètres d’un événement
- Envoyer nos propres paramètres
- Modifier les événements - “event modifier”
- Le cas de @keyup et les “key modifier”
- Point sur la section
Les variables avancées
- Introduction de section
- Créer une computed property
- Les watchers de variables
- Point sur la section
Rendre son style dynamique
- Introduction de section
- Gérer les class via un objet
- Gérer les class via un array
- Gérer les class via une variable
- Changer le style sans class
- Informations
- Point sur la section
Utiliser les conditions via les attributs
- Introduction de section
- Créer une condition avec v-if
- Savoir utiliser les v-else
- Gérer les v-else-if
- Condition sur un groupe d’éléments - template
- Condition particulière avec v-show
- Point sur la section
Lister les éléments avec des boucles
- Introduction de section
- Boucler les éléments avec un v-for
- Utiliser l’élément template et v-for
- Boucler sur un array d’objets
- Faire un nombre spécifique d’itération
- Point sur la section
Projet - Création de notre application
- Introduction de section
- Présentation du template
- But du projet de section
- Indications pour le projet
- Ajout de Vue.JS 2
- Boucle des screenshots
- Système d’accordéon
- Affichage des produits
- Système de page sur l’accueil
- Données sur la page produit
- Liaison avec le header
- Affichage des articles
- Système de page du blog
- Conclusion
Manipuler les instances de Vue.js
- Introduction de section
- Accéder à l’instance de l’extérieur
- Lier une variable extérieur à l’instance
- Comprendre la réactivité des variables
- Le cas de $data et $el
- Créer plusieurs instances
- Liaison entre plusieurs instances
- Utilisation de $refs & de l’attribut ref
- Définir l'élément de l’instance via $mount()
- Créer le template depuis l’instance
- Point sur la section
Comprendre les instances de Vue.js
- Introduction de section
- Cycle de vie d’une instance
- Utilisation des hooks
- L’actualisation du DOM
- Point sur la section
Les filtres pour formater du texte
- Introduction de section
- Se servir des filtres
- Créer un filtre via une instance
- Créer un filtre global
- Ajouter des paramètres
- Point sur la section
Comprendre les components
- Introduction de section
- Pourquoi se servir des components ?
- Création d’un component
- Component local & global
- Le nom des components
- Passer des données avec les props
- Les props et les variables d’instance
