Vue.js est un Framework avec une documentation très complète, simple d’utilisation qui permet de manipuler facilement les données en HTML. C’est une librairie JavaScript qui permet de créer des interfaces web interactives.
Vue.JS
4 jours II Code CNCP : 2226 II Certif info : 83841
Les objectifs de la formation Vue.JS
A l’issu de la formation VueJS, les apprenants auront les capacités de :
- Explorer la nature progressivement adoptable de VueJS et comment il peut être progressivement mis en œuvre
- Modèles de Vue Master MVM
- VueJS Code Bind pour les classes de style HTML et les styles en ligne
- Gérer les événements dans vos applications VueJS
- Mettre en œuvre des tests unitaires dans vos applications Vue.JS
- Déployer des applications Vue.js
Les prérequis de la formation Vue.JS
La formation Vue JS nécessite les preqrequis suivants :
- Connaissances des langages HTML et CSS et JavaScript.
Vous n’avez pas les prérequis nécessaires pour la formation Vue.JS? Contactez-nous pour étudier ensemble un parcours sur mesure et garantir ainsi la réussite de votre projet.
Le public de la formation Vue.JS
La formation VUE JS s’adresse à tout public salarié, demandeur d’emploi ou en reconversion professionnelle, notamment :
- Toute personne ayant des connaissances en développement WEB et souhaitant maîtriser le développement d’application WEB
- Graphiste, intégrateur WEB, designer, Webmaster ou référenceur WEB souhaitant avoir une double compétence
- Journaliste, réalisateur, communicant, responsable de projet, toute personne souhaitant gérer un projet web éditorial
- Informaticiens et concepteurs souhaitant maîtriser les techniques pour développer des sites WEB riches et interactif : HTML, CSS, JavaScript, ajax, jQuery, Responsive
- Toute personne souhaitant élargir ses compétences sur les missions liées à la fonction de développement WEB
0
Certif Info
0
Code CNCP
0
Jours
0
Heures
Contenu de la formation
Vue.JS
Section 1 : Comprendre les fondamentaux de Vue JS
- Comprendre les fondamentaux de Vue.js
- Introduction à l’essentiel de Vue.js
- Installer Vue.js
- Comprendre l’instance de vue
- Premiers pas dans Vue JS
- Utiliser les propriétés calculées
- Découvrir l’interpolation de texte
- Utiliser les liaisons d’attribut
- Afficher les éléments d’une liste
- Exploiter les conditions
- Afficher ou cacher des éléments
- Utiliser les structures conditionnelles
- Utiliser les boucles
- Comprendre l’attribut Key
- Écouter les évènements
- Utiliser la directive v-on
- Quiz I : Comprendre les fondamentaux de Vue JS
- Découvrir la liaison bidirectionnelle
- Comprendre les méthodes dans Vue.js
- Comprendre les propriétés Computed
- Utiliser la directive v-bind
- Gérer les événements
- Gérer les styles CSS
- Exploiter les classes
- Exploiter l’attribut Style
- Créer des transitions et des animations
- Utiliser la directive v-bind : class
- Quiz II : Comprendre les fondamentaux de Vue JS
- Utiliser les composants dans Vue.js
- Comprendre les composants
- Transmettre des données aux composants enfants avec les props
- Émettre des évènements depuis les composants enfants
- Comprendre le cycle de vie des composants
- Créer des composants
- Travail à faire : Comprendre les fondamentaux de Vue JS
- Quiz III : Comprendre les fondamentaux de Vue JS
Section 2 : Comprendre les fonctionnalités avancées de Vue JS
- Créer un projet avec Vue CLI
- Installer Vue CLI
- Comprendre l’environnement CLI et ses fichiers
- Découvrir l’anatomie des composants dans un projet CLI
- Comprendre l’imbrication de composants
- Distribuer des contenus avec des slots
- Gérer les styles de son application
- Quiz I : Comprendre les fonctionnalités avancées de Vue JS
- Utiliser Vue Router
- Découvrir Vue Router
- Créer le fichier de configuration de Vue Router
- Créer des liens grâce à Vue Router
- Créer des liens avec des routes nommées
- Créer des redirections et des alias
- Gérer les erreurs 404
- Créer des liens avec des paramètres
- Utiliser des props pour les routes
- Quiz II : Comprendre les fonctionnalités avancées de Vue JS
- Découvrir l’API de composition de Vue.js
- Prendre en main l’API de composition pour Vue.js
- Découvrir la fonction Setup
- Utiliser les méthodes et les propriétés Computed avec l’API
- Comprendre la syntaxe réactive
- Modulariser son code et utiliser les bonnes pratiques
- Travail à faire : Comprendre les fonctionnalités avancées de Vue JS
Section 3 : Réalisation d’une application Full-stack
- Créez un front Vue.js
- Configurer et exécuter un projet Vue
- Structure du projet Vue
- Routage dans Vue
- Ajouter des données, des styles et des images
- Créer une page produit
- Créer une page de détail du produit
- Créer une page de panier
- Créer une barre de navigation
- Créer une page 404 dans Vue
- Utilisez des composants modulaires
- Utilisez des composants modulaires page panier
- Créez un back-end Node
- Pourquoi Node.js
- Configurer un serveur Express
- Tester les serveurs avec Postman
- Paramètres d’itinéraire dans Express
- Obtenir des données d’un serveur
- Utilisez Nodemon pour redémarrer un serveur
- Créer et supprimer des données de serveur
- Travail à faire : Réalisation d’une application Full-stack
Section 4 : Persistance des données
- Ajoutez MongoDB à votre back-end
- Pourquoi MongoDB
- Téléchargez et installez MongoDB
- Ajouter MongoDB à un serveur Node.js
- Ajouter MongoDB aux points de terminaison GET
- Créer des données dans MongoDB
- Supprimer les données dans MongoDB
- Connectez le front et le back-end
- Introduction à la bibliothèque Axios
- Charger les données du serveur,
- Ajouter des articles au panier
- Améliorer l’interface d’ajout au panier
- Retirer des articles du panier
- Article déjà dans le panier
- Hébergez votre site
- Le processus de release
- Construire et servir un front-end
- Configurer Heroku et MongoDB
- Utiliser des variables d’environnement dans Heroku
- Pousser le code vers Heroku
Section 5 : Gestion de l’authentification dans une application Vue JS
- Mettre en place votre application Vue JS
- Configurer votre environnement
- Installer un projet Vue
- Personnaliser votre installation
- Comprendre l’installation de la CLI
- Modifier le modèle Vue
- Enregistrement et authentification
- Premiers pas avec Firebase
- Connexion d’un utilisateur
- Rendre les données disponibles partout
- Connectez vos utilisateurs
- Mettre à jour votre profil
- Déconnexion
- Traitement des informations utilisateur
- Ajout des informations utilisateur à la base de données
- Affichage des données
- Ajouter des icônes et supprimer des enregistrements
- Enregistrement des utilisateurs dans votre salle
- Travailler avec WebRTC
- Travailler avec WebRTC
- Obtenir des informations sur la réunion
- Participants en attente
- Supprimer des utilisateurs
- Ajouter des participants
- Nettoyage de l’interface
- Ajout de WebRTC
- Utilisation des règles de sécurité
Une attestation d’assiduité sera délivrée après la validation de toutes les compétences du module Vue.JS.
Modalités De Formations
Vue.JS
La formation certifiante Vue.JS est disponible en 3 modalités : E-learning tutoré, Blended Learning et en présentiel.