Master Vue.js Composition API: Build 10 Stunning Projects for Real-world Expertise!

Unlock the full potential of Vue.js Composition API with our comprehensive course! Dive deep into hands-on learning as you create 10 impactful projects that showcase the versatility and power of Vue.js. Whether you're a beginner or an experienced developer, this course is designed to elevate your skills and empower you to build modern, efficient, and scalable Vue.js applications. Join us on this coding journey and transform your understanding of Vue.js Composition API into real-world expertise.
Follow Me On 👇
Instagram: / huxnshorts
KZbin: / @huxnwebdev
GitHub: github.com/huxn-webdev
Twitter: / huxnwebdev
#vuejs #CompositionAPI #webdevelopment #learntocode2024 #javascriptprojects
00:00 - Intro
00:16 - What is Vue.js?
03:10 - Side Talk
05:28 - Installations
10:46 - Folder Structure
18:32 - Component In Depth
32:43 - Text Interpolation
38:55 - Attribute Bindings
44:48 - Dynamic Bindings
47:17 - Styling In Depth
1:00:08 - Event Handlers In Vue
1:11:33 - Reactivity & Reactive
1:19:40 - ref()
1:29:34 - Computed Properties
1:35:12 - Conditional Rendering
1:50:18 - v-for
2:11:57 - v-model
2:18:58 - Props
2:46:16 - Component Event
2:56:04 - Slots
3:07:16 - Provide & Inject
3:24:57 - Lifecycle Hooks
3:38:29 - Watchers
3:55:09 - Template Ref
4:09:04 - Async Components
4:17:00 - Composables
4:27:13 - Custom Directives
4:39:08 - Dynamic Components
4:45:21 - Data Fetching In Vue
4:55:15 - Project 1
5:01:15 - Project 2
5:05:57 - Project 3
5:15:22 - Project 4
5:20:40 - Project 5
5:28:59 - Project 6
5:39:59 - Project 7
5:44:27 - Project 8
5:48:49 - Project 9
5:57:51 - Project 10
6:12:49 - Outro

[@huxnwebdev]

Complete Source Code With Projects👇 github.com/HuXn-WebDev/Vue.js-Complete-Course-With-10-Projects ( New ) Full Stack Web Development Complete Course 2024 👇 kzbin.info/aero/PLSDeUiTMfxW6VChKWb26Z_mPR4f6fAmMV

[@saikumar7247]

bro could u make a video on svelte

[@ozzyfromspace]

Bro, this may be the most productive VueJS video on yt right now. I have a background building NextJS, go, and nodes apps but joined a startup that uses Vue3 (mixed options and composition api) and Django. I’m doing okay now (about 5 months in) but it’s kinda crazy to think how much further I’d have been on my guess journey if I saw this video earlier. Sure, there’s more to the subject than what you can cover in 4-6 hours, but omg what a powerful and relevant way to start. Keep it up bro, I’m cheering you on from the bleachers 🥳🏆✨

[@avelo895]

This is the only high-quality course in Vue which is modern, from 2024! ❤ You did a huge work, dear author. Thank you for your time and effort! ❤ The way you explain that framework is enormously helpful. Thank you! ❤

[@michaels.5001]

Congrats to 50k :) What a really great course, I come from Angular and am absolutely new to Vue and can say it is really very well explained.

[@mahadihashan1861]

From Bangladesh, I believe that enjoy the learning vue with you.

[@Baabicota]

I'm so happy to find updated content about Vue. Thank you so much for sharing your knowledge! By the way, the channel is AMAZING!

[@whisperscribe]

Cool example on dynamic binding, never seen someone teach that way!

[@ivo9563]

It's great vue training lecture! Thank you!

[@robertdiasmelo]

One of the Best's teachers! Waiting for Golang on Backend. 😅😅😅

[@maestrogoldring1094]

Awesome! Was looking forward to this one. Thanks again!

[@huxnwebdev]

You're so welcome 🥂

[@RomFeliciano]

Waiting for NuxtJS Sir, Thank you so much for this lesson

[@userj-s2000]

