Vue.js Explained in 100 Seconds

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

[@adamb3422]

**watches video** - **adds skill to resume**

[@750Kviews]

hahah

[@kaypakaipa8559]

🤣🤣🤣🤣🤣 swear to god, i was just about to this

[@LuanHimmlisch]

I came here to the comments just to see this 👌

[@rubenpartono]

same 😅😅

[@TheKillerZmile]

LMAO

[@Fireship]

First Vue video on this channel, upvote if you want to see me Vue content & comment with your topic suggestions!

[@DogeMultiverse]

yes pls!

[@discord-bih]

Manymanymanymany more!!! Vue is absolutely my life for the nuxt 3 years.

[@Chaoseweebedits]

0:03 / 2:03 • Conclusion can you make Vuetify.js or vuetify Explained in 100 Seconds

[@Chaoseweebedits]

can also full length toturial as well

[@CodyDBentley]

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

[@PavitraGolchha]

@Fireship do this

[@Wreighn]

A downgrade that just makes the code look less organized.

[@gabrielserejo8379]

@@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

[@viacheslav2239]

@@Wreighn another words Vue become a second react. I hate it so much.

[@CorTec]

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.

[@cdeepmusic]

Who else thinks that this is the best channel on KZbin ?

[@vivekvitthalraopatil2775]

Crickets

[@ayaneshsarkar7804]

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.

[@Keeqler]

@@ayaneshsarkar7804 It's a bot, spamming that same comment everywhere.

[@climatechangedoesntbargain9140]

LaserUnicorns is better, but this one is certainly not bad

[@zalnars7847]

ME!!!

[@YunisRajab]

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

[@HandcartRule46]

+1 Which one Framework is best suited for solo developers that are considering the three big frameworks.

[@brad7957]

@@HandcartRule46 Vue. It's the fastest and easiest to develop with.

[@DieRugle]

Vue for sure, easy to start, React if you are looking for a job

[@lone-warrior-13]

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

[@brad7957]

@@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.

[@meh398]

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.

[@juangprogramming]

Seriously? React is framework?

[@thatsalot3577]

@@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.

[@thatsalot3577]

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.

[@callmepotato192]

​@@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?

[@user-fr2fm3ri3w]

@@callmepotato192 smells like sb is an angular fanboy..

[@RickSanchez167]

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

[@electricimpulsetoprogramming]

how you got your first programming job? i am 18 years old

[@otori_]

@@electricimpulsetoprogramming spam cv everywhere

[@omg3r]

Svelte in 100 seconds please, it's so underrated, yet it's soooo simple

[@Fireship]

Coming soon! I maintain the "sveltefire" package, so looking forward to making that video.

[@MatthewChenIsAwesome]

@@Fireship LOVE your SvelteFire library btw. Keep up the good work! :)

[@CuriousSpy]

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

[@VilsonFabricio]

@@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.

[@hdauven8434]

@@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

[@djpeterson7479]

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.

[@Steve-zo2zt]

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.

[@user-rr4ei1sl1b]

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.

[@dtecho7]

have the same Situation, Will you please guide me how to you studied Vue

[@Steve-zo2zt]

@@dtecho7 i've read a book that the company gave me. I felt comfortable after reading it twice.

[@adityaharist]

Vue still the best who start write the code

[@fizzinsoda]

not to mention the ability to have scripts on any vue file with html and css declared too

[@meco]

I was just looking into this, your timing is always scary perfect haha 😂

[@Fireship]

I get that a lot 😂

[@Rahul-ym9uh]

Literally the same here

[@RodrigoDAgostino]

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

[@Sanguinezor]

@@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

[@RodrigoDAgostino]

@@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.

[@re-codedexistence9351]

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.

[@silverlight808]

Functional programming in 100 seconds would be interesting. Lots of different explanations of FP out there, would be fun to hear yours!

[@blackwhattack]

explaining monads in 100 lifetimes would be impressive

[@codeaperture]

FP in 100seconds

[@divanvanzyl7545]

@@blackwhattack P versus NP solution in 100 seconds

[@zigggen]

Love the simplicity and how robust VUE is ❤ ☄

[@ZephniStrife]

I've watched a few videos saying how to use vue, but now i can see why it's so practical, thanks 👍

[@tycooperaow]

I totally love vue. I use it for almost all my clients who need custom and complex applications. 😁

[@hakkulku5501]

This is the best, simplest and shortest explanation which I've ever seen man!!!

[@roid1510]

i cant believe how perfect this comes

[@Aaronmoreno]

Literally doing a Vue deep dive. Your timing is great and reassuring in picking up Vue

[@youtube.com-handle]

i am just finishing my first angular application and this comes out! Wonderful!

[@Skalexsong]

Just dive in into vue and remember this series, really helps a lot, thank you

[@venkatsai5252]

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.

[@TerrenceLP]

Awesome as always! You need to do a series of 100 seconds get it a degree 1,000 seconds

[@Fireship]

Haha, my plan is to combine 100 of these into a 10,000 second bootcamp ;)

[@ighsight]

Vue is dope. A great choice for any developer making the jump from Vanilla JS to working with a framework.

[@Omerko]

Okay, this was quick, plus it was educational, so good. Thanks!

[@badreddinlabed530]

This is the best channel in youtube for me, keep up the good work man 👏👏👏

[@n3x404]

svelte in 100 seconds , im in love with it and im using it now every where :)

[@typ0_cratz]

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 :)

[@patroclus8796]

This channel is damn unique. Deserves appreciation

[@rtpHarry]

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.

