Built Complete Vue 3/Vuex application in 3 hours

Поділитися
Вставка
  • Опубліковано 23 жов 2024

КОМЕНТАРІ • 124

  • @paulm.7967
    @paulm.7967 Рік тому +15

    Finally got through the entire video. A pretty killer primer to Vue3 as someone who's been working with Vue2 for a while. Great for beginners and intermediate devs alike. Well done!

  • @SerhiiLytvynov
    @SerhiiLytvynov Рік тому +4

    Went through the whole video. I really like your teaching style. I enjoy seeing the full process with issues and workflow.

  • @Skaxarrat
    @Skaxarrat Рік тому +6

    Thanks for this video. I have learnt loads in less than 3 hours. And you sold me Tailwind CSS too.

  • @marroos5440
    @marroos5440 4 місяці тому +1

    I have experience with React and NextJs and i am thinking of learning Vue and Nuxt. Your video is 3rd video tutorial i am checking, but first with state management system. I have replaced vuex with pinia tho as it is considered standard now. Frankly speaking Vue does not seem that difficult, most likely because i know React and i see a lot of similarities. I'll just have to get used to syntax. Thank you for this video, it has router, state management system, data fetch and use many important concepts of Vue. It is a great starting point. :-)

  • @cindy_codes1436
    @cindy_codes1436 Рік тому +2

    Very explanatory and effortlessly fun to watch. I love that you've used the Composition API and Vuex too. Exactly what I was looking for!
    Weldone and thanks for attaching the source code as well.

  • @SagarKumar-dp2ek
    @SagarKumar-dp2ek 11 місяців тому +1

    Thank you so much for your efforts. Here is also 2:28 mid night I am learning from you. Your way of teaching is very impressive. Thanks again

  • @legendcmbk707
    @legendcmbk707 2 місяці тому +1

    I am new to this channel but the information in your videos is very interesting and informative thank you very much

  • @robdorn420
    @robdorn420 2 роки тому +5

    Thank you for another great series. It seems to be relatively easy to switch from VUEX to PINIA. Pinia seems to be more main stream nowadays. Maybe you could make your last lesson a conversion lesson.

    • @TheCodeholic
      @TheCodeholic  2 роки тому +2

      Not a bad idea actually. But I think video will be interesting if the project is large enough.

  • @davitpurceladze4066
    @davitpurceladze4066 Рік тому +1

    thank you, I repeated this project, after I finish it by default started your next video, and when you said "Hello everyone my name is Zura" I thought wait a second, I searched your profile and saw you were from Georgia, 2 დღე ვუყურებდი შენს ვიდეოს და მერე აღმოვაჩინე რო ქართველი ხარ :დდ, წარმატებები ამ კარგ საქმეში

    • @TheCodeholic
      @TheCodeholic  Рік тому

      Thanks Davit.
      მადლობა დავით

  • @xitan4194
    @xitan4194 Рік тому

    看到一小时过来评论,非常棒的视频教程!Love from China!

    • @TheCodeholic
      @TheCodeholic  Рік тому

      Thank you. I appreciate it.
      BTW I love Jackie Chan. 😂

  • @arrazkaharwin7468
    @arrazkaharwin7468 Рік тому

    I really love the way you explain, it's like seeing you in person unlike other youtuber videos which are just recordings, I learned a lot from your way of coding and debugging, hope there will be videos for pinia.

    • @arrazkaharwin7468
      @arrazkaharwin7468 Рік тому

      and again, about shortcut "ctrl-p" and "alt-click" its really improve me who just learn about coding by video. i know its simple for intermediate level but for me its really helpful. I hope good things are always with you😁

    • @TheCodeholic
      @TheCodeholic  Рік тому

      Thanks my friend

  • @nope1450
    @nope1450 3 місяці тому

    It is really still working . Thank you so much.

  • @kokoaung2914
    @kokoaung2914 2 роки тому +3

    Hello man, I really appreciate your lectures. But, I have a question. Should I try vue or react to be a laravel developer?

    • @TheCodeholic
      @TheCodeholic  2 роки тому +6

      Both will be OK, but Vue is more close to Laravel ecosystem. I would probably say Vue.

  • @kooyaw4445
    @kooyaw4445 10 місяців тому +1

    Excited, about to begin

  • @myhanhnguyen5198
    @myhanhnguyen5198 7 місяців тому

    thanks for this video. This is exactly what I have been looking for cos the tech stack includes vuejs with composition API, vuex, tailwindcss. Could you create more videos like this, for example clone netflix or banking app?

  • @jose-kb1dg
    @jose-kb1dg Рік тому

    Great tutorial for beginners. Just one question. What if i want recipes in other languages, where do i find that information?. thank you.

  • @quoclegends6350
    @quoclegends6350 2 роки тому

    I hope u build video talk about compare Symfony & Laravel in 2022.
    Can u tell me should learn Symfony in 2022?

  • @badfox7706
    @badfox7706 Рік тому +1

    "Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'params')" when i use Route. what could it be?

  • @MasudXaltaca
    @MasudXaltaca 10 місяців тому +1

    Hello thank you very much😊 but how can I find figma file of this project😮

  • @mukeshkhan4684
    @mukeshkhan4684 8 місяців тому

    👏👏👏 Tq brother, I learned lot of things from this project. Well done

  • @dmna3722
    @dmna3722 Рік тому

    Hello, is there any instructions on deployment or which sites work best for deploying a vue project?

  • @frederik_hd
    @frederik_hd 8 місяців тому

    Thank you for this tutorial - respect that you were able to do something so great with this crappy API

  • @tamirhalperin2404
    @tamirhalperin2404 Рік тому

    Fantastic work! Great video! Could you make a vue video using Pinia and Nuxt?

  • @Zabihullah_Danish
    @Zabihullah_Danish 2 роки тому +2

    Thanks from your really hard work.

  • @mohammad_zrar
    @mohammad_zrar Рік тому

    Just 6 at 10, good job thank you.

  • @احمدفلسطيني-ه6ث

    the best thing you share the problem with us thank you that mean alot

  • @isabellal1252
    @isabellal1252 2 роки тому +1

    Is it _recipe_ or _receipt_? Just checking since I always confuse those two myself. To make food, use recipe, when buying food, get receipt from seller as confirmation of a transaction. Greetings from Finland!

    • @TheCodeholic
      @TheCodeholic  2 роки тому +1

      I get confused as well. I think it is recipe. Thanks for noting. I will update the thumbnail.

  • @TheFirstlovely
    @TheFirstlovely 2 місяці тому

    Thank you, it's really helpful :)

  • @КаржаубайМендияр

    warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. HOW FIX THAT ERROR

  • @dansurlaru
    @dansurlaru 6 місяців тому

    Please show more your works.

  • @小鹏-w9s
    @小鹏-w9s Рік тому

    Great video for deatiled instruction. Thank you!

  • @RominaGiselle-s8y
    @RominaGiselle-s8y Рік тому

    This was great! Thanks a lot for the time in making this video. I have a question, whenever I try to see the homepage from mobile, for random meals I get the same meal, does anyone know how to fix that? thanks in advance,

  • @veganstraightedgemiensk
    @veganstraightedgemiensk Рік тому

    hey man! warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. HOW FIX THAT ERROR

  • @dmitruz1900
    @dmitruz1900 Рік тому +1

    Hello. Thenk You for this good project. I did like You but I have axios error 404 not found. I dont know why it is not working. I have url like you tuped it.

    • @TheCodeholic
      @TheCodeholic  Рік тому

      Can you have a look at network on which URL the request is made?

    • @dmitruz1900
      @dmitruz1900 Рік тому

      @@TheCodeholic Hello. I have already find. BASE_URL does not work. I put real url like ...... And it is works

  • @anilmanda670
    @anilmanda670 Рік тому

    At starting i have installed npm init vue@latest But i am getting error..how could it be solved...

  • @ryuga4425
    @ryuga4425 Рік тому +1

    Thank you for the tutorial

  • @jordanrichards-ke1zj
    @jordanrichards-ke1zj 6 місяців тому

    vue router is not working like yours i used the version 4
    can u help?

  • @alessandropedroso3335
    @alessandropedroso3335 4 місяці тому

    Do you have any paid courses on Vue JS?

  • @josevicente3942
    @josevicente3942 7 місяців тому +2

    the video and explanation are GREAT!! BUT i shouldn last 3 hours, you spend much time worrying about the design

  • @armankaztore3658
    @armankaztore3658 2 роки тому

    Thank you. Looking forward to

  • @khouloudhaddadamamou2996
    @khouloudhaddadamamou2996 Рік тому

    Thank you for the interesting content you are sharing with us. You helped me enhance my coding skills and focus on code refactoring. 💡💡💡

  • @robert_2866
    @robert_2866 2 роки тому

    I hit a problem around 19:27, this part as we store the value meals : "salmon" into state. It stored into default object in state, it took me awhile to search it. Any solution to make it like yours calling directly from store.state.meals instead of store.state.default.meals . can you help provide insight for me thanks.

    • @TheCodeholic
      @TheCodeholic  2 роки тому

      How do you export state. Do you export it with "export default {}". And how do you import in store/index.js? Do you import with "import state from './state.js'".
      I think you should check these parts.

  • @nirmalmaharjan1748
    @nirmalmaharjan1748 Рік тому +1

    Thank you

  • @lettrenumerique
    @lettrenumerique Рік тому +1

    thank you for this video

  • @sinitquenapach5497
    @sinitquenapach5497 2 роки тому

    What advice you give those who is confused what best to learn react or vue

    • @TheCodeholic
      @TheCodeholic  2 роки тому +3

      Spend 1 week on Vue. What crash courses and build small projects. Than switch to React and spend one week there. Do the same thing. After two weeks you will feel which one you like more and continue learning that.

  • @shimakara
    @shimakara Рік тому

    That was fundamental,but it is suit me,Thank you!😊😊

  • @SultanovAsrorbek
    @SultanovAsrorbek Рік тому +1

    Hello thanks for the lesson but you missed pagination :)

  • @m62149
    @m62149 Рік тому

    how to make menu link navbar from table database in vue js?

  • @Ролтун
    @Ролтун 2 роки тому

    It seems I have to go through this course.

    • @TheCodeholic
      @TheCodeholic  2 роки тому +1

      If you want to improve your vue.js skills. I think you won't regret.

    • @Ролтун
      @Ролтун 2 роки тому

      @@TheCodeholic Yes I mean I watch another video at the time about js )

  • @SimPwear84
    @SimPwear84 Рік тому

    Awesome video, thanks so much

  • @willynilly4166
    @willynilly4166 2 роки тому +2

    Nice to be here

  • @claine7917
    @claine7917 Рік тому

    9:07 i can't make the h1 become blue
    did i miss something?

  • @ILevizzz
    @ILevizzz 8 місяців тому

    whats your vs code theme name?

  • @maxfrischdev
    @maxfrischdev 2 роки тому +1

    EXCITED! 😍😎🤘🏻

  • @ryuga4425
    @ryuga4425 Рік тому

    Hello,
    Can I know what extensions are used during this project?

    • @TheCodeholic
      @TheCodeholic  Рік тому +1

      Do you mean Vue.js extensions of VScode extensions.
      All Vue.js extensions/packages are shown in the video and you can find them in package.json as well.

    • @ryuga4425
      @ryuga4425 Рік тому

      @@TheCodeholic Thank you

    • @ryuga4425
      @ryuga4425 Рік тому

      is it possible you can name the vscode extensions .. I can't find it in the video or package.json though

  • @ЮрійБорис-к9ц
    @ЮрійБорис-к9ц Рік тому

    Easy peasy but interesting )

  • @codedjango
    @codedjango 2 роки тому +1

    Why not use Pinia instead of VueX? Thanks a lot anyways for this tutorial...it should be awesome :)

    • @TheCodeholic
      @TheCodeholic  2 роки тому +2

      Didn't have a chance to try Pinia yet. I will try and use it for my next project.

    • @codedjango
      @codedjango 2 роки тому

      Sure thanks...Waiting for this tutorial :)

  • @shivamsahi8160
    @shivamsahi8160 Рік тому

    please use pinia insted of vuex

  • @numanakhtersiddiqui6573
    @numanakhtersiddiqui6573 2 роки тому

    can a beginner learn about fundamentals of vue through this tutorial?

  • @rusirunethmina6241
    @rusirunethmina6241 Рік тому +1

    Good and Superb

  • @wind2dancer
    @wind2dancer 2 роки тому

    Converting js into ts with Vuex is really complex.

  • @rimantasdanilevicius6754
    @rimantasdanilevicius6754 2 роки тому

    Thank you! You make sometimes really great content. :) I willing to follow and even pay for your knowledge but I really missing confirmation - that code is good, written following good practice, and code can be used in production, sometimes content not friendly for beginners and really need to have string basics. .And consistency - I would like to learn how to build website, have clean normal URL, maintain website from File filezilla and have domain. I really missing such basic topic from A to Z in one channel :(
    Anyways, thank you for sharing and doing such IT content. It is really gold during IT technology age :)

  • @aibattozhybaev2511
    @aibattozhybaev2511 Рік тому

    thanks fo tutor

  • @andrewc3942
    @andrewc3942 Рік тому +1

    I do not advise you to waste time on this video tutorial, the author often swims. If you want to make sure of this, then please: 1:51:00

  • @gessegoncalves6493
    @gessegoncalves6493 Місяць тому

    Greate

  • @ProgramingLife
    @ProgramingLife Рік тому

    Hey hai bro. The meals api is not working. how to access the api. I am using another api in that case but it's working. The meal api is not working please provide the APIs. It helps me with my basic improvements but the entire video is helpful for so many people.

  • @gofuroov
    @gofuroov 2 роки тому +1

    Let's learn Nuxt ))

  • @ziadmohad6803
    @ziadmohad6803 Рік тому

    why you dont handele tthe errors

  • @isSatoshiReal
    @isSatoshiReal 10 місяців тому

    35 min setup for SPA making me thinking to stop learning VUE and go back to Next.js .

    • @TheCodeholic
      @TheCodeholic  10 місяців тому

      If next.js comes with preinstalled router and preconfigured routes, tailwindcss, vuex and axios then it will save your time at initial setup.

  • @WorldRankMoba
    @WorldRankMoba Рік тому

    Nice one

  • @konami2839
    @konami2839 2 роки тому

    მაგარიხარ ჯიმა

  • @MrDreamcome
    @MrDreamcome 28 днів тому

    thank you for tutorial but explanation is very confused and complicated

    • @TheCodeholic
      @TheCodeholic  28 днів тому

      Thank you for the feedback. If you give me more details I will try to consider.
      Time range or any other details why it was confusing, I will try to conaider.

  • @GeorgeGeorge-xm9qq
    @GeorgeGeorge-xm9qq 8 місяців тому

    ქართველი ხარ ხო?

    • @TheCodeholic
      @TheCodeholic  8 місяців тому

      კი

    • @GeorgeGeorge-xm9qq
      @GeorgeGeorge-xm9qq 8 місяців тому

      @@TheCodeholicგიცანი PHP კურსი რო გიდევს მანდედან გიცნობ მაგრად გამისწროდა ქართველი რო ამხელაზეა პოპულალური ამერიკულ ბაზარზე

  • @S.A.B.A18
    @S.A.B.A18 Рік тому

    ქართველი ხარ?

    • @TheCodeholic
      @TheCodeholic  Рік тому

      კი

    • @S.A.B.A18
      @S.A.B.A18 Рік тому

      @@TheCodeholic გამიხარდა ძმაო წარმატებები✌️

  • @yuujii682
    @yuujii682 Рік тому

    27:27

  • @andrewc3942
    @andrewc3942 Рік тому +1

    where are the explanations? The usual voice acting != tutorial videos, more like Live Coding

    • @neneodonkor
      @neneodonkor 8 місяців тому

      😂 Are you for real? Perhaps you watched a different video.

  • @quyhoclaptrinh-sv9od
    @quyhoclaptrinh-sv9od 3 місяці тому

    40:26

  • @marcoss4563
    @marcoss4563 Рік тому

    thanks for the awesome video!! for ua-cam.com/video/cfiN8lCA3RM/v-deo.html I will suggest to use higher order functions, something like this filter((key) => key.includes('srtIngredient')) for the ingredients : ) and use an OL instead of UL for rendering the list.

  • @MartinTimi-vz9uz
    @MartinTimi-vz9uz 7 місяців тому +1

    u dont explain what u doing

    • @afifnusada4712
      @afifnusada4712 6 місяців тому +1

      cmon!!! Atleast he uploaded the video, don’t ask too much🤦, you don’t pay for it, you could watch this free, so it’s really annoying if you say that!! Atleast try to thank him.

  • @djangodev
    @djangodev Рік тому

    not meal of meals instead of using 'of' in loo[ try use 'in': v-for="meal in meals" it is easy way

  • @andrewcbuensalida
    @andrewcbuensalida Рік тому +2

    your style is very buggy

  • @Gandobilis
    @Gandobilis Рік тому

    ❤️🥹😎

  • @СергейБобков-б7э
    @СергейБобков-б7э 2 роки тому

    thank you