Congrats looks great will prob do the vue wiki when i get down some basics thanks

[@joelekpinda2821]

This is just awesome. A high-quality course. Thanks HuXn

[@sushmithas504]

once again thank u so much did'nt expect this at all..Waiting for videos long time.got an amazing one ,WELL DONE BRO!!!😍

[@huxnwebdev]

Thanks my bro 🤝

[@sybrespect3161]

Really enjoy your detailed explanations in your videos! 👏 Your content is insightful. Would love to see a React Native and Reduxtoolkit tutorial next.

[@huxnwebdev]

Already in my list 🥂

[@MohamedMagdy-jt7jx]

Greate course bro, I think this is the most valuable free Vue.JS course on the internet

[@iUmerFarooq]

Waiting for Nuxtjs with fullstack projects.💚

[@shahedahmed2599]

Absolutely fantastic tutorial. Please make a video about how you made your windows terminal so beautiful or if there is any video please provide the link.

[@itsjaysenofficial]

Great tutorial!!!! thank you 🇵🇷

[@farazk9729]

42:30 :-DDDD Thanks for the video and the sense of humor, haha!

[@DharmikGohil-bw2ug]

This Video Deserves more vues thanks

[@Suvam1508]

Hi Hussain, thanks for your efforts. Could you also add some more topics like Vue Router, Pinia ?Loved your teaching here!!!

[@AnkitKumar-rb6dy]

nice way you expalin things and just enjoying the with smile nice HuXn

[@mariadelmarmartinez8142]

Great Course!!!

[@mrrobot9101]

your vscode setup looks perfect, can you provide the font and theme?

[@salmanali-dz6kw]

@huxnwebdev can you tell which vs code fonts are you using? It's awesome

The best Vue Course on KZbin so far!!! Congrats 👏 People here are asking for courses so I will do the same. 😂 ASTRO, please, with the same details of the Vue one. I think is missing on KZbin right now. Most of them they just scratch the surface of ASTRO and they are not going deep.

[@huxnwebdev]

I always like to go "deep" 😂 Ill see what i can do about ASTRO 🥂

[@abdulhadikelzie4568]

Thank you so much!! Really helpful! 🎉

[@huxnwebdev]

Glad it was helpful! 🥂

[@hajjaPH]

PERFECT!

[@alan-overthenet]

Excellent. Thank you very much fior this course. 🤗 Where did you get the desktop wallpaper?

[@korngsamnang]

Love your teaching style it's so easy to understand.😊

[@huxnwebdev]

Thanks for your amazing feedback buddy means a lot 🤝

[@htetnainglynnhnl521]

Hey HuXn, first of all I would like to thanks you for this course. I am a junior developer and I get a lot of knowledge from this course. Thanks a million man. If you don't mind, I would like to request for a tutorial with with vue js ( like e-commerce project with vue 3 and Express js ) something like that. If you have time can you please!!!. Thanks man. And I hope you don't mind me for my English skill.

[@ReviewAnimeHHTQ-bo5st]

Hi Bro, great course and What is using theme and font family for setting visual studio tool?

[@marroos5440]

With knowledge of React this wasn't that difficult to follow. Hardest part is to get used to the way of writing code in vue, but that is nothing what a little bit of practice can't manage. Thanks to you and this tutorial people can start using vue pretty quickly. Ty :-)

[@JohnSmith-yr7ih]

Thank you! Please create the same course but with TypeScript, Router and Pinia.

[@JimmyFrankTuyishime]

bro. thank you for providing helpful courses for beginers.continue to provide other content to help improve our experience

[@rakotoarimanananambinintso9729]

Great content. 👏

[@josbexerra8115]

Muchas gracias mister Huxn por compartir conocimiento

[@bernardchisumo4054]

what kind of plugin are you using on this vs code editor ?

[@mahdiatefadas6268]

your amazing , i learned alot thank you

[@bingevitality9754]

Just started 2 days ago and completed 4 hours of html and css course , appreciate your efforts man. ❤

[@huxnwebdev]

Enjoy buddy 🥂

