Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Responsable Java

    Avatar de Mickael Baron
    Homme Profil pro
    Ingénieur de Recherche en Informatique
    Inscrit en
    juillet 2005
    Messages
    13 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Vienne (Poitou Charente)

    Informations professionnelles :
    Activité : Ingénieur de Recherche en Informatique
    Secteur : Service public

    Informations forums :
    Inscription : juillet 2005
    Messages : 13 644
    Points : 66 305
    Points
    66 305

    Par défaut Tutoriel pour développer une application web avec Vue.js et Vue CLI : mise en oeuvre (partie 2)

    Bonjour,

    Je vous propose un tutoriel en trois parties concernant le développement d'application web monopage (Single-Page Application) avec Vue.js.

    Cette deuxième partie présente les principaux concepts de Vue.js au travers d'un exemple complet.

    Voici le plan

    • présentation de l'exemple qui servira de fil rouge ;
    • création du squelette du projet PollDLE avec Vue.js et Vue CLI ;
    • initialisation des modèles et des vues pour les différents composants ;
    • mise en place des bindings entre les modèles et les vues via l'utilisation du templating (interpolation et les directives) ;
    • utilisation des propriétés calculées (computed) et des observateurs (watch) ;
    • détail du fonctionnement d'un composant pour savoir développer, instancier et dialoguer avec un composant ;
    • invocation d'un service web Rest pour modifier ou retourner la valeur d'un modèle ;
    • paramétrage du système de routage pour les changements de valeurs d'URL.

    L'exemple est appelé PollDLE qui est une application pour créer et soumettre des sondages. PollDLE ~= Poll + la dernière partie de Doo DLE (Doodle est une application de planification de rendez-vous, très connue pour être simple d'utilisation)

    L'URL du tutoriel : https://mbaron.developpez.com/tutori...ise-en-oeuvre/

    Le code source complet de l'exemple PollDLE est disponible à cette adresse : https://github.com/mickaelbaron/vuej...e-tutorial-src

    Profiter de cette discussion pour laisser des commentaires.

    Tutoriel écrit avec ❤️

    Mickael



    Retrouver les meilleurs cours et tutoriels pour apprendre JavaScript
    Responsable Java de Developpez.com (Twitter et Facebook)
    Besoin d"un article/tutoriel/cours sur Java, consulter la page cours
    N'hésitez pas à consulter la FAQ Java et à poser vos questions sur les forums d'entraide Java
    --------
    Ingénieur de Recherche en informatique au LIAS / ISAE-ENSMA
    Page de cours : mbaron.developpez.com
    Twitter : www.twitter.com/mickaelbaron
    Blog : keulkeul.blogspot.com
    LinkedIn : https://www.linkedin.com/in/mickaelbaron

  2. #2
    Community Manager

    Avatar de Siguillaume
    Homme Profil pro
    Conseil - Consultant en systèmes d'information
    Inscrit en
    août 2007
    Messages
    6 116
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : Conseil - Consultant en systèmes d'information
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : août 2007
    Messages : 6 116
    Points : 33 695
    Points
    33 695

    Par défaut

    Merci pour ce tutoriel que je trouve complet et bien pratique
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

Discussions similaires

  1. Réponses: 2
    Dernier message: 05/07/2019, 11h54
  2. Réponses: 2
    Dernier message: 19/06/2018, 13h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo