Learning Vue.js by Selecting the Essentials

wait a minute!

Did you know that even in lectures, there is a 'knot' that suits me?

Just as a great game that everyone recognizes may not be fun for me ,
Lectures aren't the same for everyone.

No matter how much praise there is in a lecture, it may not be right for me .
Conversely, what is an ordinary lecture to someone else may be the best lecture to me .

So, at least 10% of all my lectures are free .
Come listen for yourself and see if it's the 'match' between you and your style !

If you and I get along well,
Let me show you the fastest route to becoming a front-end developer .
Trust and follow! 🚀

computed & watch
Counting the number of characters in a person

By utilizing computed and watch , which are core features of Vue 3,
I'm going to try cloning and coding the character counting function used on the Saramin site .

• Calculate the number of characters entered in real time using computed ,

• Use watch to efficiently detect changes in user input.

While implementing the functions used in practice as they are,
Learn the concepts of reactive data processing easily and clearly! 🚀

component
Autocomplete search terms

By utilizing the component, which is the core concept of Vue 3,
Let's implement the auto-completion feature for frequently used search terms in search engine services .

• Manage search boxes and autocomplete lists efficiently through component separation .

• Learn how to naturally flow data between components using props and emit .

• Implement interactive UIs that respond quickly to user input with real-time data rendering !

Create a function that can be used immediately in practice
You can learn how to use Vue components and structured development method . 🚀

Component Deepening
Tab menu UI

By leveraging the concept of dynamic components in Vue 3,
Let's implement a tab menu UI that enhances the user experience .

• Efficiently manage multiple tab content with dynamic component switching .

• Learn flexible component rendering using v-bind and the is property .

• Implement natural transitions between tabs with state management and event handling .

This course will teach you how to create complex UIs as reusable and extensible components . 🚀

To-do management app
Todo List

By leveraging all the concepts and techniques learned in Vue 3,
Let's create our own high-quality Todo List application .

• Efficiently manage the ability to add, delete, and modify tasks through component separation .

• Implement a UI that reacts to real-time state changes with Reactive Data Binding .

• Learn state management and data flow naturally by using computed, watch, and v-model .

• Implement permanent data storage using local storage !

This project integrates the core features of Vue in a practical way ,
You can develop development skills that can be used immediately in the field . 🚀

Auth
Authentication and Authorization

Clearly understand the concepts of authentication and authorization , which are core functions of web applications.
Let's implement a secure login function using **JWT (Json Web Token)**.

• Clearly distinguish between authentication and authorization through theory and practice.

• Learn highly secure login logic through the JWT token issuance and verification process.

• We will practice how to store and manage tokens (LocalStorage, SessionStorage) .

• Learn how to keep user information safe after logging in and control access based on permissions .

Through this course, you will gain hands-on experience with the essential authentication and authorization concepts for front-end developers .
You will learn safe and efficient user management methods. 🚀

Movie
Movie App 🎬

By leveraging all the concepts and technologies of Vue 3 that we have learned so far,
Let's create our own web application that provides movie information .

• Leverage external movie APIs to retrieve and display movie data in real time.

• Component-based structure efficiently manages movie lists, details, search functions, etc.

• Control data flow with API requests and asynchronous processing using Axios .

• You will implement page transition functionality using Vue Router and also experience dynamic routing .

• Provides a realistic user experience (UX) through responsive UI and state management .

This project integrates the core features of Vue 3 ,
You can develop API-based application development skills along with practical development experience . 🚀