By Oleksandr Kocherhin, Web developer with 12 years of experience
Vue Vuex: Building Production Project (Medium Clone)
Course description
In this course we will build a Medium clone using Vue and Vuex. This course 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!
Related Skills
Course overview - 38
Intro
Preparing Project
Setting up own api
Installing Prettier
Updating Vue to version 3
File structure
Register layout
Redux and Vuex
Creating Vuex auth module
Vuex actions
Making register API request
Improving register page
Saving access token
Rendering validation errors
Refactoring naming
Adding login page
Creating topbar
Getters in Vuex
Getting current user
Preparing a feed
Rendering a feed
Implementing pagination
Calculating offset
Implementing popular tags
Adding helper components
Creating your feed and tag feed
Adding feed toggler
Creating article page
Adding article delete
Adding tag list
Creating article form
Adding create article page
Adding edit article page
Implementing settings page
Namespacing in Vuex
Adding to favorites
Creating user profile
Homework