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