Vue JS 3 Tutorial for Beginners #1 - Introduction

[@s.m.7138]

This tutorial got me my first job as a web developer. I'm not even kidding. I had only ever worked with React, but as part of the interview process I accepted an assessment project that required Vue, and this tutorial taught me enough to complete the project -- and that project landed me an offer. Thank you Shaun! 😀

[@muhammadbilal6865]

Great

[@muhammadbilal6865]

@MANIKANTA kg ​ Hi Please keep in mind that VUE JS is not installed in VS code its installed in your system.Although VUE JS extension is available in VS code which you can install.Thank you

[@davidadewumi8116]

damn, this must be a sign I'm about to embark on an assessment project, that's why I'm here.

[@thecoderabbi]

@@davidadewumi8116 😅😅

[@thecoderabbi]

@@davidadewumi8116 was it??

[@shubhang2877]

This series is gonna get a lot of Vues ;)

[@igorr4682]

And mixins reviews

[@farhadinho9]

Excellent.

[@consoledoterror971]

Poeples are going to love vue Shaun.

[@hichemghoualmi739]

Awesome as all other videos , do you have a Nuxtjs course ? would be good to have NuxtJs with Laravel

[@TrevorJones1]

I'd like to $extend a hand for that response

[@matthiaskolley1048]

Searched for vue tutorials. Skimmed the list of results. Saw a playlist from you. Got exited! But it was a Vue2 playlist. So I immediately open your youtube page. Search in your playlists. And there it was "a Vue 3 Tutorial from my favorite youtube teacher". Thank you so much man!

[@lukengirubiu6492]

You are incredibly a fantastic tutor. Explaining all concepts from the very basic. Your students owes you a lot.

[@guventmz]

The way you present the topics is priceless. There is just no way to misunderstand it. I love it. Thank you!

[@NetNinja]

Thanks Guven :)

[@DigitalMonsters]

Been working with React for almost 2 years and used Vue for like 2 weeks in all that time.. it's the Vue I look back on fondly.

[@Slaptile]

I'm thinking of learning React. I taught myself Vue a few months ago and really love it. What are your thoughts on React? How are they similar and different?

[@Mecagothits]

same

[@jade-og1ef]

I think you're the best teacher ever!! I've watched so many of your videos. All I can do right now to support you is being a subscriber and liking every of your video. I feel guilty for not joining your membership or not donating you. If I can do it in the future, I will surely support your channel because you helped me so much in my web development journey. Wishing you health and happiness forever. Thank you

[@NetNinja]

Thanks so much for your support, it means a lot :)

[@bugraotken]

Altough i have finished your Vue 2 version of Udemy course, i have started from beginning with Vue 3 version. Thanks Shaun for these updates!

[@NetNinja]

You're welcome, I hope you like :)

[@codetree8841]

I'm about to start learning vue. Would you advise i learn Vue 2 first, or just start with the updated vue3

[@natesones6012]

You did a great job explaining without getting too deep into the different technologies. Specifically JavaScript and css. You explained just enough so we understand why, but didn’t digress. Great job!

[@fahimemroz9141]

I learnt Vue 2 from the free course here on YT, was wanting a Vue3 course, didn't expect it! You did it again sensei Pelling!

[@RajibAhmad]

I was checking Urs channel... just want to say... May Allah bless u brother... U r a gem for anyone wants to learn coding....

[@maxinejones3879]

I can't tell you how great this is - you have a fantastic way of communicating information simply and thoroughly, and I learnt a lot from this video already! You've made me feel confident that I can learn this!! :)

[@NetNinja]

Wow, thank you! :) that means a lot Maxine.

[@glowyboo]

Thank you! I've watched other tutorials but never understood. The way you explain is so clear

[@marsdwarf]

Just finished the entire playlist. Loved every video! I've tried other courses but this was my favorite one. I'd definitely recommend it to folks who are new to Vue, as this is a course for complete beginners. Of course, you should know JavaScript, HTML, and CSS before starting. Thank you Shaun!

[@trg_duc]

hi, can i ask does this course still work for the newest update of VueJS since it's 2 year old

[@玥羽起來了天天向上好]

