VueJs is a progressive framework & Nowadays it's going very popular. Requesting you before jump in this topic, have to acknowledge with basic Javascript, HTML knowledge, or related programming knowledge.
What you need before starting VueJS
- Very Basic HTML & CSS
- Syntax, Variables & Basic Operation
- Array Loop, Conditional Statement, Functions
- Events
- Dom
- OOP
Great, Hope that's topic already cleared, so now we can see the VueJS topics.
1. Dom Manipulation/Interaction using VueJS
- How looks like VueJs Instances & Data Accessing.
- Uses of VueJs Directives
- How works with CSS
2. Conditional Statement & Loop
- use of v-If/Else Condition
- use of v-for
3. Vue Instance & Understanding
- How to manage data & methods.
- Basic knowledge of Components.
That's all are basic things on VueJS, now you can move into VueCLI, and let's start with that.
4. Start Learning Development with VueCLI
- Vue CLI & Project Structure
- .Vue Files & structure.
- Uses of Components
- Package Manager like NPM & YARN
5. Go deep into VueJs Components
- Props (parent to Child)
- EventBus
- Slot - with Styling and Behavior
- Working with HTML form & Validation
- VueJS Directives & Customization
- Filters & Mixins
6. Finally very important Topics
- Working with HTTP request (Axios).
- Routing in VueJs
- State Management by VueX
There is no boundary to finish your learning curve, Please go on & keep learning with new things in VueJS.
Reference: I was learning VueJs from this tutorial , It's the best tutorial as far as I can see for VueJs. This Tutorial Topic helps me to make this Syllabus for beginners.
RoadMap also you can follow.
If there has any issues or wrong instruction, please feel free to contact with me by comments or mail: hello@rathik.dev