Vue.JS, a must-learn for front-end beginners!! Let's delve into Vue.JS from the basics to advanced levels!
The entire Vue 2 syntax.
Vue 3 basic concepts (Vue Instance, Template Syntax, Data Binding)
Usage of Composition API (reactive, ref, computed, watch)
Vue Router configuration and routing
Pinia state management
Vue 3's reactivity system
Component design and data transfer (Props, Emits, Slots)
How to use Vue 3 lifecycle hooks
Composition API vs Options API
Communication with a server (Axios, Fetch, async/await)
Application Performance Optimization
Vue app build and deployment
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! 🚀
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 . 🚀
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 . 🚀
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 . 🚀
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. 🚀
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 . 🚀
Who is this course right for?
Someone who has never studied View
Someone who has tried to study Vue, but gives up every time.
Someone who needs to build a service right away using Vue.
Someone who wants to learn easily and simply, without complicated explanations.
Need to know before starting?
HTML/CSS
JavaScript
4,452
Learners
206
Reviews
81
Answers
4.9
Rating
7
Courses
수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.
다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.
현재까지 다음과 같은 3권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:
또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]
All
229 lectures ∙ (23hr 32min)
Course Materials:
All
4 reviews
5.0
4 reviews
Reviews 3
∙
Average Rating 5.0
Reviews 2
∙
Average Rating 5.0
5
강의를 처음 듣는 사람에게도 이해가 잘되게 정말 잘하시는 것 같습니다! 다른 강의(예를 들어 next.js) 가 올라온다면 꼭 듣고 싶습니다... 커리큘럼도 너무 알차게 짜여져 있어 공부하기에 너무 좋습니다!!
와, 이렇게 정성스러운 피드백 정말 감사합니다! 강의가 처음이신 분께도 도움이 됐다니 정말 뿌듯하네요 😊 조만간 React.JS 강의가 오픈됩니다! 기대에 보답할 수 있도록 더 알차게 구성해보겠습니다 💪 앞으로도 좋은 학습 되시길 바랄게요!
Reviews 1
∙
Average Rating 5.0
$61.60
Check out other courses by the instructor!
Explore other courses in the same field!
css.png?f=avif&w=420)
