Qu'est-ce que je vais apprendre ?

Apprenez toutes les bases de Vue.js : les templates, les directives et les liaisons de données !
Apprenez à utiliser des composants et à gérer les communications entre eux.
Utilisez Vite pour créer vos applications plus rapidement !
Effectuez des requêtes Ajax à des API en utilisant fetch !
Comprenez comment simuler plusieurs pages avec le router de Vue.
Gérer l'état de vos applications plus complexes avec Pinia.
Apprenez à déployer une application Vue en production.
Authentifiez vos utilisateurs en utilisant des tokens JWT !
Chapitre 1 : Introduction à Vue
6 leçons
01:07:00
À l'abordage
Qu'est ce que Vue ?
SPA, create-vue et Vite
Environnement Windows
Environnement GNU/Linux
Environnement macOS
Chapitre 2 : Création de notre première application Vue
6 leçons
01:24:00
Chapitre 3 : Intéragir avec le DOM
7 leçons
01:37:00
Chapitre 4 : Rendre les composants réactifs
7 leçons
01:57:00
Chapitre 5 : Le style et les classes
4 leçons
00:54:00
Chapitre 6 : Les directives structurelles
5 leçons
01:02:00
Chapitre 7 : Les bases des composants
8 leçons
02:36:00
Chapitre 8 : Projet Boutique - partie 1
12 leçons
03:38:00
Chapitre 9 : Les fonctionnalités avancées des composants
9 leçons
02:42:00
Chapitre 10 : Projet boutique - partie 2
6 leçons
01:36:00
Afficher les 26 chapitres

Les prérequis pour suivre cette formation

Des connaissances en HTML & CSS sont nécessaires

Des connaissances en JavaScript sont nécessaires

Certains des projets que nous allons coder ensemble

Boutique e-commerce
Todos

Nous mettrons en pratique toutes les fonctionnalités de Vue3 et Pinia pour créer une boutique e-commerce avec gestion du panier. Nous utiliserons Pinia, Zod et Vee-validate, et plein d'autres librairies !

Description

Vue.js est un framework très modulaire, c'est-à-dire qu'il est tout à fait possible de n'utiliser que certaines parties du framework, puis d'ajouter d'autres parties de la librairie par la suite.

Le framework peut s'ajouter à des vues d'une application serveur, ou bien prendre en charge la logique de toute l'application pour développer une Single Page Application.

Il s'agit donc d'une librairie particulièrement polyvalente.

Il permet une architecture plus libre qu'Angular mais moins que React. Il est connu pour être le plus facile d'accès des trois frameworks, mais reste pour autant complet et permet de résoudre toutes les problématiques des applications Web modernes. Il est également très performant. Nous le recommandons pour s'initier aux applications front-end réactives.


En savoir plus

Également inclus dans la formation

Vite

Vite

Pratiquement tous les navigateurs implémentent ES6, qui est la nouvelle version importante de JavaScript.
Lire plus

Pinia

Pinia

Les applications front-end sont de en plus dynamiques et complexes. Avec Pinia, vous aller apprendre à dompter cette complexité en apprenant la notion de gestion d'état.
Lire plus

Vue-Router

Vue-Router

Comme pour Pinia, vue-router est un autre module de Vue.js qui vous permettra de gérer le routing de vos applications
Lire plus