[@Ranawatcher]

Aw damn man. your content is always amazing. and happy to get one more amazing content. keep going bruh🤝

[@huxnwebdev]

Thanks my bro 🥂

[@Ranawatcher]

You deserve that@@huxnwebdev 🤟

[@maankam.3763]

Absolutely loved your tutorial!❤

[@huxnwebdev]

Thanks my bro 🤝

[@fvthvn]

thanks you so much!

[@minkhantmaw3115]

Waiting for NestJs on Backend. Thanks For your sharing..

[@huxnwebdev]

Coming soon!

[@AdnanAliDeol]

Just Amazing😍

[@thirstypooch]

what is your browser and that extension that makes it look green super pretty ??

[@reynaldogalvez6134]

Very good tutorial. May I know what font are you using in your VS code

[@sporteffort]

What font do you use and theme

[@gilbertoduarte8842]

Great video! Excuse me, what font are you using in your vs code? It looks cool

[@ia5160]

Explanation next level if you're watching any of huxn course than I assure you that any course available in KZbin and udemy combined cannot compete this one.... Hey, buddy can we get git and GitHub course.... and what next course your uploading?.. love from India 🇮🇳

[@huxnwebdev]

Thank you so much for your amazing comment brother, I don't know which course i'd do next ill ask in the community, do you have any specific course in mind? Edit: Love from my side to india 💚

[@ia5160]

If you're uploading React Native course than that would be great 👍

[@rajjoshi7755]

Thanks for all these courses. For those who are hesitate is it good? Just start it Great explanation, with amazing notes , easy to understand 1 year ago I watched your 100 projects and today after this full stack course and all I can say thanks a lot ... An old subscriber... Huxn, can you upload videos on Rust.. and jest or mocha or three js lots of love from India 🇮🇳

[@huxnwebdev]

Thank you so much for your amazing comment brother it means a world to me, I'll definitely make courses on your requested topics, Love from my side to India ❤️

[@thaitea5399]

I love your vscode template and font display. Please share it.

[@NasserWaleed-gi1lv]

We waiting for Vuex course with vue composition api 🙏

[@spideygtff3177]

Bro want a big fullstack project on vue js pls❤❤

[@dadisthatyou452]

You are a fun guy to hang out with

[@dream__moments]

from react developer I became a vue developer in 1 night only because of you 🎉 Thanks

[@AdnanAliDeol]

nice toturial

[@sulfikaralijun07]

can you tell me the font you use in the code editor? Thanks😁

[@rajmajumdar5253]

Thanks 🙏🙏🙏🙏 really needed this ❤

[@huxnwebdev]

Glad it was helpful, Enjoy buddy🥂

[@payushop]

bro, what extensions theme in vs code?

[@not_amanullah]

this is helpful

[@etto553]

Thanks man very much helpful ❤❤

[@huxnwebdev]

You're welcome 😊

[@user-ds6iv1ey7y]

what is your vs code extension theme bro?

[@user-yx5gl7to7v]

Waiting for Django full course

[@not_amanullah]

thanks

[@AnanyaRay-ct8nx]

can you please explain the difference between writing code within and writing code within

[@venkynunna3524]

Bro cover the advanced concepts vuex and routing, authentication

[@WasimAkram-dh5ld]

Thank you for wonderful tutor. On 1:29:32, even if I put.. const friends = reactive(['Alex', 'Wasim', 'Shaik']).. It still works without ref. So in what case, we can use ref inside reactive ?

[@farazk9729]

Yeah, same question. Apparently, it's unnecessary. I asked ChatGPT, and it said it was unnecessary, too. The code works without the ref. Not sure why the instructor used it like this.

[@paolo-e-basta]

also, the course is very nice, but he totally skipped the .value stuff for ref (necessary outside the template interpolation, ie when your event handler is a function).

[@h051n]

Redux toolkit next!

[@TonyTran-wv2ov]

Woww, your VSCode font and the folder icon is really cool, could you please tell me the font and the folder icon extension name ?

[@shio5981]

finally youtube calculation bring me to here, so struggle to find vue community

