VueJS
Vue is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.
Who uses Vue? :raising_hand:
Nintendo, Louis Vuitton, Google Careers, Adobe, BMW, Namecheap and many more Tech Giants.
Topics to Cover :books:
Follow either the Official Docs or The Net Ninja or both and cover the following topics:
| S.No. | Topic |
|---|---|
| 1. | Setup |
| 2. | Vue Instance |
| 3. | Data & Methods |
| 4. | Data Binding |
| 5. | Events |
| 6. | Event Modifiers |
| 7. | Keyboard Events |
| 8. | Two-Way Binding |
| 9. | Computed Properties |
| 10. | Dynamic CSS |
| 11. | Conditionals |
| 12. | Looping with v-for |
| 13. | Multiple Vue Instances |
| 14. | Components |
| 15. | Refs |
| 16. | Vue CLI |
| 17. | Component CSS |
| 18. | Nested Components |
| 19. | Props |
| 20. | Primitive vs Ref Types |
| 21. | Events & Event Bus |
| 22. | Lifecycle Hooks |
| 23. | Slots |
| 24. | Dynamic Components |
| 25. | Binding: Checkbox, Select, Input |
| 26. | HTTP Requests |
| 27. | Custom Directives |
| 28. | Filters |
| 29. | Mixins |
| 30. | Routing |
| 31. | Deployment on Netlify |
Follow the Vue CLI 3 Series on The Net Ninja after the playlist linked above.
Once you get familiar these, you can very well call yourself a Vue Developer. It’s recommended you practice this on a few projects to ensure you understand everything.
Useful Chrome Extensions :muscle:
|S.No.|Extension| |—-|—–| |1.|Moesif Origin & CORS Changer
Beginner Friendly Projects to Try :star_struck:
|S.No.|Projects| |—-|—–| |1.|Calculator App |2.|Todo App |3.|Quiz App
These are some of the projects to get to you started on your Vue journey.
Done? :disappointed_relieved:
Not yet! Now that you’ve explored Vue, you can either learn React & master frontend web dev or Flutter to start developing mobile apps.
Why Flutter?
Flutter and Vue have really similar State Management. A lot of other things also feel familiar so you won’t really find it hard to learn Flutter.
We hope you now know the roadmap to being a professional Vue Developer :v: