
Explore how to structure a Vue app: root and public files, router and views, a store for data, and moving shared elements into a components folder for reuse.
Master Vuex actions by distinguishing them from mutations, implementing asynchronous api calls in actions, and dispatching actions from components to manage loading states and commit mutations.
Learn how to create and use Vuex getters to derive computed state, map getters, and access current user and anonymous status across components.
Create three small helper components: a banner, a loading indicator, and an error message, to reduce duplication across the global feed and popular texts, enabling easy maintenance and reuse.
create your feed and tag feed using a shared, efficient architecture in a vue project, reusing components to fetch articles from /articles and /articles/feed, with tag-based queries and pagination.
Build a reusable feed toggle component in the Vue.js portfolio project to switch between global feed, your feed, and tag feeds (tech name), showing login-based links and active routing state.
Build an edit article page by fetching the article by slug, prefill the form with initial values, and submit updates via a put request, reusing the create article module.
In this course we will build a Vue JS portfolio project using Vue and Vuex. This Vue Training for beginners is fully focused on fast and deep dive into creation of real application with Vue and Vuex. We will start from scratch and step by step you will get close to finished real application. You will deeply understand how to structure your application, build reusable and understandable modules and components and split code into smaller chunks of code. We will write code together in efficient way to make it pure and avoid data complexity.
For each lesson you'll get source code of the lesson, so it's easy to see the progress and get a working app on any lesson you want.
What you will learn in this course:
Structure and configure project
Write high quality code with Vue and Vuex on real project
Create reusable modules and components
Implementing authentication
Deeply understand Vuex design patterns
By the end of this course, you will be much comfortable to work with Vue and Vuex.
If you are feeling like you learned Vue but you still still missing knowledge of how to build your own real application this course is what you need. This course is fully focused on creating the application without getting deep into basic knowledge of Vue!