By Oleksandr Kocherhin, Web developer with 12 years of experience

Vue Vuex: Building Production Project (Medium Clone)

Language: English
All Levels

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

Learners who have already enrolled in this course

Meet your instructor

Oleksandr Kocherhin
Oleksandr KocherhinWeb developer with 12 years of experience