The best way to learn Vue.js in 2024 - CRASH COURSE

[@mjsigg]

I really really really appreciate how measured and structured your format is for beginners. Many of the guides I've come across are very conversational in format. Subbed and bookmarked your website for future supplementary guides. Thank you so much for this content.

[@jameswang6714]

Unbeatable top tutorial I have ever seen. The combination of visual, code and voice impact improves the learning curve for beginners and extends the short memory to long. Love your video.

[@kblyr]

There is a "Premium" feel in this course.. This is awesome!! GOOD JOB!! 👏👏👏

[@p19shelt]

thats the whole website/company lol.

[@eyeIO]

WOW! This is one of the best courses I have ever take, WEL DONE GUYS!

[@alirazahalani1392]

By far this is the best course on Vue!!!

[@marcelolb1221]

Is it better then Ninja's course? idk which tutorial to choose

[@vedkorla300]

This is absolutely insanely amazing. Just brilliant, bite sized, fast, easy to understand! Thanks @VueMastery!

[@Hespdow]

I have more than 4 years of experience in web development but needed a refresher in Vue.js and this tutorial REALLY helped, thank you!!

[@kulea6208]

This is THE BEST Vue tutorial out there. Thank You So VERY much!

[@vico911]

i've watching video tutorials in youtube a long long time ago, and i never make any comment, but this time i will make an exception, because i want to tell you that your videos, are by far the best explained videos ever, really, thanks so much for taking the time and effort to make such visuals as the arrows pointing what comes from where, and how are they linked, the machine placing the elements from the array was such a nice detail. Again thank you very much, all tutorials should have your standars since you are top , way top in making tutorials, thanks.

[@VueMastery]

Thank you for the kind words. We truly care about quality and ensuring new developers easily understand Vue.js. We're glad it resonated with you!

[@ojas.11]

I can imagine the hardwork behind these tutorials. Really great stuff. ! Subscriber earned. Do you have any other channel for JS?

[@spencerlavalle7711]

As someone proficient in other languages, who was just starting out in web development, this was the perfect tutorial for me.

[@robertantonellis6773]

This was a great tutorial. Thank you for your hard work and attention to every detail. It's a model we can all learn from.

[@prasad2716]

I spent a week to learn angular fundamentals from basics to directives and data binding etc but I really feel amazing learning this way ❤

[@SkaiCloud562]

I love how you show the arrows and highlight and .....uhhh so much to say its just pure quality! Subscribe!

[@guscostarock]

I think is the best ever Tutorial, the most easy to understand Tutorial I've ever done.

[@rasifrana]

Your teaching style and visual is awesome which i have not seen before 👏

[@khashayarshomali]

برای دوستان ایرانی میگم: تا حالا چندتا کورس ویو رو تا انتها پشت سر گذاشتم، این یکی مثل هیچکدوم نیست واقعا حرف نداره، سوادم 10 برابر اضافه شد.

[@Didier-cu6cb]

نایس

[@PochisAdventures]

Best most well structure crash course I have ever taken in my entire life.

[@cristi92ro]

i'm very surprise on how well this course is structured, visually, in simple terms, wow!

[@ricardolandim790]

Simple, clean and direct. Perfect!

[@basavachetan9057]

Such a wonderful crash course i came across , Please upload more videos on Vue 3

[@MUSICA1742]

You are the best teacher in the entire world. This is a Master piece!. There is no a similar course in KZbin like this one. Thank you very much.

[@dutchcapone]

Thanks! This is a really good video to get acquainted with Vue.js

[@ronjones1587]

The explanation and the animation is outstanding! Thank you!

[@ronnie_10000]

code, explanation, visuals.... This seems like an effective way to learn! And it is fun as well!!!

[@abhishekkumar-ot4zo]

it is extreamly easy as he explained

[@TyasDwiAngga]

overall is very gud, The big problem i seen is u are using cdn, instead of downloading them by npm which more matter it's diffrent style that required knowledge to know for set up is by using npm , or using proxy like vite

[@VueMastery]

This course starts off with the easiest possible way to use Vue.js, without any package managers such as npm. In all other courses on our platform at VueMastery.com, we show how to create Vue apps with npm and with Vite.js.

[@guscostarock]

The "L8-start branch" is not reflecting what you are showing in the video, the "quantity" in the "variants" property is missing and also the "inStock: false" is still there which took me a while to figure out that was the reason why the "inStock / Out Of Stock" functionality wasn't working.

[@YenishShamyradov]

The best tutorial I have ever had

[@sonerdev]

There is a one problem in Lesson 8. inStock:true and inStock( from computed ) is overlapping. I was change name inStock ( from computed ) into the inStockComputed and it works!.

[@bombrman1994]

this was an amazing series I am motivated to master vue as a goal for 2022 and hopefully before the end of year I can get my project running for my personal business

[@VueMastery]

Hi Mino, we love to hear that! You can access our whole course library for free July 22-24. You can get more info and reserve your spot for free here: www.vuemastery.com/free-weekend

[@bombrman1994]

@@VueMastery thank you i just did this will help me alot im a student and cant spend money

[@adamwhite425]