[@JKCD]

I saw many similarities with Angular. I'll definitely try VueJS when I get time. Great video

[@alessandrobelottidev]

you are the best! Another great video in the last days... Keep going!

[@LikeAndFavBF3]

Learned Vue for the past year and you explained it in 100 seconds :D

[@hugazo]

Will love to see another more in depth vue.js video

[@lone-warrior-13]

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

[@olhafilatova6288]

really cool video. short and very informative. thank you!

[@yampolskie]

This looks so clean and simple wow.

[@michaelpumo83]

Vue.js is just a pleasure to work with!

[@martincarles1054]

Vue is awesome, honestly bringing the best from other reactive frameworks. Been working 2 years with it!

[@maximebeaudoin4013]

noob here but, what he showed can be done with template litterals no? Could you clarify on the advantages of vue.js

[@jackmaison4209]

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.

[@maximebeaudoin4013]

@@jackmaison4209 So other than preference there are no advantages? I imagine it streamlines your coding experience but is that it?

[@wobsoriano]

@@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 $$$.

[@climatechangedoesntbargain9140]

@@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

[@yoericktv9610]

Why am I just finding your channel? Subbed. Thanks for this.

[@diceygaming]

🙏🏾 thank you so much for this video. Think imma use vuejs for my next app

[@abdelkaderbenhassen9232]

this is the best explantation i've found thanks a lot

[@julianbolliger4805]

Thanks for that quick refresh in vue.js !

[@hasanal-haddad8016]

thx for the video.. after learning from this, i got a glimpse what is vue.. thx..

[@user-ww6xj1zj8i]

MongoDB explained in 100 seconds? ❣️

[@razbeats8242]

@Ed You probably made mistakes, I've been using Express and Mongoose for multiple projects and haven't had any issues so far.

[@williamboshi1855]

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 !

[@nicoguruphat693]

Love your work !

[@TysonLondon]

Whoa... Now I know Vue! lol! Great short and to the point vids!

[@yanluisfermin9958]

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?

[@dragonniteIV]

Nice! Really love this hahaha

[@mikkun_]

Magnificent! It captured my attention right away. Might wanna try to learn this one. Thanks! Edit: You've earned a sub!

[@FidelGuajardo]

Cool! I've used Vue alot. Very nice stuff.

[@MyDvR7]

You made me love Vue

[@BulletsToBrainRatio]

Thanks for the overVue

[@goliram007]

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.

[@mwnkt]

Keep the 100s of series coming

[@laurenc180]

I love working with Vue

[@Zakher]

Amazing work! Are you planning to do one for React?

[@davidionesi9207]

Thank you Sir! You, are, AWESOME!

[@the_amazing_memees4149]

I love this THANK YOU

[@iliyaataei2238]

Great video as always...

[@azatecas]

Love it!

[@atribhattacharyya2631]

Amazingly described..

[@Adjust91]

Vue is a fantastic framework. After learning react and svelte, it definitely feels like svelte, but with alot more jobs, meaning as a junior I can confidently learn it and apply for jobs!

[@0mdshuvo0]

Also some full stack deployment tutus I'm dying for

[@goodeveningtech700]

Awesome video!

[@brutalbutler]

the best front end framework

[@marcoalanis2466]

This video hit at the right time

[@VamsiSir-AlphaMale]

I am using vue js and believe me it is so simple and delightful to a developer. Use it and know ur self

[@tobimarulee]

Awesome explanation!! It would be great if you could also do a "Quasar Explained in 100 Seconds", too. :)

[@lucasfelipe-ze5sy]

Wow, it was amazing

[@Chris-xl3ly]

Love these vids dude, keep em coming.

[@undefined6341]

This syntax reminds me of the times when it was normal to mix PHP code into HTML :D

[@user-lc4mr7kr6t]

Спасибо, отличная информация

[@yokubibnsafar7895]

Assalomu Aleykum I love the way you explain with simplicity))

[@J0hn.R]

1:32 that’s my comment ! 😂 thanks for featuring me

[@yogaaltariz2990]

Love it 😍. Make video about WebRTC please..

[@johanjacobi7]

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.

[@igorcastilhos]

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

[@matthiashermsen9464]

Docker in 100 seconds would be nice :)

[@ferveloper]

Please, more videos of Vue.js 🙏

[@macjames6929]

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.

[@personnenikto3032]

the best js framework

[@YuunaAndCuddles]

Nosebleeds from the dictation speed... Otherwise a good refresher for someone like me onboarding to JS frameworks. Great man. 👍🏻

[@4tt4official7]

Ur videos r insane

[@matthewutley5370]

I freaking love Vue.

[@anon3746]

Great over-vue

[@user-ge5oe9oo2k]

this 100 second videos are very good

[@halbgefressen9768]

Hey man, awesome introduction! Would you mind making one of these on yew?

[@tough_year]

Awesome video.

[@LG-wb1jf]

i love your channel.

[@NStripleseven]

gotta love vue

[@desther]

Vue is great. This video is also great :)

[@WorstDeveloper]

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.

[@akashrajum3319]

Thank you.

[@vuinhtien6513]

Thank you

[@nick1636]

I was basically learning this

[@gogoikabir]

great video 👍 bdw I tried to learn Vue many times but it didn't click my head. I'm more comfortable with React than Vue. (I think I should try it again)

[@amiralam1786]

THESE 100 sec video could make people SCREAM BADLY!

[@gricchastain6506]

Thanks soo much. .

[@jakewalklate6226]

I love vue!!!!