Créez Une Application Web Avec Vue.js - OpenClassrooms

Maybe your like

Aller au contenu
Choisir la langue
Aller à la recherche

Tous les cours

Développement

Créez une application web avec Vue.jsAvec Vue.js, passez au niveau supérieur pour vos applications frontend ! Apprenez les bases de ce framework et les bonnes pratiques à adopter pour construire des applications puissantes.Moyenne15 heuresCe cours en libre accès vous intéresse ?Commencer

AperçuTable des matièresContributeurs

Attention, ce cours n'est plus à jour ! En effet, Vue.js est passé de la V2 à la V3. Ce cours utilise encore la V2.

https://vimeo.com/413605562

Les frameworks sont incontournables dans le développement frontend. La maîtrise de l'un d'eux représente donc un véritable atout pour votre carrière en développement frontend.

Il existe de nombreux frameworks. Vue.js est l'un des plus populaires pour construire des applications web progressives.

Nous commencerons ce cours interactif en utilisant Vue pour créer une application web sans outil de build complexe. Nous utiliserons ensuite les outils en ligne de commande (CLI) pour vous permettre de coder votre application comme si vous étiez en entreprise. Puis, nous architecturerons notre application en composants modulaires pour qu'elle soit facile à maintenir. Enfin, vous apprendrez à gérer vos données de manière réactive avec Vuex et sa gestion du state de manière globale.

Objectifs pédagogiques

À la fin de ce cours, vous serez capable de :

construire une application Vue.js ;
augmenter les capacités d'une application avec Vue CLI ;
créer des composants réutilisables dans Vue.js ;
gérer les données d'une application.

Prérequis

Pour réussir à suivre ce cours, vous devez avoir une certaine connaissance de HTML, CSS et JavaScript (ES2015+), npm, les commandes de base du terminal, et Git. Vous pouvez acquérir ces connaissances en suivant le cours Passez au Full Stack avec Node.js, Express et MongoDB.

Outil nécessaire : un éditeur de code

Prêt à passer vos compétences frontend au niveau supérieur ? Rendez-vous dans le premier chapitre de ce cours !

Objectifs pédagogiques

Construire une application Vue.js
Augmenter les capacités d'une application avec Vue CLI
Créer des composants réutilisables dans Vue.js
Gérer les données d'une application

Table des matières

Partie 1
Construisez votre première application Vue.js
- 1
  Tirez un maximum de ce cours
- 2
  Créez votre première application Vue.js
- 3
  Stockez et gérez des données
- 4
  Utilisez les directives Vue pour gérer des problèmes courants
- 5
  Résumé de la partie 1
- Quiz : Construisez une application Vue.js
Partie 2
Augmentez les capacités de votre application avec Vue CLI
- 1
  Créez un nouveau projet avec Vue CLI
- 2
  Facilitez la maintenance grâce aux composants monofichiers
- 3
  Gérez la navigation de votre application avec le routeur Vue
- 4
  Déterminez quand votre code doit s’exécuter
- 5
  Résumé de la partie 2
- Quiz : Passez à la vitesse supérieure avec Vue CLI
Partie 3
Créez des composants réutilisables dans Vue.js
- 1
  Gérez les styles de votre application
- 2
  Passez des datas entre les composants
- 3
  Émettez des événements vers des composants parents
- 4
  Créez des composants flexibles en utilisant les slots
- 5
  Résumé de la partie 3
- Quiz : Créez des composants réutilisables avec Vue.js
Partie 4
Gérez les données de votre application
- 1
  Découvrez le principe de state management
- 2
  Créez un data store centralisé avec Vuex
- 3
  Récupérez des données depuis Vuex
- 4
  Modifiez vos données dans Vuex
- 5
  Résumé de la partie 4
- Quiz : Gérez les données de votre application
Partie 5
Résumé du cours
- 1
  Résumé du cours

Contributeurs

Professeurs

Ben Hong

Staff Developer Experience Engineer at Netlify. Vue Core Team Member. Nuxt Ambassador. Google Developer Expert

Alexia Toulmet

Développeuse frontend passionnée par l'enseignement 👩‍💻

Créé par

OpenClassroomsMis à jour le 23/01/2025Licence

Développement