Vue.js 3 - Fonctionnalités avancées
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire les aspects avancés du Vue.js
- Créer des composants plus réutilisables
- Développer une application plus optimisée.
| Tarif |
A partir de 1 340,00 € |
| Durée | 2 jours (14h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 340,00 € |
| Durée | 2 jours (14h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Programme
Jour 1
Approfondissement de Vue Router
- Présentation détaillée des fonctionnalités avancées de Vue Router
- Utilisation du mode "historique" et configuration server-side
- Gestion des paramètres d'URL et des routes imbriquées
- Navigation par le code et redirection
- Gestion des erreurs et affichage des messages flash
- Implémentation de la pagination
- Utilisation des gardes pour sécuriser les routes
Exemples de travaux pratiques (à titre indicatif)
- Créer une application Vue.js qui utilise Vue Router pour gérer la navigation entre différentes pages
- Mettre en place un système de pagination pour afficher une liste d'articles ou de produits
- Utiliser les gardes de navigation pour restreindre l'accès à certaines pages en fonction de l'état de l'utilisateur
Les slots
- Exploration approfondie des slots dans Vue.js 3
- Définition et utilité des slots
- Injection de contenu dans un template en utilisant les slots
- Utilisation des slots pour rendre les composants plus génériques et réutilisables
- Interaction entre les composants parents et les composants enfants via les slots
- Utilisation des props avec les slots
- Introduction à la directive v-slot et utilisation des slots nommés
- Compréhension de la portée des slots dans les composants Vue.js
- Utilisation des slots à nom dynamique pour une plus grande flexibilité dans la composition des composants
Exemples de travaux pratiques (à titre indicatif)
- Créer un composant de mise en page flexible qui utilise des slots pour afficher du contenu dynamique (en-tête, contenu principal, pied de page)
- Utiliser les slots nommés pour permettre aux utilisateurs de personnaliser l'apparence du composant en fonction de leurs besoins
Les composants asynchrones
- Présentation détaillée de l'importance et de l'utilisation des composants asynchrones dans Vue.js 3
- Utilisation de la fonction defineAsyncComponent pour charger les composants à la demande
- Gestion des erreurs et de l'état lors du chargement asynchrone des composants
Exemples de travaux pratiques (à titre indicatif)
- Modifier une application existante pour charger certains composants de manière asynchrone en utilisant la fonction defineAsyncComponent
- Gérer l'état de chargement et les erreurs lors du chargement asynchrone des composants
Jour 2
Vuex et Pinia
- Comparaison approfondie entre Vuex et Pinia dans le contexte de Vue.js 3
- Avantages et cas d'utilisation de chaque solution
- Création d'un store de données d'état avec Vuex dans une application Vue.js 3
- Exemple d'implémentation similaire avec Pinia et démonstration des différences
Exemples de travaux pratiques (à titre indicatif)
- Créer un store Vuex ou Pinia pour gérer l'état global d'une application
- Utiliser les getters, mutations et actions pour effectuer des opérations sur l'état global depuis les composants de l'application
- Mettre en place des modules Vuex ou des stores Pinia pour organiser le code de l'application de manière modulaire
- Ecrire des tests unitaires pour les composants Vue.js en utilisant Jest
- Tester les méthodes, les propriétés calculées et les événements émis par les composants
- Utiliser les mocks pour simuler des dépendances externes et isoler les composants pendant les tests
La performance
- Explication approfondie des améliorations de performance apportées par Vue.js 3
- Code splitting amélioré et chargement à la demande
- Utilisation des directives v-once et v-memo pour optimiser le rendu des composants
- Intégration du lazy loading des routes avec "dynamic import" pour améliorer les performances de chargement
Exemples de travaux pratiques (à titre indicatif)
- Optimiser le chargement des routes en utilisant le lazy loading avec "dynamic import"
- Utiliser les directives v-once et v-memo pour réduire le nombre de rendus inutiles dans les composants
- Mesurer les performances de l'application avant et après l'optimisation pour évaluer l'impact des changements sur la vitesse de chargement et l'expérience utilisateur
Les "Portals" et "Teleports"
- Présentation approfondie des concepts de "Portals" et "Teleports" dans Vue.js 3
- Utilisation de "Teleport" pour rendre des composants à l'extérieur de l'arbre DOM de l'application
- Implémentation de Portals pour un rendu à un autre emplacement de l'arbre DOM
Exemples de travaux pratiques (à titre indicatif)
- Créer un composant modal réutilisable qui utilise "Portal" pour rendre son contenu à l'extérieur de l'arbre DOM de l'application
- Utiliser "Teleport" pour placer le composant modal à un emplacement spécifique de l'interface utilisateur, tel qu'une modale globale au-dessus de l'application
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation
Prérequis
Public
Ces formations pourraient vous intéresser
Business Intelligence Microsoft dans les outils Power BI et Excel - Avec certification
Proposé par M2IObjectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Exploiter les fonctionnalités de Business Intelligence Microsoft dans les outils Power BI et Excel
- Passer la certification "Microsoft Power BI Data Analyst" (PL-300).
| Tarif |
A partir de 3 440,00 € |
| Durée |
8j / 56h |
| Modes |
|
Objectifs de la formation
- Rechercher des auto-anticorps anti-tissus (estomac, foie, rein de rat) et apprentissage d’un caneva de lecture en immunofluorescence
- Exprimer l'interêt des méthodes complémentaires
| Tarif |
A partir de 1 160,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Effectuer un paramétrage avancé de Docker
- S'approprier les meilleures pratiques pour l'administration du Docker Daemon
- Créer et déployer des registres privés
- Utiliser les fonctionnalités et outils pour la supervision
| Tarif |
A partir de 1 500,00 € |
| Durée |
2 jours |
| Modes |
|
Objectifs de la formation
- Installer et comprendre Odoo
- Connaître les fondamentaux du logiciel
- Manier les fonctionnalités Odoo
- Utiliser Odoo en entreprise
- Manier la facturation électronique
- Connaître quelques fonctionnalités avancées
| Tarif |
A partir de 2 100,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Concevoir des dimensions et des modèles Planning
- Importer de nouvelles données dans un modèle à partir d'un fichier local
- Décrire toutes les fonctionnalités de SAP Analytics Cloud Planning
- Utiliser la prévision intelligente, la prévision prédictive et la prévision glissante
- Utiliser les processus de Data Actions et d'allocation
- Utiliser les processus de collaboration et de calendrier.
| Tarif |
A partir de 3 280,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Décrire la valeur métier de Microsoft Power Platform
- Identifier les composants fonctionnels clés de Microsoft Power Platform
- S'approprier les fonctionnalités de base de Power BI, Power Apps et Power Automate
- Connaître les solutions complémentaires : Power Virtual Agents, Power Pages et AI Builder
| Tarif |
A partir de 700,00 € |
| Durée |
1 jour |
| Modes |
|
Objectifs de la formation
Savoir architecturer et concevoir des projets web JEE performants à base de Servlets et de JSP - Mettre en place le pattern MVC| Tarif |
A partir de 1 125,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Utiliser les différentes fonctionnalités et les principaux concepts de Revit Architecture
- Produire des documents informatiques pour vos projets.
| Tarif |
A partir de 2 550,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Explorer les options de calcul et de stockage pour les charges de travail en matière d'ingénierie des données dans Azure
- Explorer, transformer et charger des données dans l'entrepôt de données à l'aide d'Apache Spark
- Effectuer l'exploration et la transformation des données dans Azure Databricks
- Transformer les données avec Azure Data Factory ou Azure Synapse Pipelines
- Optimiser les performances des requêtes avec des pools SQL dédiés dans Azure Synapse
- Prendre en charge le traitement analytique transactionnel hybride (HTAP) avec Azure Synapse Link
- Assurer la sécurité de bout en bout avec Azure Synapse Analytics
- Effectuez un traitement de flux en temps réel avec Stream Analytics
- Créer des rapports à l'aide de l'intégration Power BI avec Azure Synpase Analytics
- Exécuter des processus d'apprentissage automatique intégrés dans Azure Synapse Analytics
| Tarif |
A partir de 2 590,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Repérer les sujets qui se prêtent au fact-checking
- Lancer une opération de fact-checking.
| Tarif |
A partir de 1 340,00 € |
| Durée |
2j / 14h |
| Modes |
|
