Programme de la formation Vue.js 3

La formation est organisée en 9 chapitres pour progresser pas à pas, de la découverte de Vue.js 3 jusqu’au déploiement d’une application complète.

Chapitre 1 — Introduction aux framework JS et à VueJS

Objectif : Découvrez ce qu’est un framework JavaScript, pourquoi utiliser Vue.js, la Composition API de Vue 3 et l’installation d’une première application.

• Qu’est ce qu’un framework JS ?
• Qu’est ce que VueJS ?
• Composition API de Vue3
• Installation d’une application VueJS3

Chapitre 2 — Module 1 : Présentation de VueJS3

Objectif : Première immersion dans Vue.js 3 : ses caractéristiques (réactivité, hot reload, rendu déclaratif) et sa prise en main.

• Présentation de VueJS3

Chapitre 3 — Module 2 : La réactivité et le DOM

Objectif : Comprendre le cœur de Vue.js et manipuler l’affichage sans recharger la page.

• Module 2 Chapitre 1
• Module 2 Chapitre 2
• Module 2 Chapitre 3
• Module 2 Chapitre 4-1
• Module 2 Chapitre 4-2

Chapitre 4 — Module 3 : Architecture et approche par composant

Objectif : Structurer l’application, rendre le code réutilisable et maintenable grâce aux composants.

• Module 3 Chapitre 1
• Module 3 Chapitre 2
• Module 3 Chapitre 3
• Module 3 Chapitre 4

Chapitre 5 — Module 4 : Logique Avancée & Simulateur Dynamique (Le Piège)

Objectif : Logique avancée et création d’un simulateur dynamique pour maîtriser les mécanismes plus fins de Vue.js.

• Module 4 Chapitre 1
• Module 4 Chapitre 2
• Module 4 Chapitre 3

Chapitre 6 — Module 5 : Vue Router

Objectif : Mettre en place le routage d’une application multi-pages avec Vue Router.

• La vie sans router
• Module 5-1
• Module 5-2
• Module 5-3

Chapitre 7 — Module 6 : Appel API et lifecycle

Objectif : Interroger des API externes et maîtriser le cycle de vie des composants Vue.js.

• Module 6-1
• Module 6-2
• Module 6-3

Chapitre 8 — Module 7 : Build et déploiement

Objectif : Compiler, builder et déployer une application Vue.js 3 en production.

• Module 7-1
• Module 7-2
• Module 7-3

Chapitre 9 — Les composants

Objectif : Les briques fondamentales de Vue : encapsulation HTML/CSS/JS, la fonction ref(), reactive() et watch().

• Les composants
• La fonction ref()
• La fonction reactive()
• La fonction watch()

Titre H2