MENU

Fun & Interesting

Vue.js Beginner Course | Build & Deploy a Modern Fitness App

Smoljames 811 1 day ago
Video Not Working? Fix It Now

In this Vue.js Beginner Course I teach you everything you everything you need to know to become a Vue.js pro πŸ”₯ In this course we build, style and deploy a modern and responsive fitness web app from scratch - the project is designed to teach you all the core concepts and foundational knowledge you need to know to feel confident and comfortable developing your own amazing Vue.js apps βœ… #programming #javascript #vuejs 🌼 Resources GitHub Repo - https://github.com/jamezmca/vuejs-full-course FantaCSS - https://github.com/jamezmca/fantacss VSCode Shortcuts - https://www.vscodeshortcuts.smoljames.com FontAwesome CDN - https://cdnjs.com/libraries/font-awesome FontAwesome Icons - https://www.fontawesome.com Vite Init - https://v3.vitejs.dev/guide/ Vue.js docs - https://vuejs.org/ Netlify - https://www.netlify.com/ ⭐️ All my links! https://www.smoljames.com Learn to code πŸ”₯ https://www.smoljames.com/roadmap Resume builder βœ… https://www.hyr.sh ✨ Get started HTML CSS Course - https://www.youtube.com/watch?v=70T2GMDKl6M JavaScript Full Course - https://www.udemy.com/course/the-complete-javascript-course-zero-to-hero/?referralCode=F6229ABBDBD16EB43FA4 ReactJS Full Course - https://youtu.be/iKpkVKubvKk Full Stack Course - https://www.udemy.com/course/full-stack-course-by-smoljames/?referralCode=F3FB3E174D38A54974EB πŸ’› Support the channel and become a member! https://www.youtube.com/channel/UCPBK_brqoVQtO-fOWpxQGXw/join ╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗ β•‘β•šβ•£β•‘β•‘β•‘β•šβ•£β•šβ•£β•”β•£β•”β•£β•‘β•šβ•£β•β•£ β• β•—β•‘β•šβ•β•‘β•‘β• β•—β•‘β•šβ•£β•‘β•‘β•‘β•‘β•‘β•β•£ β•šβ•β•©β•β•β•©β•β•©β•β•©β•β•©β•β•šβ•©β•β•©β•β• πŸ“š Chapters 00:00:00 Intro 00:03:33 Project demo 00:06:40 Build fitness app 04:04:00 Deploy to internet πŸ”– Topics covered - Vue 3 project setup with Vite - Composition API (ref, reactive, computed) - v-model, v-if, v-for β€” essential directives - Components and props - Event handling (@click, @input) - State management basics - Emitting events between components - Styling with CSS and FantaCSS - Responsive layout and mobile-first design - Deploying a Vue app with Netlify

Comment