CATALOGUE Code & Data Formation JavaScript Apprendre Vue JS 3 Tutoriel pour Nettoyer les Fichiers Vite et Construire une Interface d'Application

Tutoriel pour Nettoyer les Fichiers Vite et Construire une Interface d'Application

Ménage dans les fichiers et première version de l'interface
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Vue JS 3
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
69,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
69,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

À la fin de cette vidéo, vous serez capable de :

  • Nettoyer les fichiers par défaut générés par Vite
  • Élaborer une interface utilisateur de base pour votre application
  • Appliquer des styles CSS pour améliorer l'apparence de votre interface

Apprenez à faire le ménage dans les fichiers générés par Vite et à construire l'interface de votre application à partir de zéro.

Dans cette vidéo, nous abordons la procédure initiale de nettoyage des fichiers générés par Vite ainsi que la construction de l'interface utilisateur de l'application. Vous apprendrez à supprimer les composants par défaut créés par Vite dans les dossiers SRC, Components, Icons, et Assets. Nous vous montrerons ensuite comment créer un composant principal avec une balise template contenant une balise div qui affichera le stock actuel et deux boutons pour modifier ce stock. En outre, vous découvrirez comment ajouter des règles CSS pour styliser ce composant.

Finalement, nous évoquerons l'utilisation de Pina pour la gestion d'état, en commençant par vérifier la présence du dossier store généré automatiquement, prêt à être modifié dans une prochaine vidéo.

Voir plus
Questions réponses
Quel fichier est supprimé dans le dossier Assets?
Le fichier main.css est supprimé dans le dossier Assets.
Quels sont les éléments ajoutés dans la balise template?
Une balise div contenant le stock actuel et deux boutons pour les actions de vente et de réapprovisionnement.
Quel outil est mentionné pour la gestion d'état dans l'application?
Pina est l'outil mentionné pour la gestion d'état dans l'application.

Programme détaillé