Тёмный

The Ultimate Vue 3 Tutorial (100% Composition API) 

Laith Academy
Подписаться 72 тыс.
Просмотров 236 тыс.
50% 1

This is the ultimate Vue 3 course.
Udemy Course (with discount)
www.udemy.com/course/the-vue-...
Timeline:
0:00 - Project 1
1:38:58 - Project 2
2:48:51 - Project 3
JSON Files
github.com/harblaith7/Vue3-Cr...

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

 

1 июн 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 234   
@Flabidouf
@Flabidouf 4 месяца назад
This. You found the best course for learning Vue 3. You don't need to search anymore friend. This is the bomb.
@MagnusMcManaman
@MagnusMcManaman Год назад
From the Vue documentation page: *keys are no longer necessary* on v-if/v-else/v-else-if branches, since Vue now automatically generates unique keys.
@rodrigo-vl7bi
@rodrigo-vl7bi Год назад
thanks
@rodrigo-vl7bi
@rodrigo-vl7bi Год назад
that makes more sense tbh
@joaofrancisco5781
@joaofrancisco5781 Год назад
Nice, thanks, I was going to face that problem in a few minutes, now i'm not ahshsahash
@malla_pavan
@malla_pavan Год назад
sir can you tell me in this tutorial he used ?
@josephedidiong7781
@josephedidiong7781 Год назад
​@@malla_pavan He used because he used composition API that doesn't require data and method
@johanforsling7736
@johanforsling7736 Год назад
I've been in tutorial hell for about two years now so I know what I'm talking about; you sir explain everything in a way I wish all tutors would!! Keep on the good work!
@veryhyped
@veryhyped Год назад
wow. same. i first learnt react and hated it, then learnt vue but couldnt find any jobs so i was learning react again. but with vue things are much more easier. i wish there were more vue jobs
@joaofrancisco5781
@joaofrancisco5781 Год назад
@@veryhyped Lol, I'm struggling to learn vue, and I'm very advanced in React. Some things are not well explained, I came here to get the most recent tutorial, cause all other tutorias people use different ways to do something, and by the end, the shit dont work ahshsahshahsah Hope the tutorial is good as u guys say
@veryhyped
@veryhyped Год назад
@@joaofrancisco5781 how are you even advanced in react, please tell me good resources. react is very very very complicated
@joaofrancisco5781
@joaofrancisco5781 Год назад
@@veryhyped I studied in a course where the front end framework was react, we had some instructions and we had a ton of projects to do, by the of 4 months we got in a very interesting place. But I learned react with TS by my self, the that apart was the most difficult by the start, we u got the logic of component props typing it become easier. And in what part are u struggling? Like, the componentization (for me) is more flexible in react, when u create separed files for each component and call it in a page file, its veey clean. My favorite UI lib is very intuitive in react, its Chakra Ui. If u struggle with styling and styled-components, watch some chakra tutorial with JS and TS after (if u want). Maybe u need to get a step forward to get a step back and get the fundamentals
@Tobsson
@Tobsson Год назад
@@veryhyped React and Vue are very similar. It's just different syntax and what happens in the background. React.useEffect is essentially watch, React.useState is Vues ref. Then there are different syntax to update everything and optimise, but if you know either of them the other is pretty easy. It's all pretty much just JavaScript in the end. So, learn JavaScript really good before moving on to any library/framework. Good resources is the docs for React. They've updated them recently and is very good now. Learning the basics in React to land a job shouldn't take more than a month or two.
@flutter180
@flutter180 Год назад
JSON data for project 3: drive.google.com/file/d/1KT0mOrEeIkBBdrzI1paZiTzIYFevmBZB/view?usp=share_link
@antonyministrov7560
@antonyministrov7560 Год назад
Thanks Zack to upload this file, you are awesome, I would not do this project without it)))
@dewaputusudewasuambarayana9408
thank you for uploading this data bro
@josbexerra8115
@josbexerra8115 Год назад
gracias mister zack
@go_lang_thang
@go_lang_thang 3 месяца назад
omg thanks u a lot bro oiw
@LeonelEBD
@LeonelEBD Год назад
Amazing stuff, indeed a great find. Programmed a couple of sites back in 2021 in Vue and fell in love for it. Sadly haven't used it for a while with the coming of Vue3, finally got the time to sit down and get some of the Vue knowledge I've lost since with this tutorial. Also HUGE thanks for using the composition API which is new to me. I remember the problem of keeping the order and scrolling up & down in the Options API in my last project and this surely fixes that problem. Thank you !
@astratow
@astratow Месяц назад
2:56:43 - boilerplate basic 2:57:26 - basic styling 2:58:38 - styling continued 3:01:21 - card styling 3:02:28 - card styling continue
@richardvos3845
@richardvos3845 Год назад
I do not often leave a comment but I feel like I really have to, watching this video. I really appreciate the time and effort you took to make this Tutorial and I will surely be watching more of your channel. The way the tutorial is set up, is very good to follow, especially for beginning Vue developers out there. It's also clear that you are having a lot of fun making this, which makes it even more pleasant to follow. Thank you very much for make this high quality content, helping me improve my skills.
@QtheCoder
@QtheCoder Год назад
Wasn't expecting a 6 hrs vue course but bro thanks!!! Day 1 watch 👌
@changethementality
@changethementality 2 дня назад
You're a life saver! All the other courses I could find just had me annoyed and stressed out.
@user-cj7lq3ug3w
@user-cj7lq3ug3w Год назад
This is absolutely what I call a tutorial, Laith Academy has command of the subject and the teaching skills compared to a lot of others putting videos when not knowing the subject properly. Thank you very much Laith Academy
@rodrigo-vl7bi
@rodrigo-vl7bi Год назад
that vue-router explanation is the most beautiful explanation i've seen in a youtube tutorial
@d3.finance
@d3.finance 3 месяца назад
Cannot express how helpful this was for me. I was in this awkward phase of my learning curve where I understood the basics but was having trouble with the advanced concepts. This was a perfect middle ground for me building the gaps I had. Thank you so much for this video. I'll be here more often for sure.
@AdegbengaAgoroCrenet
@AdegbengaAgoroCrenet Год назад
Didn't expect the length. Truly great stuff Laith
@fencesitter1
@fencesitter1 5 месяцев назад
This is one of the few VUE tutorials with combined API teaching . This is great!
@redblues9566
@redblues9566 5 месяцев назад
I agree.
@barretoingridy
@barretoingridy Год назад
This was the best online course I've ever taken in my whole life... thank you so much sir!
@mahendranath2504
@mahendranath2504 Год назад
Thank you so much Laith, I am so happy about this, I have taken your GraphQL Course and I loved it, I have been following your channel for a long time, I'm a big fan of your channel, a happy subscriber
@Godsmindcraft
@Godsmindcraft Год назад
This coursen should be the best vue course presently with direct hands on project and consistent explanations. Thanks so much Laith
@mikeleggett
@mikeleggett Год назад
I had almost given up with Vue - this is the best tutorial. Detailed explanation of everthing. Great job thank you so much.
@atulchandradash8477
@atulchandradash8477 Год назад
One of the best tutorial about VueJs in RU-vid. Very detailed and best video. Thanks you so much sir.
@nawrozalialamdost5277
@nawrozalialamdost5277 10 месяцев назад
I didn't saw such a instructor like you, you are amazing and your lectures are awesome. need more such lectures from you espacificliy it will be good to continue the advanced series of Vue.js in the channel. Love and support from Afghanistan
@gtanmoy
@gtanmoy Год назад
Salute to you Sir for your efforts to make this excellent course! I request you to extend this course with PWA and Capacitor with VUE.
@LeonardoSerra92
@LeonardoSerra92 6 месяцев назад
this is an incredible video, i've been using the options api for a while and thanks to you i learned faster some of the compositions concepts with ease and not much time, thx
@vimmasi1
@vimmasi1 Год назад
Man, I knew I recognized your voice. I bought your course at Udemy 2 months ago, and it was the best Vue3 Composition API I have ever seen!
@erosburastero8205
@erosburastero8205 Год назад
Thank you for your video content, i've watched the nuxt crash course and after practicing a lot i could get my first job, and now i was looking for a course like this in order to be able to learn nuxt3, i really acknowledge your work
@user-ur3gx8lq2v
@user-ur3gx8lq2v 3 месяца назад
Best tutorial on Vue3 i 've ever seen in RU-vid !! Great job ! Many Thanks !
@jakobo5521
@jakobo5521 5 месяцев назад
I am just starting my adventure with a Vue as a junior and I have to admint that you this tutorial helped me a lot if it comes to the overall understanding of the Vue concept. I find it much easier and more approachable comparing to the structure of React, especially for me as the beginner. Your way of explanation 'as for child' is also great. It helps to really understand what is going on under the cover. Looking forward to watch more of your stuff. Thanks once more time and keep the great job! Greetings from Poland! 🤝💪 P.S. if anyone has some good advices for Vue beginner I would be greateful to hear that! :)
@mises1615
@mises1615 Год назад
1:23:11 Count is updating but template/view is not updated. Vue is not re-rendering a full template of components every time you click a button! In your template "Ref" object is assigned to counter variable. Ref have assigned listener, it is triggered whenever value is changed. Vue is assigning to that listener what need to be re-rendered when value is changed in your example just tag is re-rendered.
@alinalel8018
@alinalel8018 13 дней назад
Thank you for such an terrific lesson! It is very laconically, detailed and useful. Special respect for your pronunciation! It was awesome✨
@Wuddigot
@Wuddigot Год назад
A tip for maintaining paths is to use @ instead of . or .. @ by default starts at src/, so fi you end up moving things around or scaling up, you're less likely to need to go to each view/component and update paths
@StarOnCheek
@StarOnCheek Год назад
I believe this is configured in your bundler and Vue has nothing to do with that
@johnmaguire2185
@johnmaguire2185 10 месяцев назад
Good course for a clear and detailed intro to vue. For the maths question 1. The answer is 1. The order is (2 + 2) = 4 brackets then x 2 = 8 as the 2(2 + 2) = 8 is all one bracket operation. Finally 8 divided by 8 = 1
@donnyjoe7653
@donnyjoe7653 Месяц назад
Amazing tutorial! You over-delivered with all the nice little VSCode tricks. Thank you!
@kingvas7638
@kingvas7638 Год назад
Vue 3 is the best Front end framework , thanks for the effort !!
@johnongwae
@johnongwae Год назад
This is awesome tutorial, I managed to grasp most concepts for my new job. Thanks a lot
@JuriBinturong
@JuriBinturong 10 месяцев назад
I bought your course at Udemy because of your YT videos. Thank you
@Kimbley2ii
@Kimbley2ii Год назад
Thanks for sharing this. I bought the course on udemy after completing this video! good stuff.
@avelo895
@avelo895 Месяц назад
Thank you. This is absolutely brilliant and comprehensible!
@user-op8hp3hg1w
@user-op8hp3hg1w 6 месяцев назад
Finished all 3 projects! Thank you!!
@user-ov1oh9bw4k
@user-ov1oh9bw4k 4 месяца назад
one of the best beginner friendly videos for vue 3
@89Valkyrie
@89Valkyrie Год назад
The explanation is pure gold. For anyone who is a beginner, you won't find another video that explains so much. It's not just the quantity, it's the flow. The flow makes it easy so that, if for example, in the first project you don't get what a dependency is, at least you can pause and go read about it elsewhere, then come back and tied to the short and sweet explanation.
@nife2453
@nife2453 Год назад
thank you so much for your effort. You are such a great teacher explaining everything very understandable
@Mintirafro
@Mintirafro 8 месяцев назад
Just bought yourt course on udemy as a thanking gesture for your dedicated pinia video Helped me a lot 🤝
@kapytanhook
@kapytanhook Год назад
Very good, was hoping to see some advanced topics like reactive, slots, state management, when I can use async in the composition api etc. When you mentioned the Instagram example it had some of that. But I suppose that is only on Udemy. I must not have picked up on that. Good quality stuff, will consider paying for your course
@chefnabil171
@chefnabil171 Год назад
I just started, I like it. Thank you very much.
@eddawry
@eddawry 5 месяцев назад
What a course clear and simple and easy to understand Thants Laith
@PatrizioMilione
@PatrizioMilione Год назад
BEST EXPLANATIONS EVER, THANKS! 🚀
@lhceleguim
@lhceleguim Год назад
Simply phenomenal. Thank you very much.
@redblues9566
@redblues9566 5 месяцев назад
This lecture is really great. I received great help. thank you. From South Korea
@BillaSaheb786
@BillaSaheb786 Год назад
You rock Sir. Put all video and tutorial of VUE JS and Nuxt Js... Your channel will rock rather than putting on UDEMY. You will earn more from RU-vid rather than UDEMY. Your way of teaching is exceptional.
@DavidKHill
@DavidKHill 3 месяца назад
Signed up for the course. Thanks.
@_nom_
@_nom_ 6 месяцев назад
Coming from Vue 2. I found 3 jarring, like I know nothing. So thank you.
@NeThsDomain
@NeThsDomain Год назад
thanks for tutorial. 1.25x speed sounds more natural for your delivery
@jonl316
@jonl316 Год назад
One of my favorite tutorials for Vue. Thank you so much!!
@caaltz
@caaltz 4 месяца назад
This is the course you've been looking for traveler, take a sit and enjoy the vue
@ophelia6207
@ophelia6207 9 месяцев назад
Thank you SO much for this AMAZING tutorial!!
@MrTomro
@MrTomro 7 месяцев назад
You are made to teach. Built different. Love ya.
@iwonder9606
@iwonder9606 Год назад
You did a fantastic job ! Thank you ❤
@shangmathing
@shangmathing 11 месяцев назад
What a fantastic tutorial! Thank you.
@Kouatchoudjakouronald
@Kouatchoudjakouronald 3 месяца назад
Thank you very much, this has been very useful.
@misaellima
@misaellima Год назад
Thanks for the excellent learning material!
@MrVernuk
@MrVernuk 4 месяца назад
It was awesome! Thank you!
@CoderSineNomine
@CoderSineNomine 5 месяцев назад
hi there.. great tutorial, thank you very much. what is the syntax highlighter you are using?
@SherealynRemigio
@SherealynRemigio Год назад
Thank you so much!!! This helps me a lot!
@ihorrud5088
@ihorrud5088 Год назад
Thank you for this course!
@KatyJohn-yy6ks
@KatyJohn-yy6ks 5 месяцев назад
OMG i love your video, thank you
@TysonHritik
@TysonHritik Год назад
So great I easily get every concept Love the way you teaching also no one Is making video on composition API but you did keep it up ,When we are getting part 2 this ??
@laithacademy
@laithacademy Год назад
Rest is on Udemy
@TysonHritik
@TysonHritik Год назад
@@laithacademy Okay thanks i'll buy from there but there is showing 389rs deal just for 1 day left is sale is going to extend or not because i don't have money right now
@rishavjain1867
@rishavjain1867 Год назад
@@TysonHritik dw udemy is always showing that. Buy teh course whenever u can
@somayehheidari8880
@somayehheidari8880 Год назад
Hi, thank you so much for the amazing video. I stuck in the third project, where is the json file?
@firstlastcode
@firstlastcode Год назад
Thanks for your good work ones again boss
@deepakshukla2526
@deepakshukla2526 5 месяцев назад
I also prefer composition. Easy to remember, better learning curve, nothing much to memorize and easy for beginners as well. I feel everyone should start strictly using composition api.
@ren97x
@ren97x 10 месяцев назад
BRO GOOD EXPLANATION REALLY UNDERSTAND IT
@auto-diciplime237
@auto-diciplime237 Год назад
Thank you very much great content as usual
@Loki-je3oj
@Loki-je3oj Год назад
This was awesome!
@yanDev
@yanDev Год назад
Just amzing thanks you so much, i love Vue, this is my favorite front end framework!
@EmmanuelTembo-gv1ll
@EmmanuelTembo-gv1ll Год назад
this tutorial is amazing
@alternbits
@alternbits 9 месяцев назад
Thank you. a great vue 3 tutorial
@j.m.5433
@j.m.5433 Год назад
Amazing. Thanks!!
@dfordemo981
@dfordemo981 Месяц назад
super amazing😊
@eltroito
@eltroito Год назад
i ran into a JSON file that carries a double [[ ]] containing all the data do you know a way to access it in vue.js
@hikemalliday6007
@hikemalliday6007 Год назад
really good vid. thank you
@chethnik
@chethnik Год назад
Thanks i want to continue that course, but on udemy the course is not structured in projects, i dont know where to begin on the udemy course, thats a thing u can improve in my opinion, so where to begin if we did all the projects of this youtube video, where actually begins project 4 on udemy course... ?
@KayNaude
@KayNaude Год назад
Laith is the goat. This is very informative
@bb-fd2ui
@bb-fd2ui Год назад
Did you meant "god" or realy "goat"?
@udohpatrick2456
@udohpatrick2456 10 месяцев назад
@@bb-fd2ui Greatest Of All Time (G.O.A.T)
@bb-fd2ui
@bb-fd2ui 10 месяцев назад
@@udohpatrick2456 Thanks - learned.
@mufashadesu7261
@mufashadesu7261 5 месяцев назад
How do I use the composition api reactive method like computed but can accept arguments or like the methods in the vue options api?
@kihongkim8726
@kihongkim8726 4 месяца назад
43:43 1:53:31 2:00:47 3:34:31 4:32:30 5:03:10 finish!!
@Arabian_Epileptic
@Arabian_Epileptic Год назад
Dang bro 6 hrs! Nice🎃
@actualBIAS
@actualBIAS 6 месяцев назад
32:18 This is something you would say if and only if you can put yourself into the position of a learner. Thank you.
@actualBIAS
@actualBIAS 6 месяцев назад
1:14:00 You're a great teacher bro
@RohitNaik
@RohitNaik 2 месяца назад
1:29:00 its Reference Implementation . usually used in Java world as well
@alexchang8180
@alexchang8180 Год назад
do you cover deployment in ur course?
@yudi6451
@yudi6451 Год назад
in project 2, when the modal open iwant the textarea to be focused, i try to add autofocus in the html, it doesnt do anything, any suggestion how to do it?
@TheKimJAK
@TheKimJAK 8 месяцев назад
I love you for this
@snoudev
@snoudev Год назад
Thank you very much, but can't see the json file, where can i download it ?
@Eidsheimen
@Eidsheimen 10 месяцев назад
Enjoyed the tutorial, but i would love it if you added chapters to the video! Would make it easier to navigate to the sections that I "care" about!
@HappyLifeLearnAndShare
@HappyLifeLearnAndShare 11 месяцев назад
Thank you for this
@danilisaev1629
@danilisaev1629 3 месяца назад
Can anyone please explain to me why does he even needs this two way binding feature when filling the text area? Isnt it much simplier to just allow user to type in whatever he wants and then save this input after some buttons are pressed (like Add Note) or do not save (when it is Close button). What is the point of two way binding in this exact case? Why does he needs to get state of text area in this case?
@malla_pavan
@malla_pavan Год назад
Bro can you tell me in this tutorial have you used
@abc33155
@abc33155 8 месяцев назад
40:40 It’s not true that attaching events is more difficult in plain JavaScript, you can just add an onclick attribute to the button tag. But the “experts” say that’s not recommended. But the same thing is exactly how it’s done in Vue.js
@elk11ke
@elk11ke Год назад
big thanks!
@borishrimov8332
@borishrimov8332 Год назад
I like Options API more because everything has it's place and code doesn't get messy. Data is in data(), fuctions are in methods and so on...
@mennahisham4359
@mennahisham4359 8 месяцев назад
thank you so much, great explanation. could you do a vue/vuex project with api
@mathieumichaellubczynski5613
@5:18:09 I'm having wierd vite internal server error while importing QuizHeader for unkown reasons. I double checked everything you did and still cannot understand why it is having this issues. [vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax It only happens on import QuizHeader from "../components/QuizHeader.vue"
@ThanhPham-ep8qq
@ThanhPham-ep8qq Год назад
where can i download the json file for 3rd project ?
@yousfhamad70
@yousfhamad70 Год назад
Thanks so much
Далее
HTTPS, SSL, TLS & Certificate Authority Explained
43:29
Vue.js: The Documentary
34:45
Просмотров 1,5 млн
Мама ударила дочь #shorts #iribaby
00:17
ATEEZ(에이티즈) - 'WORK' Official MV
03:15
Просмотров 14 млн
Vue JS Crash Course
1:50:52
Просмотров 1,3 млн
How to learn RxJS FAST in 2024?
9:25
Просмотров 9 тыс.
The NGINX Crash Course
50:53
Просмотров 471 тыс.
Learn Pinia in 30 MINUTES! (Vue JS 3)
33:58
Просмотров 112 тыс.
Vue 3 Composition API Introduction [FULL TUTORIAL]
23:46
React VS Svelte...10 Examples
8:35
Просмотров 514 тыс.
The best way to learn Vue.js in 2024 - CRASH COURSE
57:21
Мама ударила дочь #shorts #iribaby
00:17