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

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

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

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

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

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

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

[@swoorp]

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

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

[@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 :)

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

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

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

[@donl.a.6045]

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

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

[@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! :)

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

[@krishnabhat2214]

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

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

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

[@Gandobilis]

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

[@colonizedbycaffeine5718]

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

[@NetNinja]

Love your username!

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

[@JannisAdmek]

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

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

[@gurudaki]

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

[@NetNinja]

Thanks Stavros. Glad it was helpful!

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

[@fethiourghi]

Among the best tutorials of vue 3 !

[@tejasc400]

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

[@user-ku3lm6ib1v]

love the book titles you choose as examples!

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

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

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

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

[@MartinMarchev]

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

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

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

[@danielwarzecha2007]

clicking a button has never been so fun before

[@AndrewOBannon]

Best explanation ever.

[@VeronikaCullen]

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

[@ChapterCircle]

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

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

[@mareanorton3448]

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

[@ahoymatey1234]

Another excellent tutorial series from Net Ninja!

[@NetNinja]

Thanks Andrew! :)

[@SiddhantDalvi3]

I love ur tutorials

[@fragrantbloom]

This video explained the concepts so well! Thank you!

[@user-vd8lx2gh9f]

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

[@NetNinja]

Have fun! :)

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

[@alnazrereal3058]

You always make total sense

[@itsdazing1279]

Thanks for this tutorial 😊

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

[@xpdrfreeze]

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

[@pattty847]

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

[@haustimp]

This was really great - thank you!

[@NetNinja]

Glad it was helpful!

[@tordurhansen333]

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

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

[@pr3287]

You can buy his udemy course

[@push2me936]

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

[@maskman4821]

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

[@firasbahri9989]

the best Vue tutos

[@sengkeanky3696]

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

best explained vuejs out there

[@ebukaachugo3412]

I really appreciate your tutorials

[@NetNinja]

Thanks Ebuka :)

[@germaniyadagiozbek8953]

Best explanation ever!!!

[@NetNinja]

Glad it was helpful!

[@patsechaluce4407]

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

[@nigelpallatt]

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

[@fatamajannat3457]

It's amazing learning with you

[@LUKSvideoclips]

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

[@1232gus]

Easy to follow , keep up the good work

[@sophiaonyoutube]

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

[@NetNinja]

Thank you! 😃

[@lemokami]

Thank you! Sensei🤩

[@NetNinja]

Any time!

[@polymath-403]

Such a great Tutorial

[@NetNinja]

Thank you!

[@SinhNguyen-tz6us]

Thank you so much 🙏

[@davebudah]

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

[@user-dd1vu2ff8i]

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

[@NetNinja]

Thanks!

[@nigelpallatt]

Be sure to navigate to the version 3 page and use that CDN, not the version 2 CDN which will show on the Vue.js home page.

[@salmansrabon9799]

21:39 Conditional rendering

[@mehtabahmed6092]

Thak you so much, always learning new stuff from you

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

[@mick7827]

hello, when i was following the instruction, I found out that it seems the app in main.js didn't export to index.html May I know why it didn't happen in this video? thanks a lot!

[@ehsanumar9878]

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

[@arifurislam4426]

you are a beauty !!! love it

[@NetNinja]

Thank you! Hope it helped :)

[@jaxparrow1794]

Perfect tutorial, bro!

[@efbYouTube]

excellent vid!!! TY!

[@adhy612000151]

million thanks brother!

[@NetNinja]

You're welcome! :)

[@shiningyrlife]

I got a: vue@3.0.2:1235 [Vue warn]: Property "changeTitle" was accessed during render but is not defined on instance. at following this for some reasons...

[@imPriyankCoder]

wow net ninja is back :),

[@njorogekangethu9054]

Great stuff. Thank you for this

[@jianafran]

outstanding teacher

[@methembethomastshuma9587]

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

[@everything.2268]

@The Net Ninja Absolutely Amazing Content! Love it! Just quick update? Just wanted to know if your planning on creating a React JS Course any time soon?

[@NetNinja]

Yep, I will be doing more React stuff soon :)

[@everything.2268]

@@NetNinja Cant wait! :)

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

[@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 :)

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