@@bombrman1994 is VUE.js good framework to learn first before learning other? thank you for your time

[@bombrman1994]

@@adamwhite425 probably one of the easiest out there imo

[@rehmanghani6726]

Best course with nice explanation, keep up the good work 👍

[@jam_4769]

Your video is awesome and it has great knowledge in it. Your explanation is awesome and is extremely detailed for the time format. Thank you! 10/10 recommended

[@allprowebdesigns917]

Very well done tutorial on VueJS 3! I appreciate all the great work you put into these videos and you have a very well-done presentation. 👍

[@biogesicc0808]

best tutorial i've ever seen so far. 10/10

[@lavglidesgh6266]

Great teacher, my kid at 7 can follow. How I wish he have videos on others programming language or courses like React, React native and Ruby on Rails or Node

[@aizazaziz5636]

Need help fatal: could not create work tree dir 'Intro-to-Vue-3': Permission denied

[@tahsintushita6122]

This really is a brilliant course!! Thank you

[@marco_di]

👍👍👍AWESOME 👍👍👍 A damn good tutorial, everything is explained very well and the highlighting of the options that are being explained are really great. What I think is particularly good is that you have completely removed the hectic pace and high typing speed while coding.

[@estuardohernandez4230]

As usually, you did a pretty good work! Excellent video.

[@VueMastery]

Thank you very much!

[@TheGentrithoti]

Really Easy to understsand thnx

[@BitCloud047]

Seriously could you make these weekly?? I know its alot of work but damn this is awesome!

[@oldmovedchannel38478]

Thanks for sharing this! It's helped me out with my new job and helped Vue make complete sense to me.

[@bibotah]

Beautiful. Should be over 199 Million viewer for this course

[@ahmadaldabouqi8194]

best course ever to begin with vue.js

[@user-gened]

🎉thank you for explaing all these code. Its makes for better developers.

[@ClaudiuSindile]

Thank you so much! Very good tutorial. Simple, efficient and fast.👏

[@k303k]

Best vue crash course sir

[@j4nch]

Thanks for the course! However, why presenting the options API in 2022? would make more sense to directly start with compossition API.

[@amigo4342]

how to render the app in the browser..is there any commands to execute in the terminal. Because I opened it in the browser from the index file and it shows {{product}} instead of socks...its not giving the value but just what's written between the tags

[@khizer3528]

One of the best course 💕

[@prasad2716]

At 15:30, display: none actually removes the element from DOM right rather hiding!

[@jakobo5521]

I am just starting my adventure with a Vue as a junior and I have to admint that you this tutorial helped me a lot if it comes to the overall understanding of the Vue concept. I find it much easier and more approachable comparing to the structure of React, especially for me as the beginner. Your animated way of explanation is also great. It helps to really understand what is going on under the cover. Looking forward to watch more of your stuff. Thanks once more time and keep the great job! Greetings from Poland! 🦾

[@VueMastery]

Thanks for the kind words, we're glad the tutorial has helped you in your adventure with Vue! You can check out more tutorials like this over at www.vuemastery.com/courses/

[@MdJahirulIslam-m2j]

🎉Really very nice and well explained tutorial for beginners. Thank from the core of heart from Bangladesh.

[@mattf.2142]

Love this video style. It reminds me of a jQuery tutorial I took years ago (probs around 2012). Very entertaining style of learning.

[@patrickklinger4215]

High end presentation 👌. Awesome! Thanks.

[@nkn2598]

what is the theme that you are using in vs code?

[@VueMastery]

Flat UI Dark

[@cyliaalileche6445]

woah its the best tuto

[@samueldass2799]

