Le Laboratoire du Futur

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.

Vue.js 3ViteTypeScriptPiniaVue Router
15 modules1045+ exercices60-80 heures

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

01

Mission Control

Panneau de contrôle de mission spatiale

Vue.js 3PiniaChart.js
02

NOVA Dashboard

Dashboard de laboratoire avec données en temps réel

Vue.js 3Vue RouterWebSockets
03

Planificateur de colonie martienne

Planification d'une colonie martienne

Vue.js 3TypeScriptPinia

Programme du cours

15 modules remplis d'exercices interactifs et de projets pratiques

1

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

2

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

4

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

5

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

6

Imprimante 3D

Composants

Création, enregistrement et composition de composants, lifecycle hooks, scoped styles et CSS Modules, premiers composables

67 exercices

7

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

8

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

9

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

10

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

11

Base de Données des Missions

Pinia

Stores Pinia : state, getters et actions, stores Composition API, composition de stores, plugins et persistance

72 exercices

12

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

13

Aurore Martienne

Transitions et animations

Le composant Transition, transitions nommées et modes, hooks d'animation JavaScript, TransitionGroup, bibliothèques et routes

63 exercices

14

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.

Change ton avenir

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.