Thread by @foxflue

Here's a complete roadmap of topics to master VueJS

A Thread 🧵

#vue #vuejs #100DaysOfCode #webdevelopment #webdev #programming #coding #javascript #HTML #HTML5 #CSS3 #CSS #programming

1⃣ Prerequisite
- #HTML / #CSS Basics
- Basic #Javascript Concepts ✌️

2⃣ Vue Basics
- What is Vue
- Component Basics (Template, script, data, methods)
- Handling User Inputs
- Conditionals and Loops
- Computed properties and watchers
- Class Bindings (CSS Classes) 😀

3⃣ Components In Depth
- Reusing components
- Props
- Registering Components
- Custom Events
- v-Slots
- Dynamic and Async Components 😅

4⃣ Inputs and Forms
- Event Handling
a. Method Handling
b. Event Modifiers
c. Key Modifiers
d. Custom Events
- Form Input Binding
a. Basic usage
b. Value bindings
c. Modifiers
- Form Validation using Vuelidate or vee-validate 🤞

5⃣ Miscellaneous Concepts
- Mixins
- Directives (also Custom)
- Plugins
- http, axios, interceptors
- Environment Variables 😋

6⃣ Routing (Vue-Router)
- Modes and route params
- Child Routes / Nesting
- Using Meta
- Navigation Guards 🙄

7⃣ State Management (Vuex)
- Concept of State
- Getters
- Mutations
- Actions
- Modules (for complicated apps) 🤪

8⃣ Advanced Concepts
- Authentication of Routes
- Role Based Access Control
- PWA Concepts
- Debouncing and Throttling
- Lazy Loading
- Optimizing Build Size 😕

9⃣ What should be next?
- PWA Concepts
- SSR
- Explore Nuxt.js
- Security Practices
- Accessibility
- Internationalization
- Vue 3 Features
- Any UI Component Library like Vue Bootstrap or Vuetify 🥱

If you found this thread useful, make sure to:
- Follow (@foxflue)
- Retweet it ♻️
- Turn on the notifications 🔔
Thank you again and will see you soon! ❤️