good course :) distracting banner ad keeps popping throughout the course :(

[@kippenvogelchen9717]

Is there a link, where i can see the solution of the Coding-Challanges?

[@VueMastery]

They're all in the description of this video 👆

[@kippenvogelchen9717]

@@VueMastery I can't find them.

[@VueMastery]

​ @Kippen Vögelchen Scroll to just below the video. You will see a "Description" section. Click "show more" and you'll find them there.

[@hamednajand8327]

it was super interesting Vuejs3 course with the creativity in presenting, thanks!

[@k16e]

Does the Vue @mouseover event automatically becomes/behaves as @click when the view/screen isn't mouse-friendly?

[@ErickOnEverything]

Legitimacy fantastic course. Well done

[@jaideepsingh8109]

Gratitude and Appreciation.

[@alaingarcia7493]

Amazing content. Well explained and easy to digest. Keep it up si

[@fatalaijon115]

The "start" code for L3 (L3-start) adds new code that was not covered in previously lesson. What kind of tutorial is that? Leaves unexplained holes in the learning process.

[@nguyennguyen-dd8kz]

Thank you for your clear explanation ! I have a question regarding L8. If I update image and inStock directly using updateVariant. What is the difference comparing to using computed properties? ``` updateVariant(variant) { this.image = variant.image, this.inStock=variant.quantity > 0 } ```

[@jonnjon1]

Amaazing content! Thank you so much for sharing this. Will definitely watch all of your videos.

[@TonmoyPramanik-j7d]

you mentioned Vue 3 But i can't find any code related to vue 3

[@Mr_Brian]

Hello, I'm using Vue version 3.2.13 and I can't v-bind the image. To make the image render on the page I have to put the path in src as in src="../assets/images/socks_green" so that it displays. Without binding it to "image" in data. The method of you adding the image in data doesn't work. No errors displayed thought. Please assist, I want to bind the way you are showing. *Funny thing is I can bind the "alt" which is in the image tage from the data but binding the image itself has refused*

[@faldikn]

Is possible evan/vue contributors make its own native mobile framework? Or they wouldnt because ionic and nativescript "support" them

[@BitCloud047]

This video is amazing please do more!!!

[@japtejsingh1596]

nice beginner friendly intro to Vue

[@NatureandSpirit111]

Can you return a custom function, table or a table app with the data function in create app? Or are you going to create a table with js, place it within html code and then populate the table data and functionality with vue.js?

[@dethrowegamer1715]

Great course! I have a question about something I don't understand. If we are using the review-form in the product-display, why are we importing the review-form in the index.html and not the product-display? I am new to vue but have some experience in react so this did not make sense to me.

[@VueMastery]

In this Intro course, we show Vue being used in the simplest possible setup, via a CDN link. This allows us to focus on the fundamentals of Vue syntax in a more minimal project structure. In a production grade project, built with Vite or Vue CLI, you would indeed import the review-form into product-display. However, in this CDN setup, things are working a bit differently. This is the first and fundamental course in a full platform of Vue courses we have, and the concepts and complexity build over time. Here's a link in case you want to continue learning with us: www.vuemastery.com/courses

[@daniuboa6851]

Just what I was looking for. Thank you 🙏🏽😊

[@VueMastery]

You’re welcome 😊

[@daniuboa6851]

@@VueMastery Quick question, which theme are you using in your vs code? I really like it

[@VueMastery]

@@daniuboa6851 Flat UI Dark

[@daniuboa6851]

@@VueMastery Thank you 🙏🏽☺️

[@olegparamonov7670]

Nice tutorial...everything is clear and easy to remember...please, make more such tutorials on different topics🙏😊

[@internettime9309]

Well detail tutorial for learning VueJs basic or even programming :)

[@coderguatemala7214]

Good job! We appreciate your effort.

[@VueMastery]

Thank you for tuning in!

[@marcelolb1221]

Is Vue 3 just the latest version? and does that mean everyone should just learn that instead of vue 2?

[@sisi-here]

Thank you. That's awesome. But I can't show the Socks word on the screen, it displays just {{ product }}. Why? 🤔 ```import { createApp } from 'vue'; const app = createApp({ data() { return { product: 'Socks', } } });```

[@carolinatronci1654]

same isue, if I use an external component it's okay. Did you fixed?

[@H3champ1]

Anyone aware of how he is getting syntax highlighting in his template with the HTML in a .js file? Cant seem to figure it out on my end.

[@sencorio]

He mentioned about it in 1st lesson. Use ext. es6-string-html

[@TheJvorte]

Thanks, that was really fantastic tutorial!

[@rajathhs8842]

THE BEST Vue tutorial

[@jingli9232]

awesome video, very clear, thx for your help

[@devsploit]

I like everything in the course

[@Dipenparmar12]

Appreciated huge efforts for making cool and easy to learn

[@gw1284]

Awesome tutorial 👌 thank you!

[@JimmieZaccai]

Whats the difference between using the CDN link for vue and using the CLI to generate the vue files? Im new to vue! thx

[@VueMastery]

The CDN link is the simplest possible way to import Vue. However it is not commonly how developers use Vue in production, especially in an app of any significant size. Using the Vue CLI or Vite is a more real-world way of creating a Vue.js app.

[@anupamajagadish6088]

Best way of explaining Thank you.

[@niravgaglani7310]

I was just going through comments, thinking I will surely get an Indian person in first 100 comment. Don't know why, but enjoy doing so. (:

[@archlinux8390]

Uff omg editing another level😍😍😍

[@oreefy]

How we can implement on seo meta title & description and schemas

[@fredyip9122]

Thanks, simple and easy to understand

[@VueMastery]

Glad it helped!

[@plan0go]

10:42 i wonder very much that you not used {{image}} here. interesting. strange. some reason for doing so?

[@sulaimandev]

Thank you so much

[@VueMastery]

Our pleasure! Glad you appreciated it 😀

[@andidarusman8408]

Thats awesome ilustrations code..thank you

[@mobamobs4893]

What a great video, thank so much.

[@davidspencer3726]

This isn't for *complete* beginners. There's a whole pile of stuff missed out. I followed the video from the beginning and double-checked everything, but when I open index.html in Firefox it just says "{{ product }}". But I have no idea how to fix it, because I am a complete beginner in Vue. Try it yourself in a fresh VM: just install Windows, then VSCode, then don't do anything that isn't explicit in the video.

[@prasad2716]

It focuses on the fundamentals and if you have idea on js and basic npm it's really easy..........for instant, it teaches concept of data binding for 2 events in great manner and with that you can easily learn other 20+ events easily

[@mahtabvariyani]

your website for buying the course is giving 404 ... fix it