You are a wonderful IT instructor, very articulate and knowledgeable. I bought your udemy course already and I wish I can master Vue JS very quickly under your instructions.

[@briantoon4128]

This is literally all I wanted for Christmas!

[@kandisa-t4747]

Hi, Shaun. I just signed up for a membership on your site and your Vue 3 for Beginners is not in the course list, but I'm glad it's on KZbin.

[@dv5870]

I was really thinking about learning Vue, and smack down comes this series! Thanks a lot Shaun!

[@crimcrow]

I would like to thank you Shaun for the fact that you've updated the course on Udemy for the new version. I was going to pay the new course and I saw that you did that ! Thank you very much for your work !

[@madushankumarasiri6828]

Finished the Vue 2 series and I was waiting for this. Here you are!. Thank you, you're amazing!

[@davel9130]

Really well done mate. Whenever I had a question, you answered it straight away. I shall be watching the whole series and will be looking at the UDEMY course next. Cheers!

[@ahmedelmeligy4258]

Man have been waiting for this since last month! You are the best!

[@Skaxarrat]

I had your Vue 2 course in Udemy. Went to purchase your Vue 3 one, and I just saw that you updated the Vue 2 course to the Vue 3 version, so I already have it. Thanks, mate!

[@DarkD33p]

Thank you very much for this Introduciton. One thing I have to criticize: Don't use white font on light backgrounds. You only can read it barely. This is a mistake done by so many people out there. Consider WCAG standards for contrasts, please. Sorry for beeing that harsh. It just bugs me and sure is a thing to many people out there who have visual impairments.

[@erniea5843]

Yes! I have found your Udemy courses to be of great quality and I always learn a ton. Keep up the good work.

[@NetNinja]

Thank you :)

[@raldskie23]

im so hyped for this, thanks shaun

[@dedse3]

I always come here when I want to learn something new! Thanks a lot!!

[@NetNinja]

Happy to hear that! :) thanks for your support

[@abguven]

I like a lot your tutorials.Thanks to you I leaned a lot about Node express.Now it's time to learn VueJs.Thank you very much. 🙌 🙏

[@hamed.ghandian]

I learned many things from your great tutorial. Your way of teaching is unique and I'm glad to be a member of your gang! 😀

[@kinias82]

Thank you Ninja.. And my thanks to Crystal , Luigi, Ryu, Shaun and all the others referred to in your tutorials.

[@push2me936]

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

[@soultree5771]

You're amazing, a truly amazing human being. Love your lessons. Keep em coming.

[@izzatullokanoatov370]

Love your series of tutorials. Thanks you for your hard work and time

[@pavelstastny7892]

Thank you for high quality videos. You are doing good job!

[@kevinnowalski]

The intro music is great!

[@mark_midnight]

I'm waiting for another update of Vue tutorials. Thank you so much for your courses here on KZbin!

[@NetNinja]

Thanks Mark!

[@AutMouseLabs]

Just bought the course on Udemy. You have great content on KZbin and I am excited to be able to support you and I have no doubt learn a ton in the process!

[@romko-romario]

Lots of thanks for Vue 3.0 courses in free access on KZbin!

[@techlab51]

Easy to follow, thanks a lot and well done!

[@passioncorners]

Once again, thanks so much Shaun for this !

[@ericksonsv]

Hey Shaun your back!... Welcome, glad to hear you again!...

[@rtemis9016]

Alright then gang 🎉🎉👍,❤️

[@jameslee8997]

Very organized and comprehensible lessons. Thanks you.

[@akn9699]

Lord Shaun ! We Love You !

[@ethanhill2016]

Love the ui used in the presentation

[@NetNinja]

Thanks!

[@qbitawallet5971]

Hi Shaun I ve bought your udemi course and as usual your lectures are as clear as they can get. Plus Vue is sort of Easy to pick up. It s way easier than react. If I May point out some área for improvement, I would have integrated in the course the following topics: state management (Vuex), Vuetify, and CloudFunctions in the course. I am aware that some of the stuff I m mentioning is available in your free tutorials on youtube. Still it would have been great to find everything presented organically in one place.

[@057ahmadhilmand6]

hi, could you please tell me what is the diference beetwen this tutorial and the tutorial on udemy? thank youu

[@udlman]

