Vue.js Explained in 100 Seconds
HTML-код
- Опубликовано: 13 июн 2024
- What is Vue.js? Learn the basics of Vue and build your first reactive UI component in just 100 seconds ⚡👀 fireship.io/courses/vue/
Vue Docs vuejs.org/
Build a full-stack app with Vue & Firebase 🔥👀 fireship.io/courses/vue/
Install the quiz app 🤓
iOS itunes.apple.com/us/app/fires...
Android play.google.com/store/apps/de...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font - Наука
**watches video** - **adds skill to resume**
hahah
🤣🤣🤣🤣🤣 swear to god, i was just about to this
I came here to the comments just to see this 👌
same 😅😅
LMAO
First Vue video on this channel, upvote if you want to see me Vue content & comment with your topic suggestions!
yes pls!
Manymanymanymany more!!! Vue is absolutely my life for the nuxt 3 years.
0:03 / 2:03
•
Conclusion
can you make Vuetify.js or vuetify Explained in 100 Seconds
can also full length toturial as well
Vue has changed and matured so much since this video, it's about time for a new 100 seconds video using Vue 3 with composition and setup scripts
@Fireship do this
A downgrade that just makes the code look less organized.
@@Wreighn I do not agree. The vue2 got a lot of problems of over-engeneering that made it slower than 3. it becomed a performance issue
@@Wreighn another words Vue become a second react. I hate it so much.
Yes and then they add in the last statement that instead they don't listen to the community and push unwanted and unneeded downgrades that will take you months to rewrite with worse reactivity and performance.
Rarely do I see someone consider "not being supported by big cooperations" as an upside, but I completely agree.
React and Angular are great frameworks as well, and they all resemble each other to a certain extent, so imo it doesn't really matter which one should you choose to start with, since you can always switch between them without many difficulties. I got to know to React first, then I changed to Vue. All the things I learned in React helps me a lot understanding Vue, and I find both of them interesting and worth learning.
Seriously? React is framework?
@@juangprogramming I mean I think it kinda is... like yes you have to install a lot of third party tools like react-router-dom for routing and a bunch of other stuff, but it does wayy... more things than a library,
and when you're using some cli tool like create-react-app or vite it almost becomes a framework.
Bruh didn't you read what I said, when people start using react with create-react-app and vite it almost gets tied to that eco-system, like if your projects using create-react-app and you wanna use Turbopack for bundling good luck with that, same if you're using vite and don't capitalize your file names they wont' trigger HMR
what I'm saying is nobody manually configures react with babel to compile JSX and then use Webpack to bundle it with watch flag,
yes react in itself is a completely different thing, too different from webdev itself, but when building SPAs, the tech people use often make them do things in an opinionated way and that's what I meant
React itself is not opinionated, but it's not sufficient either, you need a build tool with it, and that build tool sometimes restricts you to do certain things.
@@thatsalot3577 I get all you're saying. Probably 90% of actual production use-cases are built with some framework around React. But it is very important to keep the underlying principles and tools separated from the interchangable framework around it.
React is not a framework, it also doesn't become one if you use Next.js or other frameworks. Same way that JavaScript doesn't become type-safe, if you're using typescript. It's type-safe before you compile, and afterwards, things will go wrong. because they can go wrong.
Also, even though I don't see how CRA is making React into a framework... I built several build configurations for my React apps myself, because for certain use-cases you're better off doing that. For example when building a component library. I found that to be very doable.
But in the end, every project needs rules. Frameworks enforce these. So whether you like a framework and its rules, or you make up your own, doesn't change the outcome much, does it?
@@callmepotato192 smells like sb is an angular fanboy..
I would like a comparison video of vue, react, and angular and wich you "should" learn and why. Preferably a long 10+ minute video rather than 100 secs. These are awesome though keep it up
+1 Which one Framework is best suited for solo developers that are considering the three big frameworks.
@@HandcartRule46 Vue. It's the fastest and easiest to develop with.
Vue for sure, easy to start, React if you are looking for a job
React has the highest employment demand and it's better for teams and has a bigger community and more modules and libraries, learn react first then go for vue or angular, vue is the easiest and the most likable one but react is currently the library you "should" learn first imo
@@lone-warrior-13 I learnt Vue first because it was easier. Now i'm using React and I really miss some things like computed properties.
Who else thinks that this is the best channel on RUclips ?
Crickets
This is a good channel when you think about presentation, but I will pick Traversey Media because Brad gives you long videos explaining everything. Again, these two channels are different, so comparison is not that important.
@@ayaneshsarkar7804 It's a bot, spamming that same comment everywhere.
LaserUnicorns is better, but this one is certainly not bad
ME!!!
Man me another another young developer (both in mid 20s) were finally able to convince our company (all other devs in 40s or 50s) to start using a frontend framework. I had React experience, but realized VUE would be way easier to implement on already made sites. And it has been a blessing
how you got your first programming job? i am 18 years old
@@electricimpulsetoprogramming spam cv everywhere
Svelte in 100 seconds please, it's so underrated, yet it's soooo simple
Coming soon! I maintain the "sveltefire" package, so looking forward to making that video.
@@Fireship LOVE your SvelteFire library btw. Keep up the good work! :)
Svelte in 1 second: not combines with typescript. End. it has its own compiler, instead of js runtime, so a lot of problems because of it. But its a great framework if you need to just make things simple
@@CuriousSpy Why 'instead of js runtime'? It emits JS, which can then be run on any engine. Lack of first class TS support is a downer, for sure, but that should be fixed in the future.
@@CuriousSpy
- Blazing fast
- Extremely tiny bundles
- Easy to learn
- Less lines of code for the same functionality versus other frameworks
- Possible to embed in existing web pages as a widget
I was just looking into this, your timing is always scary perfect haha 😂
I get that a lot 😂
Literally the same here
Same thing here, mate! xD Because of working with WordPress, I had to learn some React, because of work at the office I had to learn some Angular, but I honestly would rather using my time to learn and work with Vue.js. I can't wait to get my hands on it! Dx
@@RodrigoDAgostino My opinion would be to go straight to React over Vue. It is less rule based and flexible
Do whatever seems easier for you to understand. If you are unfamiliar with ES6. React should be the go to point
@@Sanguinezor I honestly appreciate your advice, my friend :) I definitely prefer React over Angular because I find the sintaxis much easier to understand. But I still want to give Vue a chance. Everything I've heard about it was pretty good, and also I'd rather stay as far away as possible from shady companies like Facebook and Google. Specially from Facebook.
I learned react in a boot camp to get a job, but the company I got hired was using Vue so I had to learn it. It was way more intuitive, simple and javascript-like than jsx, which was more fun and satisfactory as a developer. When using jsx I felt like I was not using javasript but some script called react.
I feel the opposite. Vue and Angular look like template engines to me. Like Handlebars on steroids. With React I feel like I’m actually using javascript. It feels way more intuitive.
have the same Situation, Will you please guide me how to you studied Vue
@@dtecho7 i've read a book that the company gave me. I felt comfortable after reading it twice.
Vue still the best who start write the code
not to mention the ability to have scripts on any vue file with html and css declared too
Used a bit of vue in client projects and really like how you use what you need. I don't feel like I'm carrying around a massive ball-and-chain framework which dictates my project flow. Definitely recommend vue.
Functional programming in 100 seconds would be interesting. Lots of different explanations of FP out there, would be fun to hear yours!
explaining monads in 100 lifetimes would be impressive
FP in 100seconds
@@blackwhattack P versus NP solution in 100 seconds
Fantastic. The ui framework i didn't know i needed. The core concept described here made instant sense to what I usually try to do. Great work.
Love the simplicity and how robust VUE is ❤ ☄
i cant believe how perfect this comes
This is the best, simplest and shortest explanation which I've ever seen man!!!
Awesome as always! You need to do a series of 100 seconds get it a degree 1,000 seconds
Haha, my plan is to combine 100 of these into a 10,000 second bootcamp ;)
Literally doing a Vue deep dive. Your timing is great and reassuring in picking up Vue
I totally love vue. I use it for almost all my clients who need custom and complex applications. 😁
More videos of "javascript framework in 100 seconds".
It really saves it really saves a lot effort to research about for learners.
Waiting for Angular in 100 seconds.
I've watched a few videos saying how to use vue, but now i can see why it's so practical, thanks 👍
i am just finishing my first angular application and this comes out! Wonderful!
This is the best channel in youtube for me, keep up the good work man 👏👏👏
Just dive in into vue and remember this series, really helps a lot, thank you
This channel is damn unique. Deserves appreciation
Okay, this was quick, plus it was educational, so good. Thanks!
Vue is dope. A great choice for any developer making the jump from Vanilla JS to working with a framework.
Learned Vue for the past year and you explained it in 100 seconds :D
svelte in 100 seconds , im in love with it and im using it now every where :)
Vue.js is just a pleasure to work with!
I saw many similarities with Angular. I'll definitely try VueJS when I get time. Great video
I *LOVE* VUE! I started working with React a couple of years ago, in my current company I had to learn vue, and now there is no way I am going back to React :)
MongoDB explained in 100 seconds? ❣️
@Ed You probably made mistakes, I've been using Express and Mongoose for multiple projects and haven't had any issues so far.
Vue is awesome, honestly bringing the best from other reactive frameworks. Been working 2 years with it!
noob here but, what he showed can be done with template litterals no? Could you clarify on the advantages of vue.js
It's honestly preference. Just balance what works with what works for you. All preference. It's xbox and ps4 both have their pros and cons but one isn't definitively better than one. One might have spiderman so you use that cuz that gets the job done. The job being you having the ability to swing from buildings using your controller. But now you can't play halo cuz halo but so if for some reason you must play halo you choose xbox. The same goes for all these frontend frameworks.
@@jackmaison4209 So other than preference there are no advantages? I imagine it streamlines your coding experience but is that it?
@@maximebeaudoin4013 actually yeah, I kinda think there's no advantages of using any other framework to another. Im using vue for my side projects, and react if you really wanna earn $$$.
@@wobsoriano I think there is a advantage of angular over react: it is more beginner friendly, because it presents you with best practices, whereas with react you have to collect it yourself.
On the other hand: react is nice because of react native
you are the best! Another great video in the last days... Keep going!
This looks so clean and simple wow.
Will love to see another more in depth vue.js video
really cool video. short and very informative.
thank you!
I didn't pay much attention to this because it was just a third option with something that I already had two good options for. However, I read an article a few weeks back about how it can basically replace jQuery and now it has my attention. It seems like it could be useful for adding some functionality to older projects. Would like to see some content on building it into existing WordPress websites to give a certain specific feature rather than an entire app.
Why am I just finding your channel? Subbed. Thanks for this.
Before trying vue i believed react is the best js library/framework for building js app but the more i work with vue the more i like it it's template system is much better and straightforward
this is the best explantation i've found thanks a lot
🙏🏾 thank you so much for this video. Think imma use vuejs for my next app
Thanks for that quick refresh in vue.js !
bro this is the second time I was researching about a topic and then you upload a video that same day. Are you watching me?
thx for the video.. after learning from this, i got a glimpse what is vue.. thx..
Amazing work! Are you planning to do one for React?
Good timing! I've started vuejs only last week because the web Component integration work way better than the angular elements. Nice video as always !
Cool! I've used Vue alot. Very nice stuff.
Love these vids dude, keep em coming.
Whoa... Now I know Vue! lol! Great short and to the point vids!
You made me love Vue
Magnificent! It captured my attention right away. Might wanna try to learn this one. Thanks!
Edit:
You've earned a sub!
Thank you Sir! You, are, AWESOME!
Love your work !
Thanks for the overVue
Nothing is more enjoyable than working on vue 3 and svelte😊
Assalomu Aleykum
I love the way you explain with simplicity))
Keep the 100s of series coming
I love working with Vue
THESE 100 sec video could make people SCREAM BADLY!
Hi mate,
Like your videos such a short and knowledgeable.
I would like to know or need a suggestion from you, that what programming language is best to choose on server side for a front-end dev, other than Nodejs. Like to see a video on it.
Vue js is the best web framework I've ever had the pleasure of working with.
I've worked with it professionally on VERY LARGE enterprise applications and I've never had much problems with it.
Vue 3 will eliminate the only small problems I've encountered.
Nice! Really love this hahaha
Awesome explanation!!
It would be great if you could also do a "Quasar Explained in 100 Seconds", too. :)
Love it 😍. Make video about WebRTC please..
I am using vue js and believe me it is so simple and delightful to a developer. Use it and know ur self
the best js framework
Also some full stack deployment tutus I'm dying for
Amazingly described..
Finally giving Vue some LOVE!
I love this THANK YOU
Great video as always...
I had a deep dive into vue.js early in my development career - one of my first major front-end libraries to explore, demand is higher than ever 6 years later.
Great to know that. Vue mastery, a website hosting Vue courses, is free to watch this weekend. I guess it will be worth going through then
Docker in 100 seconds would be nice :)
This syntax reminds me of the times when it was normal to mix PHP code into HTML :D
Jeff is my favourite tech RUclipsr
this 100 second videos are very good
the best front end framework
Please, more videos of Vue.js 🙏
1:32 that’s my comment ! 😂 thanks for featuring me
This video hit at the right time
Awesome video!
Great over-vue
Hey man, awesome introduction! Would you mind making one of these on yew?
Love it!
i love your channel.
WWWow. Thank you for expanation. Def gonna use this on project
Ur videos r insane
Vue is great. This video is also great :)
The best front-end framework for web developer. Is possible to use directly with CDN without bundler for move simply page and for make an beauty application.
Nosebleeds from the dictation speed... Otherwise a good refresher for someone like me onboarding to JS frameworks. Great man. 👍🏻
Wow, it was amazing
Can I say it's angular+react? Because I see similarities from both in vue, writing html and js in a single file like react, but keeping them seperated and having two way binding like angular
Vue is beautiful i know React and Vue, and Vue was the best thing that could happen to Javascript and HTML and CSS.
gotta love vue
Thanks man, now I am certified professional developer.
As both Vue and Angular developer, I can say that they are both equally advanced, each in its own way. Yet Vue is somehow more logical. programmer-friendly and less prone to code depreciation issues. The funny thing is that Angular uses typescript and classes, imitating object-oriented languages with strict type definitions, while javascript as a resulting code ignores all that because it is not intended to be used as an object-oriented strict type language. Whole Angular is kind of a mega syntactic sugar, you type things, and at the end javascript ignores it :)
I don't think you understand what TypeScript is supposed to do.
JavaScript doesn't "ignore it" Typescript introduces type safety into JavaScript. JavaScript is an Object Oriented programming language and should be used as such. Your statement is objectively wrong
Great Video, Now please build the same with react
Will do! Eventually you will see 100 seconds of all the js framework flavors.
First guy!!! Love and respect from Pakistan. Love your channel
Gold! 🥇