Vue.js Intermediate Course - Learn Vue.js, ES6, and Vuex by creating a web app
Vue.js Intermediate Course - This is a Vue.js usage course that helps anyone create a 'great', 'easy', and 'excellent' web application. Based on a basic understanding of Vue.js, you will learn practical, code-centered knowledge by creating a Todo app.
Know the basics of HTML, CSS, JS and Vue.js Learn Vue.js to easily develop web apps! 💁♂️
Building the foundation of Vue.js Grow into a mid-level developer ✨
This course is divided into three major parts:
To-do App implemented with Vue.js
ES6 for clean Vue.js code
Vuex for implementing complex applications
This is a recommended course for those who are just starting to get interested in Vue.js or web development. I know about components, instances, etc., but I will help those who feel frustrated when trying to actually create an app to create an application. I will teach those who need to see the view code in ES6 an easy and quick way to learn ES6.
For those who want to manage components efficiently as their applications grow, we introduce a simple and easy way to learn Vuex. The overall lecture method is structured as a code-centered learning course.
After learning component-based design and structuring methods by creating a To-do app with basic view concepts, you will improve your application code by learning ES6 concepts and applying them to your application code. This is a practical lecture where you will learn the main technical elements of Vuex and apply what you have learned directly to your code while refactoring the To-do app.
Interested in front-end development Anyone can learn 🏃♀️
Vue.js right away Developers who want to use it in practice
Front-end development The designer I want to be
As a front-end developer Publisher who wants to change
📢 Be sure to check your player knowledge!
You need to know the basics of HTML, CSS, JS, and Vue.js to learn efficiently.
Previewof what you'll learn 📘
In this intermediate Vue.js course, you will learn the component-based project structure and component design methods required for developing actual services, and look at the main features of ES6 that make it easy to write Vue.js code. You will also learn in depth about Vuex, a state management library that is inevitably used in practice.
In the first half, you will get a feel for Vue.js screen development by designing and implementing applications without any separate theoretical explanation.
Afterwards, we will look at the problems in the application we created and improve the application structure through code refactoring.
The middle part is a lecture in the form of theory explanation -> practice with prepared examples -> application to refactoring so that you can easily and quickly understand the concepts of ES6 and Vuex.
From the blog to this lecture, it was really helpful ㅎㅎ
But there are some parts that I regret as a beginner
First of all, it seems like the last lecture update was a while ago.
The last update date was February 2019, but it's been almost 2 years now ㅜㅜ Maybe that's why, although there is guidance in the middle of the lecture, there are sometimes parts that are different from the lecture, such as the Vue project start command, the basic file structure, etc., so it's confusing as a beginner.
And should I say NG? The part where the KakaoTalk alarm from the Infleun representative appears on the screen, ㅋㅋㅋ, the part where the words are tangled, the part where you create a file and then delete it thinking you don't need it, etc. If you cut and edit it, it would be better for concentration.
It was a time to see how it differs from the existing js and jquery methods while implementing the todo app with vue, and it was good that it explained well how the code was simplified step by step.
However, I was a little disappointed that the implemented todo app seemed to be made with code that was easy for beginners to read, so I changed the function and the way data was saved and implemented it. I saved it in local storage so that I could manage the todo list with one array. I thought that the key value should not be duplicated, so I increased the count by checking for duplicates. Separately added functions include filtering, count, menu bar, and theme change.
The added functions were referenced from the example on the official website.
https://vuejs.org/v2/examples/todomvc.html
I finished the beginner course and the intermediate course, and I am satisfied with the level of understanding and learning materials. I will listen to the next one. Haha
I signed up for all the lectures that you gave me the entire roadmap for before I even finished listening to the intermediate ones. Thank you for teaching me so well! I will diligently follow the remaining lectures!!!^ㅇ^