Web

5$/h – Techniques et outils modernes pour le développement web – Vue.js, Vuetify et Pinia

Objectifs:  

Cette formation intensive  vous permettra d’approfondir vos connaissances des outils clés du développement web côté client : Vue.js, Vuetify et Pinia.

Contenu du cours:  

Introduction au développement web moderne

• Révision des concepts fondamentaux du développement web.
• Présentation de l’importance de Vue.js, Vuetify et Pinia dans le développement moderne.

Principes de base de Vue.js

• Philosophie de la programmation par composants.
• Installation et configuration de l’environnement de développement.
• Création de votre première application Vue.js.
• Liaison de données, directives, événements et propriétés calculées.
• Introduction à Git/GitHub et aux conventions de commit.

Vue.js avancé

• Gestion des composants.
• Communication entre composants (props, events, emit).
• Utilisation des slots et des mixins.
• Gestion des cycles de vie des composants.
• Préparation au projet pratique.

Introduction à Vuetify (Début du projet pratique)

• Démarrage d’un nouveau projet Vuetify.

• Installation et configuration de Vuetify.
• Présentation des composants de base de Vuetify.
• Structure du projet pratique et planification des fonctionnalités.

Création d’interfaces avec Vuetify

• Utilisation des grilles et du design responsive avec Vuetify.
• Conception de formulaires avancés.
• Navigation et barres d’outils.
• Utilisation des icônes et des thèmes.
• Personnalisation de l’apparence avec les variables de Vuetify.

Gestion de l’état avec Pinia

• Introduction à la gestion de l’état dans les applications Vue.js.
• Installation et configuration de Pinia dans le projet pratique.
• Création de stores, state, getters et actions.
• Bonnes pratiques pour structurer votre état global.

Intégration de Pinia dans le projet pratique

• Mise en œuvre de Pinia dans le projet Vuetify.
• Gestion des données asynchrones avec Pinia.
• Debugging et outils de développement.

Développement de composants personnalisés avec Vuetify

• Création de composants personnalisés en utilisant Vuetify.
• Compréhension approfondie des options de personnalisation.
• Réutilisabilité et composition de composants.

Techniques avancées de Vuetify pour le développement de composants

• Optimisation des performances des composants.
• Utilisation des directives personnalisées.
• Internationalisation et accessibilité des composants.

Déploiement de l’application

• Préparation de l’application pour le déploiement.
• Présentation des options d’hébergement (Netlify, Vercel, GitHub Pages, etc.).
• Mise en ligne du projet et gestion des versions.
• Révision finale des notions vues et perspectives futures.

Préalables

Connaissances de base en programmation Web.