Vue JS 3 Tutorial for Beginners #2 - Vue.js Basics (part 1)

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

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

  • @marsdwarf
    @marsdwarf Год назад +33

    For those that just started:
    This is hands down the best introduction video to Vue 3, and Shaun takes his time to explain what's happening what's happening when Vue is mounted. Thanks Shaun!

  • @herol3oy
    @herol3oy 3 года назад +102

    I think one of the core powers of your videos is `simplicity` ☁️💆☁️

    • @NetNinja
      @NetNinja  3 года назад +16

      Thank you! I try to make things as simple as possible.

    • @FullMe7alJacke7
      @FullMe7alJacke7 3 года назад +5

      It's a lot of things I think, nice voice, good video structure, in depth, but easy to understand explanations and he does it all with you step by step. Overall good teacher.

    • @c-ybueze2868
      @c-ybueze2868 Месяц назад

      Swears😩

  • @Liam-bp2rm
    @Liam-bp2rm 2 дня назад

    Bro thank you so much. All of the competition makes so many assumptions on what we already know that it's impossible to follow as a beginner. You're the only one starting at the very top level and explaining all the way down. You're a life saver!

    • @NetNinja
      @NetNinja  2 дня назад

      Glad I could help :) thanks for watching Liam

  • @jovantancevski7629
    @jovantancevski7629 Год назад +12

    As of min 28, for everyone coming from React, instead of showing 2 spans which is more costly , i tried this and it worked
    {{showBooks ? 'Hide' : 'Show'}} Books
    This way we only change the content inside of the span rather than changing the whole span element with a new element

  • @redspecial7
    @redspecial7 3 года назад +51

    This is definitely the most clear and simple introduction of Vue that I found so far! Very well explained

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

    Hands down to Shaun for explaining it in such an easy and in-depth. This is by far the best Vue course on youtube

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

      Legend! Thanks Ahsan :) that means a lot

  • @andryr.8221
    @andryr.8221 6 месяцев назад +1

    I've tried learning Vue by reading through documentations and tutorials, I tried crash courses, but I must say, so far this is the best introductory resource I've found, hands down. I'm nearly 26 minutes into the video and I had to replay on several occasions because I was too busy playing around with the new tools you were teaching, because guess what? Everything was crystal clear, so much so that I could afford to comfortably experiment with, well, everything. So yeah, great video, thank you for having made it.

  • @swoorp
    @swoorp 2 года назад +1

    I got back to coding after a few months and this voice made me boot up again. Loved it, an amazing refresher

  • @rabbitazteca23
    @rabbitazteca23 3 года назад +6

    You're the only Vue tutorial guy I've watched that explains view in a not-too-fast and not-too-slow way. Your explanations are clear too. I've never tried Vue so my first impression is that .... it's really intuitive especially when it comes to being able to manipulate things based in user response like clicking, etc... Maybe I'll learn this framework soon

  • @romko-romario
    @romko-romario 3 года назад +23

    Just awesome tutorials, my respect to the author! Nothing unnecessary - just an informative and concise output that is perfectly understandable for everybody with basic knowledge of JavaScript and HTML. It's definitely the best thing on RUclips about Vue 3. Glad to start learning with it!

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

    I do not even know Javascript but you made this beginner tutorial on a JS framework so easy even I could understand it, follow along, and overall have a good time. Subscribed. I look forward to having you and your content on my web development journey!!

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

      Awesome to hear :) welcome aboard and have fun on your journey!

  • @donl.a.6045
    @donl.a.6045 3 года назад +2

    literally because of this.. I now work as a vuejs dev. thank you so much!

  • @armanzanjani5626
    @armanzanjani5626 3 года назад +15

    YES YES YES
    Epic Return of the Ninja!

  • @astrosoup
    @astrosoup 3 года назад +11

    Thank you so much. I've been struggling with Vue 3 as my first .js framework this past week. You made this at just the right time! Very well thought out and clearly explained.

  • @enduranceochonogor6291
    @enduranceochonogor6291 3 года назад +8

    One of the best around. No jokes.

  • @0xiah
    @0xiah Год назад +1

    I've been using RUclips to learn various skills for 10+ years and I have to say, you are easily the best teacher I've come across.
    Your lesson structure and the focus on understanding the concepts rather than blurting out a series of instructions make the information super easy to absorb.
    Awesome. Thank you. ❤️

  • @tsol438
    @tsol438 2 года назад +4

    I was about to give up on vue but you made it seem a lot simpler than the tutorials I've followed. Thank you!

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

    I am loving your tutorial so far. I've already learned more than in my webtechnology class!

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

      Glad you enjoy it! :)

  • @krishnabhat2214
    @krishnabhat2214 3 года назад +4

    Brandon Sanderson is awesome! Thanks for associating this tutorial with him, you exponential increased my interest

  • @temidayooladele9856
    @temidayooladele9856 3 года назад +9

    This came in handy, Net Ninja you are helping us out a lot over here with your awesome content... With love from Nigeria NG🇳🇬

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

    came here for Vue tutorial, was not expected to see Brandon Sanderson mentioned in this video. I'm really glad to find another fellow fan in the wild here!

  • @leoalvian7653
    @leoalvian7653 3 года назад +4

    Thank you The Net Ninja you explain things very clearly and your video helped me a lot with my projects and also I've been waiting for this new Vue js 3 video

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

    THANK YOU SO MUCH FOR THIS TUTORIAL!!! As a beginner backend dev needing to learn frontend from scratch its extremely usefull.

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

      Awesome, glad it helped :)

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

    Hi there, I am a late learner for Vue.js, you are the best teacher ever! God bless you!

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

      Thank you! 😃 that means a lot

  • @iamnomana
    @iamnomana 3 года назад

    It's been over a year since I last built a project in VueJS. But, due to other reasons I'm back to VueJS. Thank you "The Net Ninja" for providing this awesome tutorial for us to be able to relearn or reacquaint with VueJS.❤😉

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

    Coming from 9 years of Angular, I can only appreciate how Angular is a superior framework. I appreciate the simplicity of vue and I can definitely see the benefits of using it as way to enrich a wordpress page or any other CMS. But in terms of full scale applications, Angular is better organized.
    I am only watching the 2nd video in this tutorial, so my opinion might shift. However I have to thank Net Ninja for the quality of explanations.

  • @fredpourlesintimes
    @fredpourlesintimes 2 года назад

    I learnt so much about Javascript and NodeJS with you, that I decided that it was the time to start learning VueJS to get something cleaner than a totally handcrafted project.

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

    Hi Shaun! I have learned a lot from you over the years. Thanks a lot for all of this. you're the best! :)

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

      Happy to hear that! :) thanks for your support

  • @papajohnsuk5965
    @papajohnsuk5965 3 года назад +2

    i love vue now, at least for what I'm doing it makes much more sense than react. Thanks

  • @gurudaki
    @gurudaki 2 года назад +1

    Excellent explanation!!!By far the most comprehensive compared to many other Tutorials!

    • @NetNinja
      @NetNinja  2 года назад +1

      Thanks Stavros. Glad it was helpful!

  • @JannisAdmek
    @JannisAdmek 2 года назад +1

    The way this tutorial is structured is way better than if you had started with a full vue project setup! Very nice video :)

  • @chrisw5509
    @chrisw5509 2 года назад

    A top notch video. I've just started with Vue 3. Hands down, this video is one of the best! I can only say "ditto" to all the positive comments below.

  • @fethiourghi
    @fethiourghi 3 года назад

    Among the best tutorials of vue 3 !

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

    love the book titles you choose as examples!

  • @tejasc400
    @tejasc400 3 года назад

    This's gonna be the world's most popular vue series ♥️

  • @muslehhaj4164
    @muslehhaj4164 3 года назад +2

    You are #1 ❤ Very easy & going into single deep details , thanks a lot for this tutorial

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

    watched a bit of these vids and started building a POC coz of deadline.
    POC approved and now Im back to understand what I built 😂. Thanks guys

  • @upl1nk.v01d2
    @upl1nk.v01d2 Год назад

    this is a very simple vue tutorial that absolutely everything to me was easy to understand!
    thank you!!

  • @jondyason336
    @jondyason336 3 года назад

    thank you Net Ninja. I have learned a lot. You explain things well. Give good context. Explain in terms where you link what people already know to the new content, rather than just being technical.

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

    As a profesor and developer i have tip, put side by side editors with html and js code, students will easy follow the course. If you decrees left file panel maybe you can put html preview far right to.

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

    The best, most accessible, best explained Vue tutorial you can find on RUclips. 🫰🏻🫰🏼🫰🏽🫰🏾🫰🏿

  • @MartinMarchev
    @MartinMarchev 3 года назад +1

    You have real talent for teaching! Thanks for the great tutorial!

  • @deki90to
    @deki90to 3 года назад +5

    OMG THIS VUE HAVE SO MUCH SENCE, WAY MORE THAN REACT

  • @D.D.B.UAlwis
    @D.D.B.UAlwis 5 месяцев назад

    Thanks bro. I WILL continue through all the provide videos😊

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

      Have fun! :)

  • @ChapterCircle
    @ChapterCircle 3 года назад

    I love this channel! I learned node js and now vue 3

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

    This was really great - thank you!

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

      Glad it was helpful!

  • @itsdazing1279
    @itsdazing1279 3 года назад +2

    Thanks for this tutorial 😊

  • @VeronikaCullen
    @VeronikaCullen 3 года назад +1

    Yeah! Finally perfect tutorial! You are great! Thanks!

  • @mareanorton3448
    @mareanorton3448 2 года назад

    Fantastic tutorial. Best I have tried to follow as a beginner to Vue 3. Thank you.

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

    This video explained the concepts so well! Thank you!

  • @AndrewOBannon
    @AndrewOBannon 3 года назад +2

    Best explanation ever.

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

    You always make total sense

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

    Another excellent tutorial series from Net Ninja!

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

    clicking a button has never been so fun before

  • @betofc89
    @betofc89 2 года назад

    Thank you so much for this tutorial! I will do the rest of them, and I am already considering paying for the course! Thank you so much!

    • @NetNinja
      @NetNinja  2 года назад +1

      You are so welcome! :) glad it was helpful

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

    Toggle can also be implemented like this:
    {{ showBooks ? 'Hide' : 'Show' }} Books

  • @SiddhantDalvi3
    @SiddhantDalvi3 3 года назад +1

    I love ur tutorials

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

    The Final Empire is an amazing book! :D
    So is this course tbh

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

    Thanks a lot Shaun! Let's give it a wow! This is teaching on Champions League level!

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

    I searched "Learn Vue in an hour" and by golly you did it.

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

    Incrível, um brasileiro acompanhando seus vídeos kkk
    Thank you for your help.

  • @xpdrfreeze
    @xpdrfreeze 2 года назад

    You do an excellent job of explaining the how to code in vue!

  • @maskman4821
    @maskman4821 3 года назад +1

    I love this tutorial, simple but to the points !!!

  • @nigelpallatt
    @nigelpallatt 3 года назад

    Absolutly fantastic! I only with I learnt this much earler!

  • @mehtabahmed6092
    @mehtabahmed6092 2 года назад

    Thak you so much, always learning new stuff from you

  • @binitrupakheti4246
    @binitrupakheti4246 3 года назад +7

    Vue is so much easier to wrap my head around than React.

    • @totudevelops8931
      @totudevelops8931 3 года назад +2

      It's better than react as well just the thing is people don't accept it

    • @AdelAdel-pn1bq
      @AdelAdel-pn1bq 3 года назад +3

      react is not that hard but i agree vue is way better

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

    Best explanation ever!!!

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

      Glad it was helpful!

  • @sengkeanky3696
    @sengkeanky3696 2 года назад

    Amazing your tutorial is very easy to follow. Thank you so much.

  • @SinhNguyen-tz6us
    @SinhNguyen-tz6us 3 года назад +1

    Thank you so much 🙏

  • @firasbahri9989
    @firasbahri9989 3 года назад

    the best Vue tutos

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

    you're such a good teacher! thank you :)

  • @lemokami
    @lemokami 3 года назад +2

    Thank you! Sensei🤩

  • @ebukaachugo3412
    @ebukaachugo3412 2 года назад

    I really appreciate your tutorials

  • @fatamajannat3457
    @fatamajannat3457 3 года назад

    It's amazing learning with you

  • @redoinedinho1
    @redoinedinho1 3 года назад +2

    You should definitely put up a patreon page, I'd be glad to help you put out more free content like this. Thank you for all the efforts you put in these videos.

    • @pr3287
      @pr3287 3 года назад +1

      You can buy his udemy course

  • @محمودحمد-ز8ق
    @محمودحمد-ز8ق 2 года назад

    Man your my hero 🙂🙂🙂 i hope the best for you ❤️❤️

  •  2 года назад

    best explained vuejs out there

  • @polymath-403
    @polymath-403 Год назад

    Such a great Tutorial

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

    Great Tutorial! Hoping for a Laravel Inertia Content on your Udemy Courses :D

  • @1232gus
    @1232gus 3 года назад

    Easy to follow , keep up the good work

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

    you are a beauty !!! love it

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

      Thank you! Hope it helped :)

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

    For those using Flask as the backend - change Vue delimiters (e.g. delimiters: ['[[', ']]']). Otherwise Jinja will render curly braces and Vue will get HTML without them.

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

    million thanks brother!

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

      You're welcome! :)

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

    excellent vid!!! TY!

  • @davebudah
    @davebudah 3 года назад

    Here to make sure the video(series) trends. Thank you.

  • @xristinaribka
    @xristinaribka 2 года назад

    It was really helpful! thank u so much dude

    • @NetNinja
      @NetNinja  2 года назад

      No problem! :) thanks for the comment

  • @njorogekangethu9054
    @njorogekangethu9054 2 года назад

    Great stuff. Thank you for this

  • @jaxparrow1794
    @jaxparrow1794 3 года назад

    Perfect tutorial, bro!

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

    `v-if` may be more time consuming than `v-show`, but it's much SAFER, as this avoid "bad guys" to take advantage of your forms.

  • @maialso6096
    @maialso6096 3 года назад +1

    ok so I looked for Brandon Sanderson's age and it was 44 years old. :3
    thank you for your tutorials I really love them.

  • @ehsanumar9878
    @ehsanumar9878 3 года назад

    One more way of conditional rendering using ternary operator
    {{!showBooks ? 'Show Books' : 'Hide Books'}}
    btw learned a lot from this tutorial

  • @felipemelendez5741
    @felipemelendez5741 2 года назад

    Brilliant, thank you!!!

  • @jianafran
    @jianafran 3 года назад

    outstanding teacher

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

    Thank you for the video

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

      You're welcome :) thanks for watching

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

    Thanks alot ❤

  • @imPriyankCoder
    @imPriyankCoder 3 года назад

    wow net ninja is back :),

  • @methembethomastshuma9587
    @methembethomastshuma9587 3 года назад

    trana get a job in tech in asia and seems vue is the answer hope i can have this down by july

  • @ravendfj
    @ravendfj 3 года назад

    Just great! Thanks!

  • @mafwanalfiansyah2023
    @mafwanalfiansyah2023 2 года назад

    amazing, thank you❤❤

  • @Eldalion99999
    @Eldalion99999 3 года назад

    omg I love this so much