Did YOU enjoy this video? 🤔 Also, I think I was pronouncing Vite wrong... 😅
@SimonDepelchin2 жыл бұрын
Yep, try `veet` :)
@TylerPotts2 жыл бұрын
That's the one! 😅
@KeesdeHaan2 жыл бұрын
Sure!
@KeesdeHaan2 жыл бұрын
@@SimonDepelchin Yep, nice suggestion :-)
@thapagonmeekaew72402 жыл бұрын
Thank you very much
@Sprunk02 жыл бұрын
Thank you so much! This might just be the first tutorial I've done that hasn't had any unsolvable problems! Cheers on this one.
@TylerPotts2 жыл бұрын
Glad it helped!
@manprinsen8150 Жыл бұрын
Best web dev tutorial ever!! Hands down!!!
@orion68312 жыл бұрын
Thank you for everything! Your videos have really helped me out and I appreciate all the hard work you put into creating and sharing them. Your content is always informative, entertaining, and enjoyable. Thank you for being an amazing creator and for being a positive influence in the KZbin community. Keep up the great work!
@TylerPotts2 жыл бұрын
Thank you! This really boosts my motivation! I'm happy I've managed to help!
@zariachenshui7386 Жыл бұрын
Learned a lot from this tutorial. For me, the transition wasn't smooth when shrinking the sidebar, because the text would go onto two lines while the transition was taking place, and increased the space between each menu button once it shrunk. I remedied this by setting a height value for the menu buttons of 3rem (2rem of material-icon height plus 2 x 0.5rem padding). Thank you for this video and your commentary! :)
@gokhanekc Жыл бұрын
This might be the world's best video on creating sidebars with Vue. Thx :)
@Jorgeee2 жыл бұрын
Hey Tyler, what extension is that where you can see some greyed out code snippets when you type? For example at 15:43 theres that greyed out div snipper when you start typing in the template. Thanks!
@TylerPotts2 жыл бұрын
Co-Pilot!
@dennisfransen85382 жыл бұрын
What's up Taylor! Great video as allways. In vue you don't have to use an ternary operator to have the class toggled 'is-expanded'. You can actually just pass an object to the class attribute like this. :class="{'is-expanded' : is_expanded}" Or even better. You could have the css class name and the boolean named the same. So it would look something like this. :class={ís_expanded}" const is_expanded = ref(false) .is_expanded {...} And if you had multiple booleans with multiple classes. You can pass an array of objects to the :class attribute Since im all about examples... :class="[{is_expanded}, {is_as_fancy_as_taylor}]"
@TylerPotts2 жыл бұрын
Amazing! Thank you for that insight!
@dennisfransen85382 жыл бұрын
@@TylerPotts Glad you like it! Maybe you could do a short video about it. Because i see people missing out on this little trick and it's alot cleaner than ternary operators ✌️🧹
@TylerPotts2 жыл бұрын
I might do a "how to style your vue projects the right way" video but I'll need to do a lot more research to make sure I can give all the tips! :D
@dennisfransen85382 жыл бұрын
@@TylerPotts Sounds awesome! 😎
@captainalpha48532 жыл бұрын
Thank you!
@MazaBoYBesT2 жыл бұрын
Good Resources for people like me who are in learning process.
@alorpothe2.02 жыл бұрын
Finnally now this channel is actually gonna be consistent
@abdellatif.x81272 жыл бұрын
Thanks mate, it was a nice oportunity to practice vue :)
@TylerPotts2 жыл бұрын
Awesome! :D
@guestofallah76612 жыл бұрын
Noice !! This is the exact same thing I was looking for Thank u so much !
@TylerPotts2 жыл бұрын
Glad I could help!
@arbdevforesttrouble7582 жыл бұрын
Thank you, that was exactly what I was looking for. Besides the video was a bit of an entertaining comedy show
@TylerPotts2 жыл бұрын
That's me! Comedian! Actor! Absolute failure! I'm happy I could help 🤣
@EdsonAristiguieta-xb8xg8 ай бұрын
Amazing mate, you have a new suscribe. Thanks a lot!
@TylerPotts7 ай бұрын
Awesome, thank you!
@KeesdeHaan2 жыл бұрын
This was a very nice job Tyler. I forked it and am busy with it. Congrats!
@ginocote Жыл бұрын
Perfect, Vue + beautiful sidebar + vite + router. Exactly what i was looking for.
@andriansugiantoputra8269 Жыл бұрын
may i ask which part of the code that make the content go right when u open the sidebar? mine doesnt work so i wanted to know which part
@MedicomTips2 жыл бұрын
Exactly what i was looking for! Thanks for the informative video
@TylerPotts2 жыл бұрын
Glad it was helpful!
@rodrigopina89242 жыл бұрын
using it for a few years and now I want to upgrade and I'm happy I did that.
@fukuta1074Сағат бұрын
I from Brazil, thank you friend !
@bastiancontreraswasilkowsk64858 ай бұрын
Really nice video, I truly mean it, amazing!
@TylerPotts8 ай бұрын
Thank you very much!
@danielwatson65292 жыл бұрын
Would love a next 3 version with slots
@satyampatil45825 күн бұрын
Thanks, Mate!
@TylerPotts13 күн бұрын
You're welcome!
@sebastianklocke97808 ай бұрын
Great Video! Thank you. Some Feedback: 1) Add timestamps to the video 2) "Vite" is pronounced like "weed" and not like "wide" 3) A better way for dynamic classes would be :class="{'is-exanded': isExpanded}"
@iulianursu89962 жыл бұрын
This was great! Thanks a lot for sharing it whit us!
@TylerPotts2 жыл бұрын
Glad you enjoyed it!
@universecode11012 жыл бұрын
Great tutorial 🔥
@TylerPotts2 жыл бұрын
Thank you!
@paws79832 жыл бұрын
Thank you so much for this great video! 👏It really helps a lot! Love your works! Looking forward to the video talkig about route!! 😍
@TylerPotts2 жыл бұрын
Awesome! Thank you!
@dailymeow32832 жыл бұрын
Cool, like the one in google cloud console
@renatomarcondes22938 ай бұрын
Amigo, nem sei como agradecer pelo seu conteúdo!! Muito obrigado, que você seja prospero em todas as coisas, um abraço.
@stark469 Жыл бұрын
Easy explained very good tutorial.
@sb970213fly Жыл бұрын
한국인이 보기에도 어려움이 없는 아주 좋은 강의
@spmedia002 жыл бұрын
now i am in a good mood
@charlesthomas86119 ай бұрын
This is so good,, how about generate admin template?
@nilopaim192510 ай бұрын
Great video! Can you make the same video but updated to Nuxt 3?
@jajoa40642 жыл бұрын
cool tutorial thanks. But : 1. you use camel case in javascript, isExpanded 2. also no pascal case in function but still camel case toggleMenu. pascal case is for classes 3. to add dynamic classes you do :class="{expanded: isExpanded}"
@andisukarya2 жыл бұрын
Great video, the program works great
@Jaquintana192 жыл бұрын
My sidebar is in the middle of the screen. Does anyone know how to fix?
@ojanmaingame Жыл бұрын
Learned a lot from this video, good job, mate! I have a question to ask, when I scroll-down the page the sidebar's not following the scroll and stays in the upper page, can I fix it so when I scroll-down the sidebar will stays the same? Thank you!
@FurkanŞen-f6h Жыл бұрын
It was a very good educational video. But based on that, I asked you to put it in a navbar above
@abgehn78696 ай бұрын
Awesome tutorial! Thank you :) I ran into a strage problem and wanted to share the fix: Vite didn't know the tag. That was fixed by usin 'npm create vue@latest'. Thas needs a bit more cleanup of the project but after that the tag worked.
@m62149 Жыл бұрын
how to make menu link sidebar from table database in vue js?
@sajithprasantha35592 жыл бұрын
Thank you so much! Can we add a sub menu?
@sucunha86452 жыл бұрын
I have a question on soft soft v20. I have it installed and have played around with it a little. However, I have a very specific goal. I am
@СергейБоровской-о7о Жыл бұрын
Hello! Please tell me, how you got the automatically code import (css) ?
@AmeerHamza-fu3rz2 жыл бұрын
Great Video!. learned a lot. But now I am trying to add a nav bar in the content section and it is showing full height of sidebar. can you please guide.
@yanka14822 жыл бұрын
Thank you, it means a lot bro:)
Жыл бұрын
thank you ❤❤❤
@anapaulaalthoff67642 жыл бұрын
Hi! Which type of extensions do you use?
@FactAndMan2 жыл бұрын
Whenever i use the GMS and put it in the soft, it holds out the note forever! please help, i am very confused
@iamfkhn Жыл бұрын
Which theme is that?
@bumaye817411 ай бұрын
how do i run this from another system if already pushed to githhub
@learningtocode03 ай бұрын
this is awesome
@KanalThor2 жыл бұрын
I could not find the GitHub repository for your sidebar. Could you please share the link?
@KanalThor2 жыл бұрын
Sorry, my mistake - found it! By the way great video!
@TylerPotts2 жыл бұрын
Happy you found it! Thank you!
@thelorefnatic1783 Жыл бұрын
how can i switch the icons you are using?
@wouilson6473 Жыл бұрын
Thanks a lot !
@ginocote Жыл бұрын
How to add submenu?
@toniclementegarcia66562 жыл бұрын
does it work with composition api ?
@olagunjuselim30782 жыл бұрын
Great video
@codedjango2 жыл бұрын
Awesome...although the github link for the source code is not working...please fix...thanks a lot
@TylerPotts2 жыл бұрын
Try now! I accidentally had it as private! Thanks! :D
@codedjango2 жыл бұрын
Thank you so much.....
@indianchirio77372 жыл бұрын
Thank you so much this helped a lot!!!! You saved my life
@abhinavchandran37982 жыл бұрын
For once, the software is actually really useful
@TylerPotts2 жыл бұрын
That's great to hear! Thank you.
@folkcoreano2 жыл бұрын
MUITO OBRIGADO VOCÊ É GENIAL DEMAIS
@premodsuraweera2 жыл бұрын
scss is not installed, why?
@St0rMsk Жыл бұрын
Great video👍 however... It is NOT white, it is weet 😀 my ear were hurting so much 🤣
@chuongdang75162 жыл бұрын
thank you bro thank you
@TylerPotts2 жыл бұрын
You're welcome!
@titiksasanti22052 жыл бұрын
ur a fcking legend dude honestly
@rv-ragul2 жыл бұрын
Your VSCode theme plz?
@TylerPotts2 жыл бұрын
SynthWave84
@rv-ragul2 жыл бұрын
@@TylerPotts thanks for your immediate reply
@dhhananjayyy2 жыл бұрын
very great
@TylerPotts2 жыл бұрын
Thank you!
@dhhananjayyy2 жыл бұрын
@@TylerPotts make a vue portfolio tutorial
@umaroov_o Жыл бұрын
thank you
@premodsuraweera2 жыл бұрын
great video, thank you.. can i have contact with you?
@gaanagamfoods46232 жыл бұрын
Bro, thx!
@waseyhasankhan81672 жыл бұрын
Keep inspiring
@agentsmith21892 жыл бұрын
with react :)
@HabiburRahman-dh7oy2 жыл бұрын
Fallen Sun yeah! e too
@dfsgjlgsdklgjnmsidrg2 жыл бұрын
why dont you use webstorm
@TylerPotts2 жыл бұрын
Why would I pay for webstorm when I have vs code? Don't get me wrong I know webstorm can't be beaten on intellisense but I just prefer VS Code.
@dfsgjlgsdklgjnmsidrg2 жыл бұрын
@@TylerPotts get it free lul
@dfsgjlgsdklgjnmsidrg2 жыл бұрын
@@TylerPotts i use it free
@pakistantareekeinsaaf98252 жыл бұрын
program.
@Meinungsmacher2 жыл бұрын
you don't want google fonts in europe :D gdpr will hunt you in your dreams :D
@staskozak81182 жыл бұрын
Smooth without content. But add some images and div`s and width changing animation tear your eyes apart...
@SERGex8 Жыл бұрын
Module not found: Error: Can't resolve './src/main.js эта ошибка не дает мне прогресса