Je viens de découvrir ta chaîne grâce à un de mes étudiants, du coup j'ai regardé et ce que tu fais est top ! ET je suis certain qu'on pourrait bien s'entendre également 😁😁😁
Superbe video, je suis novice en Vue et j aimerais savoir ce qui y a besoin d installer sur Visual Studio Code pour voir le resultat ? (Node.js, npm etc.) Merci de votre aide 😉
Super tuto!!! Je viens à l'instant de le terminer en reprenant le CDN de la V3 de vueJS, il a fallu quelques ajustements car certaines fonctions sont obsolètes mais ça fait un peu plus travailler les méninges!! Merci énormément à toi :)
J'ai commencer JS en février 2020, Vue il y a 15 jours, j'apprend et je pratique avec plaisir grâce a tes vidéo. Je la re regarde en prenant des notes et en codant pour en refaire des article sur un blog communautaire après. Dans le but de trouver un mentor, d'ailleurs j'aimerai bien que tu sois mon premier mentor.
3 роки тому
Salut merci pour ton message, malheureusement je ne me sens pas du tout légitime pour être mentor de quoique ce soit ^^
Je suis novice en Vue et j aimerais savoir ce qui y a besoin d installer sur Visual Studio Code pour voir le resultat ? (Node.js, npm etc.) Merci de votre aide 😉
Je suis novice en Vue et j aimerais savoir ce qui y a besoin d installer sur Visual Studio Code pour voir le resultat ? (Node.js, npm etc.) Merci de votre aide 😉
vidéo incroyable, je dois juste me re regarder la partie du delete du panier, sur le pourquoi on utilise l'id mais franchement c'était top, continu. Complètement preneur de nouvelles videos Vue
4 роки тому
Merci pour ton retour. L'Id est indispensable car Javascript identifie chaque élément avec un Id spécifique, sans ça il ne saurait pas de quel élément on parle ;)
J'ai vraiment découvert Vue avec ce tuto, dont le ton est agréable, en plus. Mon coeur balance entre Vue et Svelte ... je creuse le sujet. Mais en tout cas merci pour ce super tuto.
4 роки тому
Merci Philippe pour ton commentaire, fonce sur Vue c'est le futur (plus que Svelte en tout cas ^^)
Salut c'est dla bombe ton tuto sérieux continue comme sa toute les vidéos que tu feras sur vue.js je te promet je les regarderai ainsi que les mec avec qui je suis en formation concepteur développeur d'application
première tentative pour moi qui est plus l'habitude de React, à priori je trouve ça plus intuitif et simple que React, mais ce n'est que mon avis de dev junior x) merci en tout cas pour ce que tu fais!
Merci très instructif, s'il y en a d'autres je serai partant... Une anim de fou, et un feeling pédagogique atypique que j'apprécie beaucoup. Hâte de voir les prochaines vidéos... merci beaucoup !😉😉😉✌✌✌
au top comme d'habitude ! je me met depuis quelques temps à vue et des tutos de ce style c'est parfait pour mieux assimiler la logique et l'organisation, merci !!! vivement les prochains :)
Bonjour Scratch, un grand merci pour ton travail ! Ce tuto est super pour passer de la théorie (cours barbants mais nécessaire) à la pratique ! Ton côté "je fais une petite erreur" mais ne la coupe pas au montage permet d'avoir un aperçu du raisonnement qu'a un développeur, c'est super ! Petit details: - C'est dommage que ton tuto parte d'une base existante (sauf pour le CSS qui lui est énorme) que tu mets à dispo même si la video aurait été plus longue. - Malgré que ce ne soit pas un cours sur le JS, il aurait été intéressant de concevoir le fichier "script.js". Ce sont des micros détails qui n'enlèvent rien au travail incroyable que tu as fait !! Encore un grand merci à toi, vivement les prochaines vidéos (peut-être sur Vuetify ou sur Nuxt :D ) Chapeau bas l'artiste !
4 роки тому
Salut Mar Vik, merci pour ton message ça fait plaisir ! En fait j'ai voulu vraiment concentrer le projet sur Vue donc c'est pour ça que je passe très rapidement sur le reste. Le petit bout de code sur le script.js est expliqué tout de même (rapidement ^^).
super tuto , j'ai tout réussi donc , c'est que c'etait bien expliqué , en tout cas c'est hyper pratique pour une single page d'un shop , merci pour le tuto
Je suis novice en Vue et j aimerais savoir ce qui y a besoin d installer sur Visual Studio Code pour voir le resultat ? (Node.js, npm etc.) Merci de votre aide 😉
Super propre comme d'hab , je t'ai connu avec NextJS , à la base j'ai suivi une formation udemy sur nextJs , puis j'ai vu ta vidéo après la formation et franchement tu expliques très bien , j'ai compris plus de trucs avec ta vidéo qu'avec la formation udemy que j'ai suivi . Là encore , projet vueJS au top , tu fournis du code de base , franchement super , dommage qu'il n'y a pas une case dons ou " buy me a coffee " ! Quand on sait le boulot derrière que ça représente de faire toutes ses vidéos ! GG à toi !
Superbe video, je suis novice en Vue et j aimerais savoir ce qui y a besoin d installer sur Visual Studio Code pour voir le resultat ? (Node.js, npm etc.) Merci de votre aide 😉
Encore merci pour cette nouvelle vidéo :). J'ai constaté un truc, tu donnes les raccourcis par : et @ car tu t'en sers par moment, mais à d'autres moments, tu continues d'utiliser v-bind et v-on xD. A 59:00, plutot que de passer par une méthode qu'on appelle lorsque l'on like/dislike, ne serait-il pas mieux d'utiliser watch ? methods: {}, watch: { liked: function() { $cookies.set('like', JSON.stringify(this.liked)); }, }, ça a l'avantage d'être appelé directement après la modifiçation de liked, donc pas besoin d'appeler une méthode, ni même d'attendre à l'aide d'un sto. ----------------------- Petit détail, à 1:02:00, il est plus simple de faire ainsi : this.liked = cookieValue == null ? [] : cookieValue; Plutôt que de dire, si ça, on fait ça ou ça, ici on met à liked ça ou ça :) (ouais ça fait beaucoup de ça xD) ----------------------- A 1:09:00 Petite simplification du code pour addToCart : addToCart(product) { this.cart.push({ ...product, quantity:1 }) } En soit, on ajoute l'objet produit auquel on rajoute quantity. ---------------------- A 1:33:00 for(let item in items) renvoi la clé quand for(let item of items) renvoi l'item. Comme on a besoin de l'item mais pas de la clé, dans ce context of aurait été mieux. De mon coté j'ai fait ca ainsi : cartTotalAmount() { let total = 0; this.cart.map((product) => (total += product.quantity * product.price)); return total; }, En soit, je map chacun des produits pour retourner le total incrémenté du prix calculé de l'item. Merci encore. Continue comme ca, c'est vraiment top pour apprendre ! :)
Je vous remercie pour vos vidéos. J'ai decouvert cette vidéo tardivement, je code en meme temps que toi, mais quand j'ai crée l'instance de VueRouter, ça n'a pas marché et j'ai une erreur dans la console qui me dit :"VueRouter is not defined". J'ai aussi essayé votre projet terminé, pareillement. Je veux savoir s'il y a quelques trucs dans le projet qui fonctionnait au moment où vous l'avez crée qui ne marchera pas aujourd'hui.
Bonjour. Merci pour ce tuto que je trouve super, cependant il ne fonctionne pas. J'ai téléchargé le projet terminé et j'ai cette erreur : Uncaught ReferenceError: VueRouter is not defined at vue.js:108:16 Bien cordialement. Ps: Vous avez la voix d'Edouard Baer
Les méthodes utilisées dans ce projet sont obsolètes je penses, puisse que je me suis bloquer à ce niveau 19:19 et c'est pareil pour le Zip du projet terminé. C'est dommage pour moi du coup
Cele dépend, ce tuto date de 2020 et a été codé avec la version 2 de vueJS. La version 3 de vue est sortie en septembre 2020 et est devenue la version officielle par défaut en février 2022. Donc, si tu reprends le tuto comme notre professeur si bon l'a fait, forcément lorsque tu copieras les scripts depuis la doc de vue, il te donnera les scriptes qui permettront de travailler sous la v3 et non la 2 comme le tuto^^. Néanmoins, si tu suis bien la doc de vue 3, il y a moyen de s'y retrouver pour suivre correctement le tuto moyennant parfois certains ajustements. Personnellement, je commence comme toi. J'ai été bloqué comme toi mais après avoir suivi la doc, j'ai réussi à me dépatouiller, j'ai aussi dû réadapter le code au moment de créer le cookie pour y stocker le likeCookie, la aussi j'ai réussi à me débrouiller par contre je suis de nouveau bloqué au moment de créer la fonction cartRemoveItem. Visiblement la fonction utilisée dans le tuto est désormais obsolète donc j'essaye de me débrouiller mais pour le coup je sèche un peu^^.
Merci pour tes tutos très détaillés. J'ai beaucoup appris grâce à toi et ai même acheté une de tes formations. Penses-tu faire le même tuto avec Typescript ? Typescript devenant très demandé dans les offres et sincèrement ton format et ta pédagogie sont assez singulières et je ne retrouve pas la même qualité partout. Merci encore 🙏🏽
bonjour, je suis en train de faire ce tuto avec vue 3 et vue cli . j'en suis quau debut ms c instructif. Je viens de finir le css de depart sous vue 3 . j'en profite pour porter le css du tuto par composant
Hello ! Déjà merci beaucoup pour cette video ! =) J'ai une question à te poser. Quand j'arrive à l'étape du v-for sur products (33:20), de mon côté j'ai une erreur sur product.description. Je suis obligé d'ajouter un objet data à mon instance de Vue pour que celà fonctionne. Sinon j'ai : Property or method "product" is not defined on the instance but referenced during render. Ce qui est surprenant c'est que si dans le v-for je mets juste les images, ça fonctionne. Pourrais-tu m'expliquer ce comportement ? Est-ce dû à l'évolution du framework.Pourtant quand je lance le projet fini sur ton repo, ça fonctionne et je vois que tu n'as pas besoin d'initialiser "product" dans ton instance de Vue. Je n'arrive pas à comprend ou est la différence. Merci beaucoup. Bon j'ai trouvé ma bêtise: j'avais mis mon script x-template dans mon instance. Voilà voilà je devais donc l'initialiser.
Рік тому
🍀 Si tu veux devenir Développeur Front-end, c’est ici => fromscratch.podia.com/
Quand tu fait un projet de A a Z es ce que tu monte le projet au complet pour que tout sois fonctionnel et après tu fait le css ou pour chaque élément tu fais le css et ensuite tu passe a un autre élément??
Il est bien cool ce projet, je vais essayer de faire en sorte de faire apparaitre la liste des favoris sur la page wishlist, le panier dans shopping cart. Et pour user setting j'ai pas encore d'idée. On peut espérer une partie backend, pour faire de ce shop un vraie shop en ligne ?
Bonjour merci pour ce cours très clair et simple à comprendre. J'ai toutefois un soucis avec la search bar. Elle fonctionne niquel MAIS dès que je recharge la page j'ai l'erreur suivante: this.products.filter is not a function et du coupplus rien ne marche vue que je suis sur VueJs. Quelqu'un aurai une solution a ce probleme svp ?
salut, encore merci scratch , j'ai juste une question: j'ai appris qu'avec les fonctions fléchées on perdait le contexte de scope. comment donc avec ce tuto , même avec les fonctions flechées, on arrive toujours à pointer vers l'objet avec le fameux #this... peut être que c'est bien moi qui ai mal compris le fonctionnement.
4 роки тому
Salut Francis, je t'avoue que tu me poses un colle, si quelqu'un a plus d'infos je suis preneur ^^
Super vidéos et explications dans la bonne humeur une bonne façon de transmettre la connaissance ; ) donc félicitations a toi From Scratch pour tes vidéos :), part contre petit problème de mon côté.. Sur vue v3 le this.$delete n'est plus d'actu, j'ai essayer plusieurs façon mais je bloque pour le cartRemoveItem..
Pour la V3 de vue.js je te conseil de faire un splice(), va dans ton "cartRemoveItem" et place y "this.cart.splice(id,1)" a la place du "this$delete(this.cart, id)" de la vidéo. Dit moi si ça marche :)
Hello ! à 50m13s , ça ne serait pas plus optimiser de mettre un v-else en suivant du v-if ? {{filteredList.length}} résultats {{filteredList.length}} résultat En tout cas super Vidéo et pourquoi pas la prochaine en utilisant Nuxt Js :D
Salut, Merci pour le tuto ! :) Par contre tu peux peut-etre m'aider, je n'ai aucune autocomplétion JS dans mes fichiers javascript. J'utilise aussi VS Code et par exemple, dans vue.js, le "toLowerCase" ne m'est pas proposé..as-tu une idée ?
4 роки тому
Salut Théo, dans les plugins essaye ça JavaScript (ES6) code snippets ;)
Bonjour, je n'arrive pas démarré application avec npm run serve j'ai essayé de modifier le package.json mais ca marche pas :/, ton aide stp !
4 роки тому
Salut AbdelMaker, tu n'as pas besoin de NPM pour lancer l'appli, si tu es sur VS Code lance juste Live server ou sinon ouvre l'index.html dans une page web classique ;)
4 роки тому
Hello, je commence juste ton tuto, comment lance tu le projet dans ton navigateur ?
Bonjour; j'ai suivi ton tutoriel à la lettre et lors du test du routé je n'ai évidement par les componants (h1) que nous avons créés juste avant... Pourquoi ? Je lance le site depuis l'index.html mais je pense qu'il faut peut-être un serveur local... Si oui comment je peux faire s'il te plaît ? Bonne vidéo !
Super vidéo c'est grâce à celle la que je t'ai dévouvert et est ce que tu pourras faire un tp un peux dans le même style mais avec un system d'ajout de montre par exemple avec un from etc
Hey ! J'ai pas trouvé de commentaire similaire alors je demande au cas ou mais comment as tu lancé le sass ? Tu parles à 6:32 de "npm run sass" mais chez moi ce n'est pas reconnu malgré un "npm i" et ça plombe l'aspect globale du site bien que tout le reste fonctionne parfaitement. Merci en tout cas pour tout ce que tu fais, le projet est super clean et tout parait tellement simple ^^
Merci pour ta réponse, j'ai essayé justement d'installer sass au projet avec npm mais rien à faire.. La navbar semble etre ok, mais le reste ne veut rien savoir..le plus bizzare c'est que quand je rajoute du style dans le sass il est bien pris en compte..enfin bref meme si c'est dommage c'est que du style ;) le reste est parfaitement fonctionnel
YOOOOOW J'adore ton tuto mais je suis bloqué, je ne comprends pas pourquoi quand j' essaie de le refaire, j'ai une erreur de view routeur qui est undefined. Pourtant j'ai tout comme toi !!! PLEASE HELP !!!! MERCIIIIIIIIIIIIIIIIIIIIIIII
@ Bonjour, l'affichage Home et user-settings ne fonctionne plus( 19:19 ) , il y a moyen de contourner le soucis ou comment faire pour que cela fonctionne. Sinon merci beaucoup pour la video.
Bonjour From Scratch, un grand merci pour ton travail! Je me suis éclatée à découvrir toute les possibilités de Vue pendant ton tuto et même bien après. J'ai juste rencontré un problème pour Vue cookie, qui ne fonctionne pas pour moi. J' ai essayé la version 1.7.3, soit celle de ce jour et la tienne : 1.5.12, j'ai paramétré l'autorisation de tous les cookies sur mes navigateurs, j'ai testé ta version terminée, mais cela ne marche pas, ma liste de cookies reste vide. Le problème vient obligatoirement de mon coté et si quelqu'un aurait rencontré la même chose, en ayant réussi à le résoudre, je suis preneuse! Bonne journée, et encore merci!
4 роки тому
Salut Mylène et merci pour ton commentaire :) Concernant les cookies il doit y avoir des réglages particuliers sur ton navigateur je pense, essaie avec un autre navigateur pour vérifier.
bonjour, merci pour votre video, j'ai pas encore tout vu, mais je me la garde de coté quand je bosserai vraiment vue.js. par contre, je sais pas pour vue js, si on peut vraiment avoir les bases en 30 minutes...à mon avis non...bertrand, il censure pour pas grand chose : j'ai juste dit que ces videos sont trompeuses car il parle d'avoir les bases d'un logiciel dans une video de 20 ou 30 minutes, c'est trompeur et dangereux et hop, il m'a dégagé...en censure silencieuse...dictature chinoise quand tu nous tiens...avoir les bases d'un soft adobe ou programmation en 30 minutes, c'est tellement faux...mais ça fait vendre du clic... en fait, dire qu'avec ca video sur un sujet donné, on a les bases, c'est soit qu'il est menteur , soit qu'il ne connait pas le sujet...et c'est fort possible car on peut pas aborder autant de concepts / de spécialités et bien les connaitres pour savoir ce que sont les bases ou non....
![[GUIDE] Débutez avec Vue CLI, Vue Router et VueX (fr)](http://i.ytimg.com/vi/L5_KLnHjt1M/mqdefault.jpg)
![[GUIDE] Débutez avec Vue CLI, Vue Router et VueX (fr)](/img/tr.png)
![[TUTO] Vue JS : les bases en 35 minutes !](http://i.ytimg.com/vi/D3oivlcoEvw/mqdefault.jpg)
Je viens de découvrir ta chaîne grâce à un de mes étudiants, du coup j'ai regardé et ce que tu fais est top ! ET je suis certain qu'on pourrait bien s'entendre également 😁😁😁
UA-cam est un monde merveilleux !
Superbe video, je suis novice en Vue et j aimerais savoir ce qui y a besoin d installer sur Visual Studio Code pour voir le resultat ? (Node.js, npm etc.)
Merci de votre aide 😉
1h - 2h pour présenter une techno via un projet complet... c'est merveilleux.
Super tuto!!!
Je viens à l'instant de le terminer en reprenant le CDN de la V3 de vueJS, il a fallu quelques ajustements car certaines fonctions sont obsolètes mais ça fait un peu plus travailler les méninges!! Merci énormément à toi :)
J'ai commencer JS en février 2020, Vue il y a 15 jours, j'apprend et je pratique avec plaisir grâce a tes vidéo.
Je la re regarde en prenant des notes et en codant pour en refaire des article sur un blog communautaire après. Dans le but de trouver un mentor, d'ailleurs j'aimerai bien que tu sois mon premier mentor.
Salut merci pour ton message, malheureusement je ne me sens pas du tout légitime pour être mentor de quoique ce soit ^^
Merci beaucoup d'avoir donnée le zip du projet, c'est très instructif si on veut éviter les 2h. Merci pour ton travail
Je suis novice en Vue et j aimerais savoir ce qui y a besoin d installer sur Visual Studio Code pour voir le resultat ? (Node.js, npm etc.)
Merci de votre aide 😉
Avec une Vue pareil ma Vision d'Optique est devenu Clair 👍
Merci pour cette vidéo. Explications claires avec un bon rythme. J'ai appris Vue JS en autodidacte. Je cherche toujours à me perfectionner.
Avec plaisir 🙂
Je suis novice en Vue et j aimerais savoir ce qui y a besoin d installer sur Visual Studio Code pour voir le resultat ? (Node.js, npm etc.)
Merci de votre aide 😉
vidéo incroyable, je dois juste me re regarder la partie du delete du panier, sur le pourquoi on utilise l'id mais franchement c'était top, continu. Complètement preneur de nouvelles videos Vue
Merci pour ton retour. L'Id est indispensable car Javascript identifie chaque élément avec un Id spécifique, sans ça il ne saurait pas de quel élément on parle ;)
ta une façon de faire exceptionnelle, continue sur vuejs bravoo
J'ai vraiment découvert Vue avec ce tuto, dont le ton est agréable, en plus. Mon coeur balance entre Vue et Svelte ... je creuse le sujet. Mais en tout cas merci pour ce super tuto.
Merci Philippe pour ton commentaire, fonce sur Vue c'est le futur (plus que Svelte en tout cas ^^)
Génial pour comprendre vuejs! Merci beaucoup pour vos explications!
J'ai commencé vue js il y a pas longtemps, là, je me régale pour ce projet. Merci Scratch
Salut c'est dla bombe ton tuto sérieux continue comme sa toute les vidéos que tu feras sur vue.js je te promet je les regarderai ainsi que les mec avec qui je suis en formation concepteur développeur d'application
première tentative pour moi qui est plus l'habitude de React, à priori je trouve ça plus intuitif et simple que React, mais ce n'est que mon avis de dev junior x) merci en tout cas pour ce que tu fais!
Merci très instructif, s'il y en a d'autres je serai partant... Une anim de fou, et un feeling pédagogique atypique que j'apprécie beaucoup. Hâte de voir les prochaines vidéos... merci beaucoup !😉😉😉✌✌✌
tu es trop top!!! tes explications sont claires vraiment et ça donne envie de progresser. bravo
au top comme d'habitude ! je me met depuis quelques temps à vue et des tutos de ce style c'est parfait pour mieux assimiler la logique et l'organisation, merci !!! vivement les prochains :)
Merci beaucoup, ta chaîne est essentielle.
Merci à toi
Excellente vidéo, j'ai beaucoup appris. Prochaine vidéo Vue, refactorisation total de l'app Wesh 😊
Bonjour Scratch,
un grand merci pour ton travail ! Ce tuto est super pour passer de la théorie (cours barbants mais nécessaire) à la pratique !
Ton côté "je fais une petite erreur" mais ne la coupe pas au montage permet d'avoir un aperçu du raisonnement qu'a un développeur, c'est super !
Petit details:
- C'est dommage que ton tuto parte d'une base existante (sauf pour le CSS qui lui est énorme) que tu mets à dispo même si la video aurait été plus longue.
- Malgré que ce ne soit pas un cours sur le JS, il aurait été intéressant de concevoir le fichier "script.js".
Ce sont des micros détails qui n'enlèvent rien au travail incroyable que tu as fait !!
Encore un grand merci à toi, vivement les prochaines vidéos (peut-être sur Vuetify ou sur Nuxt :D )
Chapeau bas l'artiste !
Salut Mar Vik, merci pour ton message ça fait plaisir ! En fait j'ai voulu vraiment concentrer le projet sur Vue donc c'est pour ça que je passe très rapidement sur le reste. Le petit bout de code sur le script.js est expliqué tout de même (rapidement ^^).
Bien expliqué, j'avais du mal a m'adapter avec vue js. Ce tutoriel est bien expliqué. je m'abonne
super tuto , j'ai tout réussi donc , c'est que c'etait bien expliqué , en tout cas c'est hyper pratique pour une single page d'un shop , merci pour le tuto
C'est beau et c'est utile.
Bonne explication en plus.
Merciii
Je suis novice en Vue et j aimerais savoir ce qui y a besoin d installer sur Visual Studio Code pour voir le resultat ? (Node.js, npm etc.)
Merci de votre aide 😉
Merci pour ce magnifique tutoriel.
merci pour la vidéo j'ai grave kiffé
Super propre comme d'hab , je t'ai connu avec NextJS , à la base j'ai suivi une formation udemy sur nextJs , puis j'ai vu ta vidéo après la formation et franchement tu expliques très bien , j'ai compris plus de trucs avec ta vidéo qu'avec la formation udemy que j'ai suivi .
Là encore , projet vueJS au top , tu fournis du code de base , franchement super , dommage qu'il n'y a pas une case dons ou " buy me a coffee " ! Quand on sait le boulot derrière que ça représente de faire toutes ses vidéos !
GG à toi !
Superbe video, je suis novice en Vue et j aimerais savoir ce qui y a besoin d installer sur Visual Studio Code pour voir le resultat ? (Node.js, npm etc.)
Merci de votre aide 😉
Encore merci pour cette nouvelle vidéo :). J'ai constaté un truc, tu donnes les raccourcis par : et @ car tu t'en sers par moment, mais à d'autres moments, tu continues d'utiliser v-bind et v-on xD.
A 59:00, plutot que de passer par une méthode qu'on appelle lorsque l'on like/dislike, ne serait-il pas mieux d'utiliser watch ?
methods: {},
watch: {
liked: function() {
$cookies.set('like', JSON.stringify(this.liked));
},
},
ça a l'avantage d'être appelé directement après la modifiçation de liked, donc pas besoin d'appeler une méthode, ni même d'attendre à l'aide d'un sto.
-----------------------
Petit détail, à 1:02:00, il est plus simple de faire ainsi :
this.liked = cookieValue == null ? [] : cookieValue;
Plutôt que de dire, si ça, on fait ça ou ça, ici on met à liked ça ou ça :) (ouais ça fait beaucoup de ça xD)
-----------------------
A 1:09:00
Petite simplification du code pour addToCart :
addToCart(product) {
this.cart.push({
...product,
quantity:1
})
}
En soit, on ajoute l'objet produit auquel on rajoute quantity.
----------------------
A 1:33:00
for(let item in items) renvoi la clé quand for(let item of items) renvoi l'item. Comme on a besoin de l'item mais pas de la clé, dans ce context of aurait été mieux.
De mon coté j'ai fait ca ainsi :
cartTotalAmount() {
let total = 0;
this.cart.map((product) => (total += product.quantity * product.price));
return total;
},
En soit, je map chacun des produits pour retourner le total incrémenté du prix calculé de l'item.
Merci encore. Continue comme ca, c'est vraiment top pour apprendre ! :)
Superbe vidéo et j'ai beaucoup apprécié la pédagogie....
Merci pour votre tuto très pédagogique .
Excellente vidéo, vraiment !
Je propose un petit watch + localStorage pour gérer l'enregistrement des "liked" du coup sans listener ou setTimeout
Je vous remercie pour vos vidéos. J'ai decouvert cette vidéo tardivement, je code en meme temps que toi, mais quand j'ai crée l'instance de VueRouter, ça n'a pas marché et j'ai une erreur dans la console qui me dit :"VueRouter is not defined". J'ai aussi essayé votre projet terminé, pareillement. Je veux savoir s'il y a quelques trucs dans le projet qui fonctionnait au moment où vous l'avez crée qui ne marchera pas aujourd'hui.
Tout pareil...
Tuto propre 🧡
UA-cam m a proposer ta video parceque j ai regardé celle de ton ami :)
idem pour moi aussi
Très bon tutoriel. Savez-vous comment avec Vue Cli, on peut récupérer une image dans un composant pour s'afficher dans le dans une div du template?
Absolument génial, merci beaucoup !
Bonjour. Merci pour ce tuto que je trouve super, cependant il ne fonctionne pas. J'ai téléchargé le projet terminé et j'ai cette erreur :
Uncaught ReferenceError: VueRouter is not defined
at vue.js:108:16
Bien cordialement.
Ps: Vous avez la voix d'Edouard Baer
Même erreur, dommage..
t'es très comique 😂😂 merci pour la video, ça m'as été très utile
Merci, c est génial, du courage, et je me suis abonné pour voir d'autre video, a plus
Les méthodes utilisées dans ce projet sont obsolètes je penses, puisse que je me suis bloquer à ce niveau 19:19 et c'est pareil pour le Zip du projet terminé. C'est dommage pour moi du coup
Tout pareil...
avez vous trouve une solution ????
Cele dépend, ce tuto date de 2020 et a été codé avec la version 2 de vueJS. La version 3 de vue est sortie en septembre 2020 et est devenue la version officielle par défaut en février 2022.
Donc, si tu reprends le tuto comme notre professeur si bon l'a fait, forcément lorsque tu copieras les scripts depuis la doc de vue, il te donnera les scriptes qui permettront de travailler sous la v3 et non la 2 comme le tuto^^.
Néanmoins, si tu suis bien la doc de vue 3, il y a moyen de s'y retrouver pour suivre correctement le tuto moyennant parfois certains ajustements.
Personnellement, je commence comme toi. J'ai été bloqué comme toi mais après avoir suivi la doc, j'ai réussi à me dépatouiller, j'ai aussi dû réadapter le code au moment de créer le cookie pour y stocker le likeCookie, la aussi j'ai réussi à me débrouiller par contre je suis de nouveau bloqué au moment de créer la fonction cartRemoveItem. Visiblement la fonction utilisée dans le tuto est désormais obsolète donc j'essaye de me débrouiller mais pour le coup je sèche un peu^^.
Oui la doc frère, même si c'est pas évident de l'adopter quand on débute, merci et force à nous.
Merci pour tes tutos très détaillés. J'ai beaucoup appris grâce à toi et ai même acheté une de tes formations.
Penses-tu faire le même tuto avec Typescript ? Typescript devenant très demandé dans les offres et sincèrement ton format et ta pédagogie sont assez singulières et je ne retrouve pas la même qualité partout. Merci encore 🙏🏽
Magnifique , tout marche cool
Bonjour merci pour la vidéo, cependant j'ai des soucis avec l'affichage de la vue, si vous pouvez m'aider .
Le boss
bonjour, je suis en train de faire ce tuto avec vue 3 et vue cli . j'en suis quau debut ms c instructif. Je viens de finir le css de depart sous vue 3 . j'en profite pour porter le css du tuto par composant
Hello ! Déjà merci beaucoup pour cette video ! =) J'ai une question à te poser. Quand j'arrive à l'étape du v-for sur products (33:20), de mon côté j'ai une erreur sur product.description. Je suis obligé d'ajouter un objet data à mon instance de Vue pour que celà fonctionne. Sinon j'ai : Property or method "product" is not defined on the instance but referenced during render. Ce qui est surprenant c'est que si dans le v-for je mets juste les images, ça fonctionne. Pourrais-tu m'expliquer ce comportement ? Est-ce dû à l'évolution du framework.Pourtant quand je lance le projet fini sur ton repo, ça fonctionne et je vois que tu n'as pas besoin d'initialiser "product" dans ton instance de Vue. Je n'arrive pas à comprend ou est la différence. Merci beaucoup.
Bon j'ai trouvé ma bêtise: j'avais mis mon script x-template dans mon instance. Voilà voilà je devais donc l'initialiser.
🍀 Si tu veux devenir Développeur Front-end, c’est ici => fromscratch.podia.com/
Super vidéo !! Peut-on en avoir une sur comment t'as créé l'interface avant d'intégrer Vue(Partie surtout CSS)
Impossible de mettre la function getLikeCookie dans les computed il m'affiche une erreur : "unexpected side effect in computed property".
Merci
Quand tu fait un projet de A a Z es ce que tu monte le projet au complet pour que tout sois fonctionnel et après tu fait le css ou pour chaque élément tu fais le css et ensuite tu passe a un autre élément??
1:30 ...mais pour moi ça veut dire beaucoooooooooup 🎶
😅
Ca m'a plu, tu as gagné un abonné ;), à quand la version CLI?
Il est bien cool ce projet, je vais essayer de faire en sorte de faire apparaitre la liste des favoris sur la page wishlist, le panier dans shopping cart. Et pour user setting j'ai pas encore d'idée. On peut espérer une partie backend, pour faire de ce shop un vraie shop en ligne ?
Bonjour merci pour ce cours très clair et simple à comprendre. J'ai toutefois un soucis avec la search bar. Elle fonctionne niquel MAIS dès que je recharge la page j'ai l'erreur suivante: this.products.filter is not a function et du coupplus rien ne marche vue que je suis sur VueJs. Quelqu'un aurai une solution a ce probleme svp ?
Au top !! J'adore tes videos ! Avec toi tout parait simple :) Dis tu serais chaud pour faire péter un bon gros tuto sur Angular et typescript ?
C'est fini Angular ^^
salut, encore merci scratch ,
j'ai juste une question: j'ai appris qu'avec les fonctions fléchées on perdait le contexte de scope. comment donc avec ce tuto , même avec les fonctions flechées, on arrive toujours à pointer vers l'objet avec le fameux #this... peut être que c'est bien moi qui ai mal compris le fonctionnement.
Salut Francis, je t'avoue que tu me poses un colle, si quelqu'un a plus d'infos je suis preneur ^^
Super vidéos et explications dans la bonne humeur une bonne façon de transmettre la connaissance ; ) donc félicitations a toi From Scratch pour tes vidéos :), part contre petit problème de mon côté.. Sur vue v3 le this.$delete n'est plus d'actu, j'ai essayer plusieurs façon mais je bloque pour le cartRemoveItem..
à tu trouver la solution ?
@@jeantoscanelli4188 Non j'ai mis en stand bye et je n'ai pas repris le projet depuis..
Pour la V3 de vue.js je te conseil de faire un splice(), va dans ton "cartRemoveItem" et place y "this.cart.splice(id,1)" a la place du "this$delete(this.cart, id)" de la vidéo. Dit moi si ça marche :)
Hello !
à 50m13s , ça ne serait pas plus optimiser de mettre un v-else en suivant du v-if ?
{{filteredList.length}} résultats
{{filteredList.length}} résultat
En tout cas super Vidéo et pourquoi pas la prochaine en utilisant Nuxt Js :D
bonjour , super video ! cependant je n'ai aucun cookie qui s'affche lors de leur initialisation , pourriez vous m'eclairer s'il vous plait?
egalement des soucis au niveau du sass mais ça a la limite c'est corrigeable facilement
Salut,
Merci pour le tuto ! :)
Par contre tu peux peut-etre m'aider, je n'ai aucune autocomplétion JS dans mes fichiers javascript. J'utilise aussi VS Code et par exemple, dans vue.js, le "toLowerCase" ne m'est pas proposé..as-tu une idée ?
Salut Théo, dans les plugins essaye ça JavaScript (ES6) code snippets ;)
Bonjour,
je n'arrive pas démarré application avec npm run serve j'ai essayé de modifier le package.json mais ca marche pas :/, ton aide stp !
Salut AbdelMaker, tu n'as pas besoin de NPM pour lancer l'appli, si tu es sur VS Code lance juste Live server ou sinon ouvre l'index.html dans une page web classique ;)
Hello, je commence juste ton tuto, comment lance tu le projet dans ton navigateur ?
Bonjour;
j'ai suivi ton tutoriel à la lettre et lors du test du routé je n'ai évidement par les componants (h1) que nous avons créés juste avant... Pourquoi ? Je lance le site depuis l'index.html mais je pense qu'il faut peut-être un serveur local... Si oui comment je peux faire s'il te plaît ?
Bonne vidéo !
Edit je suis un gros bouffon j'avais pas ouverte ma balise div du #app.. voila voila 0:)
Sois pas si dur avec toi même on passe tous par là ^^
Top !
de la bombe merci bcp !! c'est quand le prochain projet avec vue ?
Bientôt (peut être ^^ )
Super vidéo c'est grâce à celle la que je t'ai dévouvert et est ce que tu pourras faire un tp un peux dans le même style mais avec un system d'ajout de montre par exemple avec un from etc
Hey ! J'ai pas trouvé de commentaire similaire alors je demande au cas ou mais comment as tu lancé le sass ? Tu parles à 6:32 de "npm run sass" mais chez moi ce n'est pas reconnu malgré un "npm i" et ça plombe l'aspect globale du site bien que tout le reste fonctionne parfaitement.
Merci en tout cas pour tout ce que tu fais, le projet est super clean et tout parait tellement simple ^^
Bonjour, est ce que tu as trouvé une solution ? Merci
@@arnaudlyard3480 Hey désolé mais non malheureusement j'ai pas de solution..j'ai recommencé un projet a 0 pour m'entraîner
@@alexandrebrtl9155 Essaie de faire npm -g install sass avant de faire npm run sass
Merci pour ta réponse, j'ai essayé justement d'installer sass au projet avec npm mais rien à faire..
La navbar semble etre ok, mais le reste ne veut rien savoir..le plus bizzare c'est que quand je rajoute du style dans le sass il est bien pris en compte..enfin bref meme si c'est dommage c'est que du style ;) le reste est parfaitement fonctionnel
Salut mon Dev! J'aimerais entrer en contact direct avec vous, comment je peux faire ça svp ?
Je réponds assez vite ici : fromscratch.podia.com/
YOOOOOW J'adore ton tuto mais je suis bloqué, je ne comprends pas pourquoi quand j' essaie de le refaire, j'ai une erreur de view routeur qui est undefined.
Pourtant j'ai tout comme toi !!!
PLEASE HELP !!!!
MERCIIIIIIIIIIIIIIIIIIIIIIII
Yoooow c'est bon j'ai trouvé x) Merciiiiiii
De rien ! YOWW
@ Continue en tout cas c'est top ce que tu fais je kiffe !!!!!
Salut
Est ce que tu prévois d'autres tutos Vue.js ?
Merci
Salut, non pas pour le moment
cool is very good.Thx
Pour moi ça ne marche pas, Home n'apparait pas sur ma page.
Pourquoi ne pas avoir utilisé vue cli ?
Bonjour est ce que ce tuto est toujours valable pour Vue JS 3 ?
Bonjour, non pas pour le moment ;)
@ Bonjour, l'affichage Home et user-settings ne fonctionne plus( 19:19 ) , il y a moyen de contourner le soucis ou comment faire pour que cela fonctionne.
Sinon merci beaucoup pour la video.
Peux-tu creer ce projet en React ? Merci :)
Comment tu fait pour accéder a ton site avec 127.0.0.1 ?
serait-il possible de nous faire un bon projet complet avec angular ?
merci d'ailleur pour cette magnifique video et celle de react avec le projet vitrine
Bonjour From Scratch,
un grand merci pour ton travail! Je me suis éclatée à découvrir toute les possibilités de Vue pendant ton tuto et même bien après.
J'ai juste rencontré un problème pour Vue cookie, qui ne fonctionne pas pour moi.
J' ai essayé la version 1.7.3, soit celle de ce jour et la tienne : 1.5.12, j'ai paramétré l'autorisation de tous les cookies sur mes navigateurs, j'ai testé ta version terminée, mais cela ne marche pas, ma liste de cookies reste vide.
Le problème vient obligatoirement de mon coté et si quelqu'un aurait rencontré la même chose, en ayant réussi à le résoudre, je suis preneuse!
Bonne journée, et encore merci!
Salut Mylène et merci pour ton commentaire :) Concernant les cookies il doit y avoir des réglages particuliers sur ton navigateur je pense, essaie avec un autre navigateur pour vérifier.
bonjour,
merci pour votre video, j'ai pas encore tout vu, mais je me la garde de coté quand je bosserai vraiment vue.js.
par contre, je sais pas pour vue js, si on peut vraiment avoir les bases en 30 minutes...à mon avis non...bertrand, il censure pour pas grand chose : j'ai juste dit que ces videos sont trompeuses car il parle d'avoir les bases d'un logiciel dans une video de 20 ou 30 minutes, c'est trompeur et dangereux et hop, il m'a dégagé...en censure silencieuse...dictature chinoise quand tu nous tiens...avoir les bases d'un soft adobe ou programmation en 30 minutes, c'est tellement faux...mais ça fait vendre du clic...
en fait, dire qu'avec ca video sur un sujet donné, on a les bases, c'est soit qu'il est menteur , soit qu'il ne connait pas le sujet...et c'est fort possible car on peut pas aborder autant de concepts / de spécialités et bien les connaitres pour savoir ce que sont les bases ou non....
Super vidéo, la classe!
Merci 😁