Animated Navbar using CSS, Vue and Vue Router
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 - http://codingwithjustin.com/
Discord - https://discord.gg/8Zr5qgtPBc
Twitter - https://twitter.com/jsbroks
⚡ RESOURCES ⚡
GitHub - https://github.com/codingwithjustin/vue3-sidebar
Vue Transitions - https://v3.vuejs.org/guide/transitions-enterleave.html
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
Видео Animated Navbar using CSS, Vue and Vue Router канала Coding with Justin
✨ SOCIAL ✨
Website - http://codingwithjustin.com/
Discord - https://discord.gg/8Zr5qgtPBc
Twitter - https://twitter.com/jsbroks
⚡ RESOURCES ⚡
GitHub - https://github.com/codingwithjustin/vue3-sidebar
Vue Transitions - https://v3.vuejs.org/guide/transitions-enterleave.html
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
Видео Animated Navbar using CSS, Vue and Vue Router канала Coding with Justin
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Animated Responsive Navbar with CSS - Plus Other Useful Tricks](https://i.ytimg.com/vi/biOMz4puGt8/default.jpg)
![15 Vue 3 Tips and Tricks](https://i.ytimg.com/vi/iVnn21cAa3M/default.jpg)
![Create a cool sidebar with Vuejs and vue router (fast and easy)](https://i.ytimg.com/vi/PzVMzwJ35iY/default.jpg)
![How to Add Font Awesome Icons in Vue 3](https://i.ytimg.com/vi/MoDIpTuRWfM/default.jpg)
![Responsive Navigation Component With Vue 3 & Vue Animations](https://i.ytimg.com/vi/u2AwJAFeaKc/default.jpg)
![Vuejs - Vuetify UI Design, Sales Orders Modern Dark Design Dashboard](https://i.ytimg.com/vi/FbacbmacQNE/default.jpg)
![Responsive Sidebar Navigation Menu using HTML CSS & JavaScript | Side Navigation Bar HTML & CSS](https://i.ytimg.com/vi/DN7y9YVkiac/default.jpg)
![Electron with React - Building a desktop applications with React and Electron](https://i.ytimg.com/vi/oAaS9ix8pes/default.jpg)
![Build a sidebar navigation with TailwindCSS and VueJS](https://i.ytimg.com/vi/l-OThFpTmlk/default.jpg)
![Vue 3 Animations and Transitions Tutorial](https://i.ytimg.com/vi/XGTzLhQuFU0/default.jpg)
![Full Stack Project with Vue.js and Flask (Games Library App)](https://i.ytimg.com/vi/lenV5aVOMp8/default.jpg)
![How to Code CSS x10 Faster in VSCode! #Shorts](https://i.ytimg.com/vi/uKZNpJ3-Gjc/default.jpg)
![Close mobile menu on route change in NuxtJS Content project](https://i.ytimg.com/vi/jL7qwapjjvo/default.jpg)
![How To Add Dynamic Layouts To Your Vuejs Single Page Web Application | Fedorae Education](https://i.ytimg.com/vi/hwjYLqUJZU0/default.jpg)
![Animating Vue Router Transitions in Vue 3](https://i.ytimg.com/vi/L77Uq93XXzk/default.jpg)
![Complete ecommerce 🛒 Website with HTML CSS and JAVASCRIPT](https://i.ytimg.com/vi/05qC2tW5Uow/default.jpg)
![Create a carousel using Vuejs](https://i.ytimg.com/vi/6-JEiEfkluc/default.jpg)
![Build a Invoice App With Vue 3, Vuex & Firebase](https://i.ytimg.com/vi/vsJtN54aA7w/default.jpg)
![Vuejs - Vuetify UI Design, Tracking your Health - Dashboard](https://i.ytimg.com/vi/GAo_kUyhQzw/default.jpg)
![Animated Navigation with Vue](https://i.ytimg.com/vi/P2axU4drFtw/default.jpg)