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

[@marsdwarf]

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!

[@jovantancevski7629]

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

[@andryr.8221]

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.

[@redspecial7]

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

[@ahsan_0007]

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]

Legend! Thanks Ahsan :) that means a lot

[@rabbitazteca23]

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

[@herol3oy]

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

[@NetNinja]

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

[@FullMe7alJacke7]

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]

Swears😩

[@swoorp]

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

[@Liam-bp2rm]

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]

Glad I could help :) thanks for watching Liam

[@romko-romario]

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 KZbin about Vue 3. Glad to start learning with it!

[@astrosoup]

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.

[@0xiah]

I've been using KZbin 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. ❤️

[@fireemblem2770]

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]

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

[@donl.a.6045]

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

[@tsol438]

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

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

[@NetNinja]

Thank you! 😃 that means a lot

[@temidayooladele9856]

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

[@dalemoayokunle7330]

RT

[@chidoziejohn9368]

Na so my broda

[@armanzanjani5626]

YES YES YES Epic Return of the Ninja!

[@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.

[@chrisw5509]

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.

[@krishnabhat2214]

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

[@enduranceochonogor6291]

One of the best around. No jokes.

[@lennartwiedemeier2721]

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

[@NetNinja]

Glad you enjoy it! :)

[@JannisAdmek]

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

[@iamnomana]

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.❤😉

[@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]

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]

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

[@NetNinja]

Awesome, glad it helped :)

[@ArvoTomingas]

Thanks! Very clear, instructive and clearly understandable even if you have no previous experience in front end development of web applications.

[@NetNinja]

Thanks Arvo, that means a lot :)

[@fredpourlesintimes]

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.

[@gurudaki]

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

[@NetNinja]

Thanks Stavros. Glad it was helpful!

[@tejasc400]

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

[@fethiourghi]

Among the best tutorials of vue 3 !

[@doingsneakypeakylike]

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

[@NetNinja]

Happy to hear that! :) thanks for your support

[@muslehhaj4164]

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

[@papajohnsuk5965]

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

[@jondyason336]

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]

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.

[@SamuelDelsol]

love the book titles you choose as examples!

[@celebrityconner6]

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

[@h.cazador]

Many tutorials out there, but it's hard to find ones where the author is a great teacher such as yourself.

[@NetNinja]

That means a lot. thanks for watching! :)

[@MartinMarchev]

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

[@ChapterCircle]

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

best explained vuejs out there

[@deki90to]

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

[@upl1nk.v01d2]

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

[@ahoymatey1234]

Another excellent tutorial series from Net Ninja!

[@NetNinja]

Thanks Andrew! :)

[@tordurhansen333]

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

[@mareanorton3448]

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

[@AndrewOBannon]

Best explanation ever.

[@Gandobilis]

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

[@push2me936]

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

[@imran_ashraf]

Just Amazing! Thank you, Shaun.

[@NetNinja]

Glad you enjoyed it! thanks for watching Imran :)

[@VeronikaCullen]

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

[@betofc89]

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]

You are so welcome! :) glad it was helpful

[@fragrantbloom]

This video explained the concepts so well! Thank you!

[@pattty847]

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

[@agrazh2188]

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.

[@danielwarzecha2007]

clicking a button has never been so fun before

[@itsdazing1279]

Thanks for this tutorial 😊

[@firasbahri9989]

the best Vue tutos

[@binitrupakheti4246]

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

[@totudevelops8931]

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

[@AdelAdel-pn1bq]

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

[@haustimp]

This was really great - thank you!

[@NetNinja]

Glad it was helpful!

[@SiddhantDalvi3]

I love ur tutorials

[@D.D.B.UAlwis]

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

[@NetNinja]

Have fun! :)

[@MarkMacRae]

At 7:34 my browser doesn't change and despite double-triple-checking spellings of things, I see a warning in the console: [Vue warn]: Failed to mount app: mount target selector "#app" returned null.

[@MarkMacRae]

I hadn't saved the index.html file... carry on :)

[@redoinedinho1]

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.

[@quelzar]

You can buy his udemy course

[@alnazrereal3058]

You always make total sense

[@nigelpallatt]

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

[@sophiaonyoutube]

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

[@NetNinja]

Thank you! 😃

[@maskman4821]

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

[@محمودحمد-ز8ق]

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

[@NetNinja]

Thanks!

[@ebukaachugo3412]

I really appreciate your tutorials

[@NetNinja]

Thanks Ebuka :)

[@LUKSvideoclips]

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

[@xpdrfreeze]

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

[@randomstrokes13]

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

[@sengkeanky3696]

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

[@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.

[@jordiverbeek4917]

on 11:10 he is returning the var title but when i put it in a P tag then it shows: {{ title }} how can i fix this

[@mehtabahmed6092]

Thak you so much, always learning new stuff from you

[@lemokami]

Thank you! Sensei🤩

[@NetNinja]

Any time!

[@germaniyadagiozbek8953]

Best explanation ever!!!

[@NetNinja]

Glad it was helpful!

[@1232gus]

Easy to follow , keep up the good work

[@fatamajannat3457]

It's amazing learning with you

[@samuelfischer3764]

3:17 on windows with firefox or microsoft edge its alt+f4

[@jaxparrow1794]

Perfect tutorial, bro!

[@polymath-403]

Such a great Tutorial

[@NetNinja]

Thank you!

[@salmansrabon9799]

21:39 Conditional rendering

[@davebudah]

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

[@imPriyankCoder]

wow net ninja is back :),

[@maialso6096]

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.

[@OwOHamper]

45 now

[@djsaha2005]

you just save my life

[@nemanjadjoric8765]

I bought your Vue course on Udemy and it was the first course that I bought on udemy. Now I watch this free course here and not the one I bought because is shorter :)

[@NetNinja]

Hey, this is the ame content as the first few chapters on the udemy course. But where this one stops, the udemy one continues for an extra 15 hours :) !

[@nemanjadjoric8765]

@@NetNinja Why did you have to tell me that :( :) ps: I bought the course about 1000 years ago:) I know you keep it fresh and updated but 32 hours I just can't :) ps: you are one of the best teachers I ever had! ❤ :) Thank you !!

[@njorogekangethu9054]

Great stuff. Thank you for this

[@xristinaribka]

It was really helpful! thank u so much dude

[@NetNinja]

No problem! :) thanks for the comment

[@geraldminoza2921]

Hi Shan, when i read the docs in vue, i noticed the contents still adapts 2.6 vue.js version, its a lot different from your sample codes here... May i know the docs as your reference for this tutorial? Thanks

[@arifurislam4426]

you are a beauty !!! love it

[@NetNinja]

Thank you! Hope it helped :)

[@SinhNguyen-tz6us]

Thank you so much 🙏

[@Timestamp_Heroes]

outstanding teacher

[@vincej151]

Shaun - looking at the Udemy course, what is all the "archived" material about; what's it all for?