Тёмный

Vue JS 2 Tutorial #5 - Events 

Net Ninja
Подписаться 1,6 млн
Просмотров 178 тыс.
50% 1

Опубликовано:

 

29 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 105   
@mrmagnetic927
@mrmagnetic927 7 лет назад
Here is why your videos are sooo good. 1. CLEAR & CONCISE 2. SIMPLE EXAMPLES 3. AUDIO QUALITY add.subscriber('me')!! Thanks for the videos
@YaroslavlCity
@YaroslavlCity 6 лет назад
And author speaks not very fast. For me it's important. Thank you.
@RahuldevBehera
@RahuldevBehera 4 года назад
@@HoangTran-qv9iw Whoa!!!! you going in the wrong way.
@juliamiasoiedova5001
@juliamiasoiedova5001 7 лет назад
This is the best Vue.js tutorial ever! Thank you very much!
@NetNinja
@NetNinja 7 лет назад
Thanks very much for the comment! Glad you liked it :)
@cobrassasino
@cobrassasino 6 лет назад
Yes it is!
@ikanmagi6489
@ikanmagi6489 5 лет назад
This is the best Vue tutorial on YT I've seen so far! Your tutorials are very easy to follow, you don't speak too fast or too slow and you show each step very clearly. Also because it's made into multiple short videos I don't feel discouraged to keep going, I feel very encouraged instead. Keep it up, ninja Shaun!
@NetNinja
@NetNinja 5 лет назад
Thank you so much! Means a lot 😊😊
@kobuslol
@kobuslol 7 лет назад
Hey ninja, I just wanted to thank you for all your series. You're tutorials are very easy to follow and very clear!
@NetNinja
@NetNinja 7 лет назад
Thanks so much!
@napoleonbonaparte1260
@napoleonbonaparte1260 3 года назад
I've been looking for a proper Vue js course for quite sometime now, and you are the best explanator in the youtube community. I will recommend this channel to my groups in facebook.
@thefin4lb0ss
@thefin4lb0ss 4 года назад
I bought the wrong Vuejs course on Udemy... I love the way you explain everything Shaun clear and straight to the point. Lesson learnt for next time i guess
@tomaszwawrowski8089
@tomaszwawrowski8089 7 лет назад
My favorite dev-teacher + my favorite JS framework ! Can't wait for next lessons! ;)
@NetNinja
@NetNinja 7 лет назад
Thanks dude :)
@AyyOhhhh
@AyyOhhhh 6 лет назад
I am proficient in angular and react. Your videos are making me lean towards Vue.
@rybrockerz
@rybrockerz 5 лет назад
Hello buddy. Thank you for these tutorials. I have made the change from welding into development. i have landed my first job at Regatta and we are learning Vue. Richard speaks very highly of you.
@vioools
@vioools 5 лет назад
Love your tutorials
@madsouris
@madsouris 4 года назад
I came from codecademy pro Vue tutorial, it's too minimal if I'm being nice... so far I did learn a lot from you. Thanks :)
@RaymundoGabriel
@RaymundoGabriel 6 лет назад
Is not Vue, it's you that makes it super easy to learn.
@rickyu1978
@rickyu1978 7 лет назад
I have paid for terrible vue js courses where the instructor thinks he/she is talking to mr. Evan You.. your courses are great, keep it up.
@briannielsen2002
@briannielsen2002 3 года назад
Really appreciate these series. Great job.
@coder236
@coder236 4 года назад
such an awesome educator, subbed and recommended your tutorials over and over.. thank-you for your amazing work it really helps me.
@psudhakarreddy6548
@psudhakarreddy6548 4 года назад
Good explanation and examples.
@anisacoolful
@anisacoolful 7 лет назад
I've tried another VueJs course and I coudn't understand a thing. Your tutorials are soo good. Thank You !!!
@NetNinja
@NetNinja 7 лет назад
Hey, thank so much :). Really happy you like it!
@sougataghar1179
@sougataghar1179 4 года назад
I will be happy to donate when I get a full time job . The best thing is your videos are really simple and concise
@NetNinja
@NetNinja 4 года назад
Awesome! Thank you!
@MunirHoque
@MunirHoque 7 лет назад
I must say, your tuts are the best on youtube. carry on man
@NetNinja
@NetNinja 7 лет назад
Thanks so much :)
@juliocidb
@juliocidb 3 года назад
It's incredible the easy that is to implement Vue. Exelent Tutorial you Master Ninja
@TanmayKamath
@TanmayKamath 6 лет назад
You are a great teacher! I would recommend those who are interested in frontend :)
@NetNinja
@NetNinja 6 лет назад
Thanks so much!
@MegaExstaz
@MegaExstaz 4 года назад
Very nice work. Thank you. This is the best Vue.js tutorial i have ever seen. English is not my native language but even that doesn`t do your videos hardly to understand.
@ashb9254
@ashb9254 6 лет назад
Damn! I can't believe I learned such advanced stuffs despite a beginner. Thanks, man!
@roronoa_d_law1075
@roronoa_d_law1075 5 лет назад
my OffsetX, OffsetY are always (0,0) do u know why ? edit : they are (0,0) when I look in the console but I have the good value printed on the canvas (x and y)
@rakeshs9522
@rakeshs9522 6 лет назад
Really descriptive video, very clear and informative. Thanks
@pranitbatra2
@pranitbatra2 6 лет назад
I am in love with Vue
@Pixel_Insider
@Pixel_Insider 6 лет назад
Awesome to start with vue.js. Thank you Sensei for this series!
@MarcoFeregrino
@MarcoFeregrino 7 лет назад
Great !!. I learnt who bind data works in the last tutorial and now events. You are very clear Thanks for your tutorials.
@haojiang4882
@haojiang4882 6 лет назад
Easy to follow, nice entry point. Thank you!
@ahmdsaad5078
@ahmdsaad5078 5 лет назад
best vue tutorial, Thank you shaun the ninja so much
@nicoletang1834
@nicoletang1834 6 лет назад
Best course ever!!! I love this channel!!! 💛💛💛
@denissoll5814
@denissoll5814 7 лет назад
thank you very much! But how can i get clicked element? Should i pass 'this' as a parameter to the fhnction?: Click me
@sathishkumar-zn1sh
@sathishkumar-zn1sh 6 лет назад
Hi , Its very useful and easy to learn. Thank you
@creativeplanet2820
@creativeplanet2820 6 лет назад
The Andrew Kramer of Coding world nice ! Andrew Kramer god of vfx and teaching vfx :D
@masterchief1520
@masterchief1520 7 лет назад
You should do bonus video for all upcoming series you know based on comment requests.
@pythontek
@pythontek 5 лет назад
Can someone help me? I was trying print event in console I am getting undefined and attributes are printing on console.
@Plokm715
@Plokm715 6 лет назад
Awesome! It's the best tutorial for Vue.js Thank you so much!
@NetNinja
@NetNinja 6 лет назад
Thanks so much :)
@mrMinstrel
@mrMinstrel 7 лет назад
Excellent!...thanks for this series!
@rb8365
@rb8365 4 года назад
Great tutorial. Even for non native speakers. But how would you insert the a-link without a wrapping p (i.e. as a child of your existing div (but in the same place))?
@김시현-s9t
@김시현-s9t 4 года назад
I love this tutorial. Thank you so much :D
@combustionFreeEngine
@combustionFreeEngine 4 года назад
Great video! Thanks
@danijelbratina
@danijelbratina 6 лет назад
Question: if I use click="add()" instead of click="add" it will work, but if I use mouseover="updateXY()" instead of mouseover="update" it will throw an error.
@reyaadelkomy8046
@reyaadelkomy8046 3 года назад
Really, Thanks a million.
@schroedingerscat7599
@schroedingerscat7599 5 лет назад
Great tutorials. Thanks!
@AryaInk
@AryaInk 6 лет назад
My offset X and offsetY are always 0 in the console but when I display them on the page they work. What am I doing wrong ?
@FastestPodcastClips
@FastestPodcastClips 5 лет назад
The this.age++; work fine, but when we use the this.age += inc; there is a bug if you first click add it will just put the number 1 after 25. How do we fix this ?
@matiasgalante3575
@matiasgalante3575 5 лет назад
You are probably concatenating strings instead of adding integers. Check that age should be :25 not :"25"
@FastestPodcastClips
@FastestPodcastClips 5 лет назад
@@matiasgalante3575 Thanks for the help
@ansonkho1673
@ansonkho1673 5 лет назад
oh god. God of programming..........I found my light.
@scs.modelrailway
@scs.modelrailway 6 лет назад
I need help. I made a table and i want to delete an item on the table using a delete button. I can't het it working. Can you please help me?
@niveshacharya8529
@niveshacharya8529 6 лет назад
I have a little confusion. How did we access the co-ordinates? Is it because of inbuilt event "mousemove" or the 'event' parameter we set? Anyone can help.
@syedmehmood1262
@syedmehmood1262 6 лет назад
hi net ninja i m facing an issue if i first cliclk subtract button then application works fine bt if i first click add button it doesnot work properly e.g age =26 if i click add button it will show like this 261 or 2610 for 10 year plz help
@rutpshah
@rutpshah 7 лет назад
Nicely explained!
@cyrilm7438
@cyrilm7438 6 лет назад
Thanks for this amazing tutorial !
@DushyantJoshi
@DushyantJoshi 6 лет назад
Amazing. Am your fan now.
@Erasuithon
@Erasuithon 7 лет назад
Thanks for these videos. Keep it up!
@alexcsillag7816
@alexcsillag7816 5 лет назад
A question, why does the updateXY function gets called with event as parameter?
@王甯-h2x
@王甯-h2x 6 лет назад
It's confusing for me how to tell the difference between `v-on:click="add"` and `v-on:click="add(1)"`, since the former is not even a function call in JavaScript. But finally I realize that when calling by "add", you actually calling `add(mouse_event)`, which you get a parameter behind the scene. So to me, `add()` is more clear.
@王甯-h2x
@王甯-h2x 6 лет назад
An example: when calling "add": the `inc` will be `object MouseEvent`, while add(1) `inc` is `1`, and you can still access `event` inside the function `add(inc)`.
@pastuh
@pastuh 7 лет назад
So.. best teachers: The Net Ninja , DevMarketer , Bitfumes Webnologies
@adam192021
@adam192021 5 лет назад
The BEST as always!
@trinhnv1205
@trinhnv1205 4 года назад
thanks you very much
@yadude101
@yadude101 3 года назад
at 6:30, are inc & dec special functions or variable names you made up?
@babaprog
@babaprog 2 года назад
Hello, it's juste parameters of the methods it's like a variable
@masteruc4184
@masteruc4184 7 лет назад
What software do you use? And why does it reload the page when the code changes? Thank you and sorry for my english
@ashb9254
@ashb9254 6 лет назад
He said he is using liveserver addon
@Andrei-ds8qv
@Andrei-ds8qv 5 лет назад
You are the best!
@MrAtomUniverse
@MrAtomUniverse 5 лет назад
good tutorial, could you create a video on the type of stuff we can do with vue, for example going through all the v:on methods , so one day when we face an issue , we can go like oh , i remember there's a function i saw on the video~
@football-is-divine
@football-is-divine 4 года назад
Hi netninja , I like to know what event.offsetx mean? How it works ? Plsss help me
@irammanan1834
@irammanan1834 6 лет назад
i dont know how to open vue.js file i open it show code same as i write in html please help me
@nigelpallatt
@nigelpallatt 6 лет назад
Brilliant!
@ahmaddawood9691
@ahmaddawood9691 4 года назад
PERFECT
@amarc2255
@amarc2255 7 лет назад
wowww....
@danielgabe8501
@danielgabe8501 6 лет назад
Thanyou very much
@yumingui5271
@yumingui5271 6 лет назад
The background has a sound like alarming. Am I right?
@rnvdrs
@rnvdrs 7 лет назад
So Vue Reacts very well *badum tss*
@귀염둥이천십억
@귀염둥이천십억 5 лет назад
thanks you!~
@manwithllama
@manwithllama 7 лет назад
Here's a reference to all available events (including mouse events): developer.mozilla.org/en-US/docs/Web/Events Click link, hit cmd/ctrl+f, then type "mouse events" to get straight to the mouse events. Are all these available via vue.js? I'm guessing yes, but I'm too new to know.
@gravityarm9240
@gravityarm9240 7 лет назад
Do not work v-on:dblclick??
@ankushsarkar1746
@ankushsarkar1746 5 лет назад
Neat
@ChuyFlores063
@ChuyFlores063 4 года назад
Wow just realized that I had been using the wrong and outdated version of "subtract"; always thought it had a middle S lol.
@masterchief1520
@masterchief1520 7 лет назад
What theme is that on atom? XD
@NetNinja
@NetNinja 7 лет назад
Hey, it's called Atom Monokai :). The UI theme is One Dark.
@masterchief1520
@masterchief1520 7 лет назад
The Net Ninja got it fam.
@masterchief1520
@masterchief1520 7 лет назад
The Net Ninja I'm wondering how would you serve data from nodejs and mongoDB to vuejs.
@varandasi
@varandasi 6 лет назад
Great tutorial, but the key typing is so loud that sometimes is difficult to hear your voice
@merkypokoberky2771
@merkypokoberky2771 5 лет назад
Move the microphone away from your keyboard goddamn
@borat_trades2860
@borat_trades2860 6 лет назад
i have a problem with css , div id="canvas". it does not style it to what I say - I can change in chrome the style and it's visible. but canvas container is invisible.why?
Далее
Vue JS 2 Tutorial #6 - Event Modifiers
3:51
Просмотров 133 тыс.
Vue JS 2 Tutorial #13 - Simple Punchbag Game
13:54
Просмотров 131 тыс.
Always Help the Needy
00:28
Просмотров 16 млн
Когда Долго В Рейсе)))
00:16
Просмотров 147 тыс.
Vue JS 2 Tutorial #21 - Nesting Components Examples
13:35
Vue JS 2 Tutorial #15 - Intro to Components
7:09
Просмотров 141 тыс.
The Difference Between Vue and React
10:27
Просмотров 39 тыс.
Vue 3 Composition API Introduction [FULL TUTORIAL]
23:46
Why the Vue 3 Composition API?
7:33
Просмотров 127 тыс.
QUICK VUE TIP - EVENT LISTENERS WITH THIS.$LISTENERS
10:04
Vue JS 2 Tutorial #12 - Looping with v-for
10:57
Просмотров 128 тыс.
Vue JS 2 Tutorial #33 - GET Requests
9:47
Просмотров 73 тыс.
Always Help the Needy
00:28
Просмотров 16 млн