Very good tutorial. I subscribed to your channel six minutes in!

[@_siggi_783]

Currently following your Vue 2 tutorial, good to know you're making one for the new version too.

[@dieudonnemukunzi2471]

Just when I was thinking, I wish Shaun could do Vue3 next and boom. Thx mate.

[@NetNinja]

You're welcome

[@BlackHazama]

Fantastic intro! Thank you!

[@amirhoseynshakeri9617]

I'll come back here to learn vue for sure! but now I'm working on backend!

[@DavidKHill]

Just signed up for the course!! Thanks.

[@NetNinja]

Welcome! and thanks David :)

[@DavidKHill]

@@NetNinja Thanks. I took a quick crash course on the git tool. Always something new, can't get enough of it!

[@WaqarTalkies]

i was waiting for this course

[@tuximetalpower2142]

Vue is just simple to learn, but React is much more interesting to understand! I love React!

[@streamx2]

Went to buy it on udemy, at checkout i remembered i had already bought this course. It was archieved but i had bought it in 2018.

[@NetNinja]

Then you get all the updates for free :)

[@iambasanta]

I love this ninja named Shaun.

[@fragrantbloom]

Here we go!

[@caseng1270]

Thank you very much! Great begining

[@tonimaunde]

Thank you, Shaun.

[@Fatima-ie5kj]

Thanks mate for this series

[@NetNinja]

My pleasure!

[@sabuein]

Thank you, Ninja! :)

[@alternbits]

Awesome playlist

[@NetNinja]

Thanks!

[@emahekari6606]

Thank u so much, u r amazing, teacher:)

[@sushilbhardwaj6501]

Hey gang ❤️

[@vitus6644]

great job! thank you so much! looking forward for type script in vue course

[@richiekosher6218]

Hey, Shaun thanks for all you amazing tutorials! I've already watched you angular tutorials and they were amazing! Can you already tell when you're gonna make a vue tutorial with typescript?

[@NetNinja]

Hi, thanks! I will be making this quite soon :)

[@TruthSeekerClub]

before watching your tutorials, I wanted to have a family. after watching your tutorial I want to have a clan, Sensei!

[@azula9714]

They said Vue is an ancient advanced developing skill used by Ninjas in the past that came from Future

[@rhejiearanez9951]

thanks shaun i bought one course from your site

[@qanisz]

Looking forward to Vue TS course!

[@NetNinja]

It will come soon (ish) :)

[@AccessCode101]

I love vue. But I'm buying the course more because I want to support the channel than because I'm desperate to learning vue right now.

[@Schock_TV]

do i need this Liver Server Application if i'm using xampp?

[@brocode04]

Why should you use xampp for Vue, you will need for backend development like PHP. I think... Live server is just running the same HTML file with live update without refreshing after saving your HTML file!

[@tejasc400]

This's cool, thank you so much

[@radzh2023]

Спасибо за урок! Смотрю урок с помощью яндекс переводчика. Перевод конечно местами прикольный но понять можно.

[@trollutrollu1897]

Woah just what i needed

[@turn-me-later]

Compared to traditional methods, if Vue does not need to request new content from the server every time, does it mean the entire content will be downloaded initially?

[@danieladekoya1224]

Finally Ninja !!!

[@consoledoterror971]

Vue in TypeScript. Thats All I Wanted.

[@devprocedure]

I do NOT see "real-world" problem being solved by using TypeScript. All I see are silly examples of a "function that adds or divides 2 numbers' to justify "type checking". e.g., Who writes a function just to do basic math???? Next, developers are testing (aka runtime) their code LINE-BY-LINE anyway, so "compile-time" checking isn't all that beneficial in saving a developer time coding. In other words, TypeScript adds a layer of complexity that doesn't have that much benefit to JavaScript world. NEWS FLASH: 1. Most data on the Client Side are STRINGS anyway. 2. NUMBERS and DATES are already validated in the client's browser anyway. 3. And YES, you are passing data for a KNOWN REASON. So you have a pretty good idea what is to be expected. And those to say you don't OR say you haven't worked with a large code base are justifying passing parameters that you have NO CLUE in what you are passing? If so, that is a sneaky form of "job security". LOL.

[@consoledoterror971]