[@MEENAKSHIKATHURIA-vd4fr]

Hey have you explained routes and axios in the course ?

[@sudhanshukathuria7886]

Yes exactly are routes been tought in this video?

[@mahammadalthaf8199]

One of the best utuber i ever seen❤

[@huxnwebdev]

Thanks my bro 🥂🥂

[@artcip5715]

Thanks 👍

[@huxnwebdev]

You're Welcome 🥂🥂

[@sonnaj5142]

thank youuuuuuuuuu so much brooo can you create us a Java Tutorial with few advance projects

[@huxnwebdev]

You're welcome & ill see what i can do about Java course 🥂

[@sonnaj5142]

@@huxnwebdev thank youuu sir really love your great teaching methods and course agenda

[@venkynunna3524]

Waiting for typescript projects

[@piyushpatil6874]

Nuxt JS plzzzz ❤❤❤

[@ifeanyinnaemego]

How to get your text font

[@dharmeshgohil9375]

Huxn we want tanstack query in react and authentication oauth in react so we get job brother

[@bilal5488]

Huxn please make one video on mongodb aggeration pipeline its hard to understand please

[@huxnwebdev]

NOTED.

[@bilal5488]

@@huxnwebdev now am waiting for that😂

[@huxnwebdev]

@@bilal5488 ill do my best brother 🤜🤜

[@bilal5488]

​@@huxnwebdev thankew❤

[@bruhware]

Can you do full stack nuxt tutorials.

[@huxnwebdev]

NOTED.

[@0x-003]

Can i watch this video if am new to Vue?

[@exequielherrera2644]

Can you create a tutorial for Astro?

[@venkynunna3524]

Make the video on vuetify library

[@AdolfRizzler41]

Can we use vue js for backend?

[@huxnwebdev]

You can use backend techonlogies "with" Vue.js but you cannot use Vue.js for the backend.

[@TheSherifff]

Thank you very much, great course as always. Nuxtjs course is coming 👀. I love Nextjs because it makes React more complete for development, Nuxtjs does the same for Vue (easy and intuitive to learn) ??

[@huxnwebdev]

Let's see if people like this course, Then ill definitely make another course on Nuxt.js!

[@mrgamerzyt3945]

remember me bro? big fan from pakistan , love ur videos. is this vue js video begginer friendly?

[@huxnwebdev]

Thanks for your positive comment buddy, Yea this course is beginner friendly 🥂

[@mrgamerzyt3945]

@@huxnwebdev btw is it any good to know both react and Vue js or do I have to chose one?

[@huxnwebdev]

@@mrgamerzyt3945 It totally depends on the company/project you're working with/on, You only need one but it'll be great if you learn both ( If you have time to learn both ) 🥂

[@mrgamerzyt3945]

@@huxnwebdev bro I love that you replied to the comments!! Can it pls pls stay that way? 🥺

[@huxnwebdev]

No worries buddy, it will stay that way 🤜@@mrgamerzyt3945

[@ectoplasm1285]

do you maybe consider doing the same, but with react ?

[@huxnwebdev]

I already have Complete React.js Masterclass, check it out on my channel.

[@ectoplasm1285]

@@huxnwebdev ok, will do. thx.

[@mahdiatefadas6268]

can you make MEVN COURSE or project

[@michalkukuczka8367]

Good job bby ;)

[@gamingwithbala2899]

can you please upload angular js

[@marara7960]

Can you make tutorial in nuxt js 😢?

[@heydsu]

41:34 not working as expected the link

[@Ssmb-qj4df]

Bro typescript backend REST API with node and express mongb/postgresql

[@spideygtff3177]

3:27 hooks introduced

[@MinatoUchiiha]

React or Vue ? For beginners

[@huxnwebdev]

That's extremely hard question, However React is popular and Vue is Easy.

[@capK29]

Nest js please bro ❤

[@huxnwebdev]

NOTED.

[@Bijimeledag]

Isn't it better to split into parts? it's good for your channel views and your adsense

[@aryanmauryamr.perfect1426]

Brother I need your help