Votre guide dans les plaines du far-web

Formation développeur web


« Donne un poisson à un homme, tu le nourris pour un jour. Apprends-lui à pêcher, tu le nourris pour toujours. » Lao Tseu

Installation, devtools et initiation

Mis à jour le

Pour ce premier exercice, qui est plus une mise en jambe pour des développeurs avertis comme vous, vous allez simplement mettre en pratique les notions que nous venons d'aborder.Consignes à respecte...

Fin de l'extrait

Afficher la date et l'heure lors de l'exécution du script

Mis à jour le

Pour mettre en pratique un hook du cycle de vie, je vous demande de rajouter l'heure à laquelle votre instance de vue s'est créée. créez une nouvelle donnée "creationDate"utilisez l’évén...

Fin de l'extrait

Formater un nom et calculer un âge

Mis à jour le

Pour cet exercice, je vous demande de rajouter deux computed data dans votre script :nomComplet : retournera le nom complet tel que décrit dans le cours (Première letrte du prénom en majuscule, nom...

Fin de l'extrait

Modifier une propriété via un événement

Mis à jour le

Dans cet exercice, vous devez préparer le terrain pour pouvoir afficher l'intégralité de la story que nous avons précédemment codés. L'idée, c'est qu'en appuyant sur un bouton, vous allez pouvo...

Fin de l'extrait

Afficher l'extrait d'un texte long

Mis à jour le

Un exemple concret et répandu, ce sont les extraits de texte relativement long (le fameux bouton "Lire la suite" / "Voir plus"). Si une de vos propriétés contient un texte relativement long, mais q...

Fin de l'extrait

Rajouter la liste de vos voyages

Mis à jour le

Rajoutez une propriété voyage dans votre instance de vue, qui sera un tableau de chaînes représentant différents pays. Ensuite, mettez en place un template de liste comme dans la vidéo, afin d'a...

Fin de l'extrait

Réaliser une horloge simple

Mis à jour le

Pour cet exercice sur le one-way data binding, je vous demande de réaliser une simple petite horloge qui affiche l'heure à deux endroits :directement dans la page webdans le title d'une balise spanV...

Fin de l'extrait

Afficher le texte complet de la story

Mis à jour le

En se basant sur l’exercice précédent sur les événements, faite en sorte que lorsque l'on clic sur le bouton "Afficher le texte", Vue fasse disparaître l'extrait, et fasse apparaître l'intégr...

Fin de l'extrait

Modification des données via des éléments de formulaires

Mis à jour le

Pour s'entraîner sur les liaisons bi-directionnelles, on va mettre en place une série d'éléments de formulaires qui va nous permettre de modifier les propriétés de notre modèle exercice.Certain...

Fin de l'extrait

Facturation

Mis à jour le

Afin de découvrir l'utilisation des méthodes dans vue, je vous demande réaliser un mini formulaire de facturation, qui permet de calculer un montant HT et TTC en fonction d'un prix, d'une quantité...

Fin de l'extrait

Composant d'affichage de nombres aléatoires

Mis à jour le

Créez un composant qui génère des nombres aléatoires compris entre min et max. Min et max étant des props. Un bouton doit permettre de générer un nouveau nombre aléatoire. Appelez votre compos...

Fin de l'extrait