Animated Navbar using CSS, Vue and Vue Router
HTML-код
- Опубликовано: 16 май 2024
- Today we'll create a sidebar in Vue that allows you to navigate to different pages with vue-router. You'll learn about the fundamental concepts in Vue like components, navigation, a reactive state, transitions as well as other web development skills, like CSS layouts, animations, icons, and more.
✨ SOCIAL ✨
Website - codingwithjustin.com/
Discord - / discord
Twitter - / jsbroks
⚡ RESOURCES ⚡
GitHub - github.com/codingwithjustin/v...
Vue Transitions - v3.vuejs.org/guide/transition...
Write Up - Coming Soon
⭐ TIMESTAMPS ⭐
0:00 - What you'll learn
0:33 - Project setup
1:01 - Sidebar Component
3:53 - Sidebar Link
5:54 - Vue Transition
7:05 - Sidebar 
Наука
Short, clean and exactly to the point, awesome
soo audible, loud, clear and knowledgeable.asante sana.
your crispness is mind blowing. so concise that's why effective
Good job! you take your time and give a great product
Perfect format of the video !
Really nice video. I already knew everything but I enjoyed this video. 😂
perfect. the ind o video you have created saves a lot of time as other people would have taken half an hour for the same.. but still full of info. keep doin the oo work
Great video bro!
Amazing video! Thanks
10/10 tutorial thank you
Great. Thank you very much for this video.🙂👍
awsome bro awsome i love this very much
Thank you so much sir for evreything
Awesome video, how would you do one with submenus?
Question. I'm new on vue and vuetify. Is the code also be useful if I use vue version 2?
Your website lookin' 🔥
Thanks man!
awesome - I struggled with fontawesome for some reason, but the rest worked no problem and was easy to follow
Hello, I have the problem with fontawesome. Did you find any issue ? Great tutorial
@@arnaudlyard3480 I just use bootstrap icons instead
Is it possible to add a subelment to the elements in the sidebar?
Question: How can I add a submenu that would link to a anchor on a view?
thank you
Awesome
Very nice
Hi! Thanks for this content, it was really helpful!
But i'm suffering with some lags on transitions, its not so smooth, can anyone help with that?
nice
Nice tutorial. How do you make this sidebar responsive? Thanks in advance for replying✌
by design it is already pretty responsive
Fade thing doesn't work for me. My codes are same as the video.
How to this responsive?
♥️♥️♥️
how do that in vue 2? I haven't REF and COMPUTED from 'vue' and my project is big ... and working in vue 2
Did you fix it?
@@eddysaunders No remember bro, I give up the project and I learned reactJS and work with this
Awesome!
Can make another video teaching how to make nested routes in sidebar?
Any luck on how to create a nested route?
What plug-in is he using for the:
13.7k compressed
I would love to see these info to the side
Sadly this channel died
Awesome content but it's so dense ! I have to pause every 5 seconds.
And no details provided on how and why everything works. If you’re newcomer co Vue, the video is not clear at all.
Too much clearly