Use TypeScript in a large project. Try to get used to it. I know it feels like it brings extra complexity. But once you get used to TypeScript, you will never go back to Vanilla JS. I guarantee that. And also there are also people who use Flow/JSDoc. People who come from statically typed languages will find TypeScript easy to adopt. There are also things like ESLint, Prettier. These are all brought in for better DX. No real world problem is getting solved.

[@devprocedure]

@@consoledoterror971 TypeScript is, IMO, useless at the client browser and makes things more complicated. Hence, why some big JS projects are ditching TypeScript. SECOND, instead of say node.js on the backend, (where you can use JavaScript Language), use something like C#

[@consoledoterror971]

@@devprocedure I remember spending loads of time figuring out, why TypeScript is throwing errors. But now that I got used to it. I always choose TypeScript over Vanilla JS. In the end it's all personal preference. You can see a lot of javscript libraries come with TypeScript declarations for better DX. Take vim, ESLint and Emacs. You can see a lot of communities spending time on making plugins and extensions which upfront doesn't solve any real world problems. It's all for Developer Experience.

[@CodeWithCal]

Quality content

[@NetNinja]

Thanks Cal!

[@zenel5685]

Hi is it still worth watching this course since its kinda old now?

[@davidasiamah2898]

Hey Shaun U Rock!

[@NetNinja]

Thanks :)

[@ezra-e8193]

Thank you The Net Ninja this is the best tutorial by far. Based on this tutorial, I tried to build a blog webpage with django backend, graphql and vue3. I used apollo composition api to fetch my data. However, I have some difficulties on routing the detail of the blog. In fact I tried to get some help from stackoverflow (provided every information there) but no response so far. It might be silly mistake but it giving me a headache. I would love to have some help if you guys don't mind?

[@TotalSil]

Thanks for all the great video’s! Are you going to do a nuxtJS course anytime soon?

[@1rom11]

You should try using vite for vue

[@farhadinho9]

This course has given me Sub-Zero level skills 🥷

[@Ony_]

explained better than the multi million dollar company i visited

[@ItsMeHelel]

Amazing, man! But, hey, where's the free Nuxt series going to be? In this one, in the one you mentioned with typescript, or in a 3rd one altogether?

[@NetNinja]

Nuxt tutorial will come when Nuxt 3 has shipped (hopefully very early next year). Vue with TS - maybe earlier than that :)

[@ItsMeHelel]

@@NetNinja You are amazing, Shaun! Eagerly waiting for it while I consume your updated course (that I bought long ago)

[@SakSuper17]

how do you get vue firebase in vs code initially?

[@markreyronolo1482]

You just earned a sub

[@ary_setiyawan]

wohooo! ❤️

[@JeffBarron1]

Hi Guy, I really do love you tutorials, I've been watching them for a few years now BUT, please please please.. can you do a view and SQL Server series

[@noychoy9696]

nice introduction

[@Samuel-wi1dh]

Seems very similar to angular!

[@ravendfj]

Hi and thanks. So each request goes to the server and get the html page again? This isn't so good if I understand well. In that case you just want to retrieve a part of the html back and don t want to see your client side refreshing each time you go to the server.

[@josephjoey3904]

Bro continue your flutter tutorials, especially FLUTTER_BLOC with or without firebase. I'm finding it hard to implement that using clean architecture.

[@greenkernel2001]

But, if the browser doesn't contact with the server how does it get the data ? Like images, texts, videos, document on the browser? It must contact the database to get data's ? So I didn't get this part.

[@jenniferward6821]

Was watching your JavaScript tuts but it seems the recommendation is to rather learn Vue than jquery? Time is short - one or the other - which is best ? Will take your course either way. You are an excellent teacher.

[@OneOfAllBG]

I have a question. Do I need to make a component for a form which I will initialize only once or I can create it in the specific view? For example I have a form to add a book and want to initialize it on a page "Add New Book". The second question is if I store the data in the view/component "add new book" can I/how can I make a v-for in other component/view Book ? Thanks in advance. Amazing tutorials.

[@shorthaircut_blog1274]

How can you make composition api data persistent? . Thank you for all you do

[@rafhaellowixhomwad]

Thank you✨️

[@NetNinja]

You’re welcome 😊