This talk was in no way meant to bash another framework. I have used AngularJS heavily in the past. For a time it was great and helped out a lot of developers. Times change and we come up with better ways how to do things. I use Angular 2, React and Vue in my daily work. I don't really have a favourite but see all three om them as great frameworks in their own right. Use what works for you essentially. Thanks for watching :)
This is so effective that the first 25 min alone taught me more about Vue.js than the 15 or so (free) "introduction to vue.js" vids that I watched on the interwebs. I think the focus on code more that what the code will look like in the browser is effective. Or maybe because this time I wrote the code down on paper as a cheat sheet...
Agreed! I just launched my first Vue app into production last week and this really opened my eyes to the underlying concepts. No more hacking and slashing.
I am finding the transition from vue.js to vue cli is very difficult. Not even sure if vue cli is the correct term. When searching for sample code the results show code that does not apply since the two forms of vue are so different.
@@trentstewart8592 If you learn Vue you'll understand how it can really help your workflow. Sure, if you're making a calculator app or something simple it's not going to make too much impact, even though I'd argue there's even an improvement there. But if you're making a medium to large size project then it helps a bunch. It's really good at manipulating the DOM in a clean way without making a 1000 querySelectors and it's way easier to animate elements.
Thank you, very well sumarized althought I think is not suitable for most begginers, sorry for the very bad audience there.. seems they didn't watch Ninja Turtles
19:20 "product" is supplied data, but in the child it's called "item"? I guess that's the standard name and only one item can be supplied (which can contain a list of others if needed). It appears that "save" is merely an event name used by the parent as defined in the component tag at 9:08. Variables like someData are looked up in the hashmap returned by the component's data() method, that can use variables from the props property as well. Why though? $.ajax() can save stuff as well.
Hi Cees.. Thats an error sorry. :product means there is a props on the child component called product, in the data method of the child though I take the product input, copy that and expose it as someData, which means it should be data() { return { someData : {...this.product} } }
christoffer n So it should say "...this.product" instead of "this.item"? Strange that nobody noticed during the presentation. Even the notation looks unsure of itself. I'll prefer including PHP for now until there's a simpler SSR that works with NoScript.
Big disappointment from Vue3/Vuex/TS eco. Nothing even close to ng/ngrx/reactivity. Waiting for next release, maybe the framework gets more mature by that time.
I don't understand why some try to bash other frameworks to promote their favourite one. get a life! if you're not liking something in the first place, you'll hate it forever and seek excuses to bash them even further.
Hi Sonny. Apologies if it came off that way. I'm actually an Angular GDE and use Angular2 heavily. I also like using React. The point I was trying to convey was that there were mistakes made in AngularJS that both Angular 2 and Vue.js have adressed, although in different ways.
![Vue.js Course for Beginners [2021 Tutorial]](/img/1.gif)
This talk was in no way meant to bash another framework. I have used AngularJS heavily in the past. For a time it was great and helped out a lot of developers. Times change and we come up with better ways how to do things. I use Angular 2, React and Vue in my daily work. I don't really have a favourite but see all three om them as great frameworks in their own right. Use what works for you essentially. Thanks for watching :)
Thank you for this presentation :)
Hey great talk.
great talk man
great show man thanks. hope i get my js skills up coz i want to be a webdev but my head has a problem with js. hahah
Angular 2 is one of the worst frameworks I've ever used.
I haven't seen such almost full coverage of vuejs & vuex. Great concise reference. Thanks
This is so effective that the first 25 min alone taught me more about Vue.js than the 15 or so (free) "introduction to vue.js" vids that I watched on the interwebs.
I think the focus on code more that what the code will look like in the browser is effective. Or maybe because this time I wrote the code down on paper as a cheat sheet...
hi..happy to hear that. Thanks for the feedback.
Agreed! I just launched my first Vue app into production last week and this really opened my eyes to the underlying concepts. No more hacking and slashing.
11:30 "бабушка"(babushka) means grandmother, "матрёшка" (matryoshka) is a toy shown on the screen
Wow, that tip about talking to other modules was a plus. Thanks!
Just as simple as it should, with all the required content for any application. Great talk, thanks.
That is it! Realization of child component and especially the communication between them.It is the very special part!
Always coming back to this video to refresh my vue. Great presentation!
Vue.js: quite simple but so powerful!
Chris - Thank you for a really concise and informative presentation! I loved the turtles references!
This is so good. If only I have watched this when I first started learning.
i love your presentation ! so simple, so fun and so effective, thx!
Thank you for that :)
"We all know that pain" - Yes, being on Stack Overflow for any time at all is a huge pain
agreed. That's why I'm writing a lot of tutorials. Hopefully something in here can help: dev.to/softchris
I don't even like using stackoverflow because there's no quality control on the information.
11.35 not babushka, but matroshka, i think. Because its "Матрешка"
thank you for that, forgive my ignorance. I have corrected this when I've delivered this talk in other places
я сам офигел когда матрешку обозвали бабушкой, ахаха
router for the footer? or a different menu? Vue just gets better all the time. Great presentation.
Great introduction with a great speaker!
I just mastered VUE.JS
This is so good and relevant even in 2021.
This is the best talk on vuex!
Great Presentation! You covered a lot of topics quickly and simply! Thank You!
24:30 Is there a difference between and ?
applies to Vue.js. The from that slide seems to belong to Angular instead.
@@LluisLasaosa riiight.. thanks for pointing that out. I dabble in both Angular, React and Vue, wires get crossed :)
I am finding the transition from vue.js to vue cli is very difficult. Not even sure if vue cli is the correct term. When searching for sample code the results show code that does not apply since the two forms of vue are so different.
Loved it Chris! Great sense of humour too ahah :P
Nuno Silva Agreed! This is an excellent talk, with all the variables considered before hand. Not just riding trends.
am a beginer to js, and vue seems good, thank for ur part.
This is only short part of VueJs. Better first mastering vanilla js ;)
Thank you so much Chris!
Very good. No wasted time.
Very nice, very well presented
awesome, very detail
thankssss i get sleepy reading documentations this was a great help
Really good presentation - a longer one would have been even better
vuex starts at 35:00
This guy is a lot of fun amirite?
why didn`t he talk about vuex store modules with namespaces? and it`s better to use ...mapGetters/...mapActions ..etc
thanks for the feedback
Only so much can be talked about. mapGetters and whatnot are useful, but something has to be dropped for the sake of time.
whats the point in using vue when you can just use javascript/jquery
It makes the workflow way more cleaner and more organized.
@@mariany4691 not if you structure your javascript properly, maybe if you cant code JS well it will
@@trentstewart8592 If you learn Vue you'll understand how it can really help your workflow.
Sure, if you're making a calculator app or something simple it's not going to make too much impact, even though I'd argue there's even an improvement there. But if you're making a medium to large size project then it helps a bunch.
It's really good at manipulating the DOM in a clean way without making a 1000 querySelectors and it's way easier to animate elements.
Trent Stewart maybe you may go from Europe to America by swimming ... but it's more comfortable to go by a ship :)
Awesome tutorial, thanks a lot!
Great presentation, terrible audience.
hahahaha
It's Vue presentation, not a Bethesda one. So, for sure no one has been paid to clap or cheer
:(
Realmente, audiência horrível. Pessoas mais sem reação.
Audiences are of shit or corona
Fabulous. Cheers.
Where is the git repo of this demo?
hi Eduardo, the talk is a compilation of info from here github.com/softchris/vuejs-book
Thanks, good talk
Very good lecture
Really helpful!!!
This is great!
Great talk
like it
Imagine if Netninja did this!☺️
Christoffer is like RAK in Tower Of God lol ! Calling everyone turtle.
Thank you, very well sumarized althought I think is not suitable for most begginers, sorry for the very bad audience there.. seems they didn't watch Ninja Turtles
Thank you for that comment. Some of them did seem to have watched TMNT, but yea far from the entire room :)
19:20 "product" is supplied data, but in the child it's called "item"? I guess that's the standard name and only one item can be supplied (which can contain a list of others if needed). It appears that "save" is merely an event name used by the parent as defined in the component tag at 9:08. Variables like someData are looked up in the hashmap returned by the component's data() method, that can use variables from the props property as well.
Why though? $.ajax() can save stuff as well.
Hi Cees.. Thats an error sorry. :product means there is a props on the child component called product, in the data method of the child though I take the product input, copy that and expose it as someData, which means it should be data() { return { someData : {...this.product} } }
christoffer n So it should say "...this.product" instead of "this.item"? Strange that nobody noticed during the presentation. Even the notation looks unsure of itself. I'll prefer including PHP for now until there's a simpler SSR that works with NoScript.
knockout.js forever!! :-)
Vue Cli : 12:09
11:35 probably no one gives a shit, but that is matreshka, not babushka model
hi.. forgive my ignorance.. Thank you for the correction :) Hope you enjoyed the video
Really good coverage of Vue fundamentals, crowd sucks ass.
棒
I like this presenter, but why are the audience even there?
So this is what Haley Joel Osment is doing these days, huh!
I see dead code - all the time ;)
@@ChrisNoringchrisnoring Hahaha... Nice followup :). If it's dead or not, it depends on your vue point :D
@@ChrisNoringchrisnoring Amazing presentation by the way.
Great presentation but the guy sounds like a robot.
Big disappointment from Vue3/Vuex/TS eco. Nothing even close to ng/ngrx/reactivity. Waiting for next release, maybe the framework gets more mature by that time.
heavy lunch...? haha! what a boring crowd.....this guy is a star.
FUCKING PRONUNCIATION!
Failed improv teacher learns to code
I don't understand why some try to bash other frameworks to promote their favourite one. get a life! if you're not liking something in the first place, you'll hate it forever and seek excuses to bash them even further.
Hi Sonny. Apologies if it came off that way. I'm actually an Angular GDE and use Angular2 heavily. I also like using React. The point I was trying to convey was that there were mistakes made in AngularJS that both Angular 2 and Vue.js have adressed, although in different ways.