Vue 3 & Composition API - Full Project

Поделиться
HTML-код
  • Опубликовано: 22 ноя 2024

Комментарии • 208

  • @STR2060
    @STR2060 8 месяцев назад +3

    Your explanation of these Vue's basic concepts is just so straightforward. Unlike some guys who will spend 100,000 years to describe it's features whatever before show me the practical usage.

  • @routerleet9981
    @routerleet9981 16 дней назад

    This is my first project. I tried Udemy's boot camps but the way they taught me the fundamentals without implementing them somewhere for visual understanding. It wouldn't stick, then I came across this video and decided to give it a try.
    I literally learned how to make functions, arrays, etc. When I would mess something up, the app would tell me through the localhost, and I would backtrack step-by-step with the video only to find that I would miss a comma on a function or place an array in the wrong area.
    Thanks, I recommend this to anyone who is just starting and wants to learn!

  • @Zetlify_Official
    @Zetlify_Official Год назад +72

    In the world of popularity, I decided to stick with VueJS , Thank you so much Mr. Brad for another inspirational video.

    • @wovasteengova
      @wovasteengova 11 месяцев назад +3

      ya me too. I am going to stick with them.

    • @shawnshaw9859
      @shawnshaw9859 7 месяцев назад

      @@wovasteengova me too, the only true community based frontend framework while react lost it way and svelte got bought up

    • @estebanh6114
      @estebanh6114 5 месяцев назад

      @@shawnshaw9859 wait, svelte got bought? :0 by who?

    • @realgecko
      @realgecko 2 месяца назад

      two years ago I had a choice: Vue or React. I made a mistake by choosing latter, trying to fix it now :)

  • @MuratcanBerber
    @MuratcanBerber 11 месяцев назад +19

    I watched maybe a dozen different Vue 3 Composition API tutorials, and this is the one that made me really understand these concepts. Props, emits, life cycle functions... it's more than just a crash course. As always, Brad, you made my day and really showed how good your tutorials are. Your ability to teach is exceptional. The world is a better place because of you. Thank you for the video. I hope you will continue to enjoy creating content to make software really fun and understandable. Thank you again.

    • @Aeric80
      @Aeric80 11 месяцев назад

      I strongly agree with you. Brad explains the concepts and practical in a very straight forward and concise way where I find other videos are long winded and confusing.

  • @namaefumei
    @namaefumei Год назад +25

    My god I love Vue. I had to use react for a company project for a year and every second I thought there is an easier way in Vue

    • @caaltz
      @caaltz 10 месяцев назад +5

      I tried to learn react 4 times, every time I get bored to death and feel no joy at all, I use at my work sometimes to adjust some projects from the guys that leave, my boss just decided to use Vue with our Laravel projects and I'm really happy about it!

  • @cecitorresmx
    @cecitorresmx Год назад +11

    Thank you Brad, thanks to you I got my first job as frontend developer 5 years ago, Your course for Vue.js helped me a lot with the interview and my first months there. Now I'm looking for a new position and I was looking for some recap in Vue 3 for my next job interviews and I found your video! I'm sure I'm going to repeat the same good luck :)

  • @mariusvranceanu8595
    @mariusvranceanu8595 Год назад +7

    I finished your JS from scratch course a few weeks ago and started doing projects, got the hang of it and tried React . Wasn't my cup of tea, especially having used SvelteKit a bit, but Vue, I like their background story a lot and I picked it up yesterday and It just happened that you uploaded a Vue 3 video. Awesome! Thank you!

  • @mouradeljayi584
    @mouradeljayi584 Год назад +49

    Glad you are still uploading Vue JS content.. Thank's Brad !

    • @TraversyMedia
      @TraversyMedia  Год назад +37

      No problem. Thanks for watching! I will be doing a Vue course at some point next year. Which also means more Vue RUclips content as well.

    • @rajeshbudhathoki7888
      @rajeshbudhathoki7888 Год назад +1

      WOW! 🤩@@TraversyMedia

    • @mahmoodbina2193
      @mahmoodbina2193 Год назад +1

      @@TraversyMedia pleaseeeee do it !!!! Even in your website , we will buy and support

  • @muniappanmurugavelu5795
    @muniappanmurugavelu5795 5 месяцев назад

    Thank you Brad for all your Videos, I was a Java Backend developer earlier and your Angular and Js videos helped me to become as a full stack Developer. Whenever i finished watching your videos. I always felt confident that , i can do something with the topics i learned and implemented it .
    Your concepts explanations are Crisp and clear.
    I wish you , have a good health and all the best...

  • @prasannabakare0456
    @prasannabakare0456 Год назад +65

    Vue JS soo easy to implement especially in composition API. I prefer it more over react.

    • @TraversyMedia
      @TraversyMedia  Год назад +13

      It really is super straightforward. I love React, but there are a lot of quirks to get used to.

    • @neneodonkor
      @neneodonkor 9 месяцев назад

      Me too. 👍🏾👍🏾👍🏾

    • @realgecko
      @realgecko 2 месяца назад +1

      yeah, that’s the reason I’m switching to Vue from React now

  • @xbmcme9768
    @xbmcme9768 9 месяцев назад +1

    I've been watching your videos for a while now. It was your videos that got me started on programming. 5 years laters, you're still cranking out banger content. Thanks!

  • @MacKoslowski
    @MacKoslowski Год назад +1

    Chose Vue for work projects and haven't regretted it. Give it a shot!

    • @neneodonkor
      @neneodonkor 9 месяцев назад

      I presume you work as a freelancer.

  • @Frank-Lee-Speeking
    @Frank-Lee-Speeking 10 месяцев назад +1

    Excellent course, Brad! I just completed a Vue basics course on another channel and was going to start writing my own code right away but decided a little more practice would help, as would hearing things explained by a different person. I'm glad I went that way! I now understand several things better. As a huge bonus, you finally cleared up the difference between the options API, the composition API and the composition API with the tag, which had REALLY been confusing me in various examples I had been examining. That alone is going to make my future coding projects easier! I've done several of your courses now and they are consistently excellent so thank you VERY MUCH for doing what you do so well!

  • @febryanakhdani4244
    @febryanakhdani4244 11 месяцев назад +1

    just trying this vue tutorial 3 days ago and finally I can understand about the props and emits concept. such a great and amazing video. I hope you can continue the tutorial of vue 3. thanks you so much

  • @stephenng4036
    @stephenng4036 8 месяцев назад +2

    I have no choice but give a big like to this wonderful tutorial.

  • @sogbeydaniel8074
    @sogbeydaniel8074 Год назад +6

    ❤. Just started learning Vue about a week ago

    • @Ghostfancoder
      @Ghostfancoder Год назад

      How’s your learning going so far?

    • @sandeshshrangare
      @sandeshshrangare Год назад

      I'm also learning vue js .. is it worth it. Cus. Of im scare about all these things

  • @SuleVue
    @SuleVue Месяц назад

    my favorite RUclips Channel "Traversy Media", Thanks Brad for making my journey ease.

  • @asadmalik5075
    @asadmalik5075 Год назад +1

    Wow so much straight forward since I am a React Developer I am impressed how the Vue works

  • @elenacoman33
    @elenacoman33 6 месяцев назад

    Great tutorial, I really enjoy it.
    Just in case it's helpful to anyone, you can enable decimals with input of number types, by adding step attribute. For instance:
    Thank you very much for the tutorial! 🌞

    • @zlotnytskiy
      @zlotnytskiy 6 месяцев назад +1

      also add number modifier, v-model.number="amount", otherwise, the v-model will return a string

  • @NhutHuynhQuang
    @NhutHuynhQuang Месяц назад

    Your videos about VueJS tutorial videos are helpful for the beginners like me. Thank you!

  • @beakdan
    @beakdan Год назад

    Thank you! I started to learn vue recently after more than 15 years of not working with web technologies and was confused about a lot of things. I followed religiously the instructions of your other vue video but I was still confused and learning the "setup" style. This video answered my questions, now I clearly understand the purpose. Again, thank you!

  • @SamuelCoupland
    @SamuelCoupland 9 месяцев назад

    Thank you for this! Really helpful for a crash course before an interview where they use Vue. Coming from React it was just a perfect overview, and plenty of times I went off to the docs and learnt something new about Vue. Thank you again Brad!

  • @_moxy9905
    @_moxy9905 Год назад +9

    Yeaaaaaaaa, best framework ever 🎉🎉🎉

  • @Cire-my6ur
    @Cire-my6ur 7 месяцев назад

    You have always been really good at explaining how things work. Just explaining simply, how the il hover and transition works was extremely helpful. I hate css; always confuses me.
    Good video and perfect for someone that wants to get a better idea of how Vue works if you’re trying to incorporate it into your project.

  • @Patrick-jn9je
    @Patrick-jn9je Год назад

    Your tutorials are really easy to digest. That 1 hour just passed by so quickly.

  • @cheesypizzajokes
    @cheesypizzajokes Год назад

    Coincidental that I decided to learn Vuejs properly today with your 2021 Vue js crash course, got to where you said you werent covering composition api, googled to see if you ended up making that separate vid, and whaddya know, published "3 days ago"
    Thanks as always, Brad

  • @junior.santana
    @junior.santana Год назад +4

    Great tutorial!
    I'm new to Vue and even though I had already seen all the stuff you showed, it was really good to understand better the composition API.
    Also, it's always good to see tutorials with a nice UI and covering all functionalities like that

  • @realgecko
    @realgecko 2 месяца назад

    Great tutorial, as I’m new to Vue I was not aware of emits, now I am, and they’ re exactly what I need!

  • @allprowebdesigns917
    @allprowebdesigns917 7 месяцев назад

    Good to see you back with a Vue JS tutorial and the composition API for Vue's reactivity components.

  • @JuanPalominoMusic
    @JuanPalominoMusic 7 месяцев назад

    Thanks for this tutorial, helped me transitioning from Vue 2 to Vue 3.

  • @kingvas7638
    @kingvas7638 Год назад +2

    Best frontend framework!! Vue❤

  • @iUmerFarooq
    @iUmerFarooq Год назад +6

    Love to see Vue content on your channel.
    Want to se Nuxt 3 also. Make some fullstack projects in Nuxt 3.
    Thank you ;)

  • @addoconstant
    @addoconstant 10 месяцев назад

    Vue is the best js frontend framework. the implementation is seamless

  • @rafapioli75
    @rafapioli75 2 месяца назад

    Great! This is the perfect initial course to start with Vue! Thanks a lot!

  • @jsonkody
    @jsonkody 6 месяцев назад +2

    31:12 defineProps is macro available in script serup - no need for importing it :)
    awesome job with the tutorial :D

  • @TimePasser
    @TimePasser 3 месяца назад

    Thank you very much Mr. Brad for what you are doing. You summarized on this tut what i could have spent hours. many thanks

  • @GilAguilar
    @GilAguilar Год назад +4

    Nice I know this is going to be great!
    Once that music starts and your voice is heard.
    My laptop says , let’s do this 🤟💙💪🏽☕️

  • @matthewcorbett8637
    @matthewcorbett8637 Год назад

    Ive been building a passion project in Vue the last year! Cant wait to use this toast lib to add a little pazaz to my UI 😊 Thanks Brad!!

  • @mounir101
    @mounir101 Год назад +1

    Glad to see you again in this new Vuejs tut. Pretty awesome, and thanks so much Mr. Brad

  • @modris2980
    @modris2980 Год назад

    Thank you so much for creating this tutorial. A total beginner here and it's perfect.

  • @atlantisuds6625
    @atlantisuds6625 Год назад +1

    Thank you for your video. I'm new in Vue, and this tutorial taught me a lot of basics. I hope you can make better and better videos!

  • @kurshadqaya1684
    @kurshadqaya1684 Год назад +2

    Then only channel I just press like no matter I watch or not.

  • @user-su4rd3ml8b
    @user-su4rd3ml8b Год назад

    brad is like that awesome older brother figure we never had, love you man thanks a lot for all these years

  • @amidipu
    @amidipu 11 месяцев назад

    Great tutorial. specific and no boiler plate talks as always from you, like it 🙂

  • @rahmatullahbizhan7796
    @rahmatullahbizhan7796 Месяц назад

    "Your tutorial was incredibly helpful and wonderfully presented! Thank you for sharing such valuable knowledge in such a cool way."

  • @alques-dias
    @alques-dias 10 месяцев назад +1

    Awesome job, please make more content with Composition API

  • @wb2c0
    @wb2c0 Год назад

    hands down the best teacher

  • @towatch
    @towatch Год назад +4

    Vue3+composition api❤❤❤

  • @je-suis-alin
    @je-suis-alin 10 месяцев назад

    I'm here just to say "Hi!" to Brad! You are awesome, as always!

  • @derricknjoroge2494
    @derricknjoroge2494 Год назад +1

    Looking forward to learning here

  • @caaltz
    @caaltz 10 месяцев назад

    Thanks Brad, your content is excellent. Love your teaching style

  • @allenboniface8010
    @allenboniface8010 Год назад +1

    Watching from Tanzania

  • @glatocha
    @glatocha Год назад

    ha, love it, Exactly what my next APP will be. But on top of what you have I will have supabase behind the data and quasar to help out with workflow and UI components

  • @johnacsyen
    @johnacsyen 8 месяцев назад

    Great tutorial. Learning Vue for first time. @1:05:05, Coming from React, Vue seems easier

  • @Viralplace
    @Viralplace Год назад

    Wooow thanks Brad from Italy! I love vue, hope to see more video about that and vite + pinia

  • @maralnajafi
    @maralnajafi 5 месяцев назад

    Thank you so much for the tutorial. You always make our lives a lot easier!

  • @teckyify
    @teckyify Год назад +7

    I can remember using the compositional api 1 or 2 years ago without the script setup tag. However, besides the convenience of not having a components object it looks actually more unorganized than having the traditional structured default object.

    • @TraversyMedia
      @TraversyMedia  Год назад +10

      I can see your point. I was a big fan of the options API and was turned off from the whole setup() function. I do like the new syntax though. I'm a big fan of the more vanilla-like just create variables and functions and they just work. It's really just preference. I'm glad the options API is still an option though. No pun intended lol

  • @dalessandro9994
    @dalessandro9994 4 месяца назад +1

    gracias

  • @doyouknowthishacks
    @doyouknowthishacks Год назад

    You Explaination is awsome .... dear.... and also conent project is excellent.... keep it up dear

  • @jonl316
    @jonl316 Год назад +1

    Love this content. Vue is the way to go.

  • @paulthomas1052
    @paulthomas1052 Год назад

    Great demo as always - well paced and full of relevant real-word content. Thanks !

  • @UberDurable
    @UberDurable Год назад

    Excellent as always, much appreciated.

  • @gmabdullah-t8r
    @gmabdullah-t8r 6 месяцев назад

    Thanks Brad, once again great content!

  • @chandrachurmukherjeejucse5816
    @chandrachurmukherjeejucse5816 10 месяцев назад

    Goated Lecture fr.

  • @ionelgis
    @ionelgis Год назад

    Love Vue with composition api. It's also very similar to Svelte

  • @salmanahmedkhan3979
    @salmanahmedkhan3979 10 месяцев назад

    great video. now i can do the tasks of my job.

  • @jarabialex
    @jarabialex Год назад

    Awoohoo! Looking forward to coding along

  • @Overleb
    @Overleb 5 месяцев назад

    I bought your course but I did not find a full VUE 3 project with authentification. I would have loved to learn more and start on the right path. I know you had one with old vue.

  • @michaels.5001
    @michaels.5001 7 месяцев назад

    Absolutely great tutorial, mega well explained.

  • @IT_with_Glitch
    @IT_with_Glitch Год назад

    Brad loves from costa rica mate, hopefully one day i will appear on one of your videos.

  • @hasithadhananjaya2806
    @hasithadhananjaya2806 4 месяца назад

    Thanks sir. Another masterpiece ❤❤

  • @yugeyuge8008
    @yugeyuge8008 10 месяцев назад +1

    Thanks for the good tutorial.

  • @olalekanidowu7078
    @olalekanidowu7078 9 месяцев назад

    This is very great, thanks Brad

  • @omurolmez0
    @omurolmez0 Месяц назад

    Thank you for your nice lesson. It helped me a lot.

  • @gadgetkh9408
    @gadgetkh9408 Год назад +2

    Great content. Thank you! Can you please also create video of Vue3+ionic+capacitor?

  • @Frank-Lee-Speeking
    @Frank-Lee-Speeking 10 месяцев назад

    Just an idea, Brad, but I had an idea that might appeal to you: with the finished program from this video as a starting point, revise it to incorporate Pinia for all state management and local storage. I'm thinking of making that change in my own code....

  • @fvgoya
    @fvgoya Год назад

    Great content as always Brad. Will be also awesome see some videos about Nuxt. Thanks Brad!!

  • @kendouciabdelaliilyas
    @kendouciabdelaliilyas Год назад

    Thanks Brad. I hope some contents for Nuxt 3

  • @MojtabaGhanidel
    @MojtabaGhanidel 5 дней назад

    Brad, if you create a zero to hero course about VUE, I'd be the 1st person to purchase it.

  • @TomislavMiletic
    @TomislavMiletic Месяц назад

    This is awesome, thank you!

  • @AdnanAliDeol
    @AdnanAliDeol 5 месяцев назад

    Wonderful content.. Thanks' Brad !

  • @selviaantoine5701
    @selviaantoine5701 Год назад

    Thank you so much Brad.

  • @andresgarciaalves
    @andresgarciaalves Год назад

    Thank you Brad, awesome content 😊

  • @thomiiee
    @thomiiee Год назад

    Thank you Brad!

  • @mylesdavies9476
    @mylesdavies9476 Год назад +1

    ❤ Vue 😊

  • @greatssmartnetsystems
    @greatssmartnetsystems 7 месяцев назад

    Just on point. 🎉 thank you

  • @ilyasbenihia869
    @ilyasbenihia869 Год назад

    I love Vue and i love you content

  • @KuroManX
    @KuroManX 11 месяцев назад

    I like Vue 3, but Nuxt 3 is definitly my go

  • @munraitoo13
    @munraitoo13 8 месяцев назад

    Thank you for your knowledge!

  • @raksmey9780
    @raksmey9780 Год назад

    superb turtorial

  • @QueeeeenZ
    @QueeeeenZ Год назад +4

    Thanks Brad! Would you consider creating a Nuxt project tutorial too?

  • @m3-dev
    @m3-dev 8 месяцев назад

    Thanks!!! great explaination. now to try it on my own 😜

  • @dgloria
    @dgloria Год назад

    Fab! Will do this asap. Does it use pinia? Does it use components from a single external source? I was never able to understand how to make buttons, modals etc as reusable components in Vue3. :)

  • @codedjango
    @codedjango Год назад

    Thank you so much for this Vue tutorial

  • @machelealhassan1496
    @machelealhassan1496 10 месяцев назад

    Superb!

  • @peterpen983
    @peterpen983 Год назад

    Good job my bro!

  • @zuberab5405
    @zuberab5405 Год назад

    welcome back

  • @samiulislamsharan
    @samiulislamsharan 6 месяцев назад +1

    please make a video about Vue Flow

  • @da_stoaz
    @da_stoaz 10 месяцев назад

    Really appreciate this tutorial. But which VSCode extensions do you use?

  • @VitaliySunny
    @VitaliySunny Год назад

    Thanks, very cool project.