👋 Hi , this is my open sourced guide for Vue.js below down I have also added some resources for Vue.js which will help you to start your journey with it and become a vue developer. Please feel free to add resources or guide for vue.js

What is Vue ?

Vue is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS and JavaScript, and provides a declarative and component-based programming model that helps you efficiently develop user interfaces, be it simple or complex.

Why Vue ?

• Progressive Framework
• Approachable
• Versatile
• Performant
• Reactivity
• Testable
• Standarized Tools
  • Vue Router - Client Side Routing
  • Vuex - State Management
  • Vue Test Utils - Unit Testing Components
  • Vue Devtools - Web Extensions & Debugging
  • Vue CLI - Creating Projects

Vue Structure

<template> <--HTML--> </template>

<script> <--JavaScript--> </script>

<style> <--Css--> </style>

💻Installation

With Build Tools

The official Vue build setup is based on Vite

• npm init vue@latest

Without Build Tools

Add this CDN to your project

• <script src="https://unpkg.com/vue@3"></script>

Vue Resources

• Vue.js Explained in 100 Seconds

Course For Biginners

• Vue.js Course for Beginners
• Vue JS 3 Tutorial for Beginners

Crash Course

• Vue JS crash Course

Vuex

• Vuex
• Vuex Crash Course

Vue Test Utils

• Unit Testing in Vue.js

Vuex & Firebase

• Vuex 4 & Firebase