Cours Vue.js en ligne
Le cours en ligne Vue.js sur CodeWorlds compte 15 modules de courtes leçons avec un éditeur de code et 1045 exercices pratiques, racontés comme une aventure. Tu peux lire les leçons gratuitement sur ce site.
Crée les technologies du futur dans NOVA LAB sous la houlette du Dr. Nova - prépare les systèmes pour une mission sur Mars ! Année 2087.
Ton guide
Dr. Nova
Directrice du Laboratoire
Ce que tu apprendras
- Composition API de Vue.js 3
- Vite comme build tool
- Composants monofichiers (SFC)
- Réactivité - ref, reactive, computed
- Vue Router 4
- Gestion d'état avec Pinia
- TypeScript avec Vue
- Composables et VueUse
Projets principaux
Au cours de la formation, tu construiras de vrais projets que tu pourras ajouter à ton portfolio
Mission Control
Panneau de contrôle de mission spatiale
NOVA Dashboard
Dashboard de laboratoire avec données en temps réel
Planificateur de colonie martienne
Planification d'une colonie martienne
Programme du cours
15 modules remplis d'exercices interactifs et de projets pratiques
Zone de Lancement
Vue et Vite
Ce qu'est Vue.js, Vite, Single File Components, ta première app, structure du projet et outils de diagnostic
63 exercices
Atelier d'Hologrammes
Syntaxe des templates
Interpolation, directives v-bind et v-on, liaison des classes et styles, v-if et v-show, listes avec v-for et template refs
81 exercices
Réacteur Énergétique
Réactivité
ref() et reactive(), réactivité profonde et superficielle, toRef et toRefs, débogage de la réactivité et mise en pratique
73 exercices
Centre de Calcul
Computed et watch
Propriétés calculées avec getter et setter, watch et watchEffect, arrêt des watchers et cleanup, tableau de bord avec watchers
73 exercices
Simulateur de Pilotage
Événements et formulaires
Gestion des événements et modificateurs, formulaires avec v-model, modificateurs de v-model et formulaires avancés en pratique
73 exercices
Imprimante 3D
Composants
Création, enregistrement et composition de composants, lifecycle hooks, scoped styles et CSS Modules, premiers composables
67 exercices
Station de Communication
Props et événements
Props et validation, événements personnalisés, v-model sur les composants, provide/inject, fallthrough attributes et communication
63 exercices
Entrepôt de Modules
Slots et composants dynamiques
Slots par défaut, nommés et scoped, composants dynamiques, KeepAlive et Teleport, composants asynchrones et Suspense
71 exercices
Laboratoire Scientifique
Composables et VueUse
Patterns avancés de composables, design patterns réactifs, la bibliothèque VueUse, tests et optimisation des composables
67 exercices
Centre de Navigation
Vue Router
Configuration des routes, paramètres dynamiques, routes imbriquées et named views, navigation guards, RouterLink et navigation par code
71 exercices
Base de Données des Missions
Pinia
Stores Pinia : state, getters et actions, stores Composition API, composition de stores, plugins et persistance
72 exercices
Plateforme de Lancement
Tests et déploiement
Tests des composants, composables et stores, tests d'intégration et E2E, build de production et déploiement
72 exercices
Aurore Martienne
Transitions et animations
Le composant Transition, transitions nommées et modes, hooks d'animation JavaScript, TransitionGroup, bibliothèques et routes
63 exercices
Atelier de Robotique
Directives et plugins
Directives personnalisées avec hooks, arguments et modificateurs, création de plugins, renderless components et écosystème
68 exercices
Quartier Général
TypeScript et Nuxt
Typage des props, emits, ref, reactive et computed, template refs et provide/inject en TypeScript, puis SSR et bases de Nuxt 3
68 exercices
Thème du cours
Laboratoire R&D Futuriste
Chaque module est ancré dans un univers unique qui transforme l'apprentissage en aventure.
Ton guide
Dr. Nova
Directrice du Laboratoire
Il te guidera à travers tous les défis et t'aidera à acquérir de nouvelles compétences.
Questions fréquentes sur le cours Vue.js
Le cours Vue.js est-il gratuit ?
En partie. Tu peux lire gratuitement les leçons du cours Vue.js sur ce site. Les tâches du cours dans l'application nécessitent un plan premium ; avec un compte gratuit, tu peux suivre dans l'application le cours HTML et CSS avec 10 unités de carburant par jour.
Combien de temps dure le cours Vue.js ?
La durée d'apprentissage estimée du cours Vue.js est de 60-80 heures. Le cours compte 15 modules et plus de 1045 tâches, et c'est toi qui choisis le rythme.
Ai-je besoin d'une expérience préalable pour le cours Vue.js ?
Avant le cours Vue.js, il est utile d'avoir : JavaScript ES6+, Bases de HTML/CSS, Pensée logique.
Qu'est-ce que je vais apprendre dans le cours Vue.js ?
Dans le cours Vue.js, tu apprendras entre autres : Composition API de Vue.js 3, Vite comme build tool, Composants monofichiers (SFC), Réactivité - ref, reactive, computed.
Comment se passe l'apprentissage sur CodeWorlds ?
Sur CodeWorlds, chaque module est une série de courtes leçons avec un éditeur de code en direct, des quiz et des tâches pratiques. Ta progression te rapporte de l'XP et débloque de nouveaux lieux du monde Le Laboratoire du Futur.
Commence à apprendre Vue.js 3 dès aujourd'hui
Rejoins CodeWorlds et découvre des méthodes d'apprentissage modernes qui rendent la programmation fascinante et accessible à tous.
