강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Vue.js Complete Guide - Learning Practical Concepts Through Hands-on Practice and Refactoring

This is a practical Vue.js course that follows the lineage of Do it! Vue.js Introduction -> Vue.js Beginner Course -> Vue.js Intermediate Course. It will help you fully utilize Vue.js in real-world work.

(4.9) 382 reviews

4,823 learners

Level Intermediate

Course period Unlimited

  • captain
JavaScript
JavaScript
Vue.js
Vue.js
JavaScript
JavaScript
Vue.js
Vue.js

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

이우진

46% enrolled

Wow, the lecture is really... I'm halfway through it now! In my case, I'm a 4th year college student who is taking the course right away without listening to the intermediate and introductory courses! If I had listened to the intermediate course, I think I would have been able to understand it with a high level of understanding, but since the instructor explained it again, I was able to understand some parts without listening! However, it is certain that I would understand it better if I had listened to the intermediate course. Since it is a lecture that includes practical parts and the instructor's tips..., the instructor explained the concepts in detail, and I was surprised that he just told me right away when I was like, "Huh? Why is this like this?" It was so surprising that he could hear me. I really don't regret the money. After finishing this course and getting my part-time salary, I plan to listen to the instructor's webpack and PWA courses together!!! I will use the vue.js I learned from instructor Jang Ki-hyo in the upcoming hackathon and win!!! Thank you for the great lecture!

5.0

Yu Jae Seung

92% enrolled

I think it will be a great help in carrying out a flexible and structured web project through vue.js. I was carrying out a web project using angular1, but I was wandering around, unable to accept the new things such as ES6 and components that started from angular2, and I was drawn to the charm of vue.js, so I took Pangyo's course from the basics one by one and came here. Some say that you can skip the basics course because the complete guide covers all the contents without the basics course, but I personally think that it is better to complete the basics course + intermediate course in order to build a solid foundation from the basics. It seems that there are many useful development tips that can be applied immediately in practice through examples, and it repeatedly reviews what you have learned so that you do not forget them. I am about to start a new project using vue.js, and I am very excited and looking forward to it. There are so many components floating around in my head, but it will take a long time to implement them, right? Hahaha; I hope you all study hard~^^

5.0

BongSik Han

28% enrolled

A lecture that is neither too much nor too little For humans who have to endlessly walk through the meaningless wilderness of web and apps, Vue.js is an oasis of the soul. For the aforementioned face that is exhausted from learning from official documents and no longer sweating, This lecture is a source of blessing that makes a silver tear flow. And a sweet fruit that makes you forget the hot sun. In the modern programming era that pursues and accelerates easier and simpler things, a lecture that is neither too much nor too little that easily expresses Vue.js. Thank you always.

What you will gain after the course

  • How to set up and develop a project with the latest Vue CLI (v3.0)

  • Vue Router from Basics to Practice, and Advanced Patterns

  • API calling methods using Axios and JavaScript asynchronous processing

  • Deep Understanding of Vuex and State Management

  • Data Fetching Methods Considering User Experience

  • Component Reusability Using Mixins and Higher Order Components

  • How to integrate external libraries into a project

  • View Component Design Pattern

No more simple knowledge transfer lectures,
Perfect understanding of Vue.js through practice-oriented interactive learning ✌

The Complete Guide to Vue.js 📖


In this course, you'll learn all the skills and knowledge needed to use Vue.js in real-world projects by building a web service with actual APIs, including Vue Router, Vuex, HTTP communication implementation methods, external library usage, component design patterns, and more.

I've incorporated advanced techniques learned from Vue.js creator Evan You's offline classes and knowledge passed down from Vue core team members. Let's explore together how skilled developers write their code.

What Makes This Course Special 😁

  • Interactive lectures that encourage hands-on practice
    Simply following along with code won't make it yours. We aim for interactive lectures where, after concise theoretical explanations and instructor demonstrations, we build web services together with students. Make what the instructor teaches truly yours through 12 hands-on practice examples.

  • Refactoring from a Beginner's Perspective
    From the perspective of beginners who are more familiar with jQuery than component-based development, we design services together and improve code and application structure while cultivating component-based thinking. We create code that can be immediately applied in real-world practice.

  • Learn through easy and fun explanations
    The curriculum was designed from a beginner's perspective, gained from teaching over 200 students in offline classes for 2 years. Practical exercises and refactoring are woven throughout the course so that those unfamiliar with component-based thinking can naturally develop this mindset. After completing the course, you'll discover a more advanced version of yourself.

Related Roadmap 🚎

Mastering Frontend Development with Vue.js and TypeScript
A roadmap consisting of Captain Pangyo's courses
that teach Vue + TypeScript all at once.
Includes this course


Instructor Introduction 👨‍🏫

Captain Pangyo

"People Met by Inflearn" Interview

"I support Vue.js open source +
OpenTutorials with lecture revenue 😁"

We're offering a course discount!

Series "Frontend
Developer Roadmap with Vue.js" 25% Discount (Click)

Student 50% discount for middle/high school students
and college students without income (Click)

Recommended for
these people

Who is this course right for?

  • A professional starting a new project with Vue.js

  • Frontend and backend developers who want to build their own service with Vue.js

  • Vue.js developers who want to use Vue.js better

  • Publishers and designers who have taken beginner and intermediate courses but are still unfamiliar with service development

  • A college student preparing a portfolio for job applications

  • Job seekers preparing for technical interviews

Hello
This is

49,251

Learners

4,851

Reviews

3,816

Answers

4.9

Rating

19

Courses

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

Curriculum

All

96 lectures ∙ (10hr 23min)

    Published: 
    Last updated: 

    Reviews

    All

    382 reviews

    4.9

    382 reviews

    • pappagallos5031님의 프로필 이미지
      pappagallos5031

      Reviews 5

      Average Rating 5.0

      5

      46% enrolled

      Wow, the lecture is really... I'm halfway through it now! In my case, I'm a 4th year college student who is taking the course right away without listening to the intermediate and introductory courses! If I had listened to the intermediate course, I think I would have been able to understand it with a high level of understanding, but since the instructor explained it again, I was able to understand some parts without listening! However, it is certain that I would understand it better if I had listened to the intermediate course. Since it is a lecture that includes practical parts and the instructor's tips..., the instructor explained the concepts in detail, and I was surprised that he just told me right away when I was like, "Huh? Why is this like this?" It was so surprising that he could hear me. I really don't regret the money. After finishing this course and getting my part-time salary, I plan to listen to the instructor's webpack and PWA courses together!!! I will use the vue.js I learned from instructor Jang Ki-hyo in the upcoming hackathon and win!!! Thank you for the great lecture!

      • bansoon님의 프로필 이미지
        bansoon

        Reviews 4

        Average Rating 4.5

        5

        92% enrolled

        I think it will be a great help in carrying out a flexible and structured web project through vue.js. I was carrying out a web project using angular1, but I was wandering around, unable to accept the new things such as ES6 and components that started from angular2, and I was drawn to the charm of vue.js, so I took Pangyo's course from the basics one by one and came here. Some say that you can skip the basics course because the complete guide covers all the contents without the basics course, but I personally think that it is better to complete the basics course + intermediate course in order to build a solid foundation from the basics. It seems that there are many useful development tips that can be applied immediately in practice through examples, and it repeatedly reviews what you have learned so that you do not forget them. I am about to start a new project using vue.js, and I am very excited and looking forward to it. There are so many components floating around in my head, but it will take a long time to implement them, right? Hahaha; I hope you all study hard~^^

        • captain
          Instructor

          Thank you for taking the class diligently, Jaeseung :) Since last week, you have been listening to both the intermediate and complete guide classes diligently, asking many questions, and even leaving a good review :) I hope you can use what you learned in your new project and have fun with it. Thank you for giving me your honest opinion for others. I have uploaded the component design pattern and async function lectures today, so please enjoy them :) Thank you, Jaeseung!

      • bongsikhan님의 프로필 이미지
        bongsikhan

        Reviews 5

        Average Rating 5.0

        5

        28% enrolled

        A lecture that is neither too much nor too little For humans who have to endlessly walk through the meaningless wilderness of web and apps, Vue.js is an oasis of the soul. For the aforementioned face that is exhausted from learning from official documents and no longer sweating, This lecture is a source of blessing that makes a silver tear flow. And a sweet fruit that makes you forget the hot sun. In the modern programming era that pursues and accelerates easier and simpler things, a lecture that is neither too much nor too little that easily expresses Vue.js. Thank you always.

        • captain
          Instructor

          Bongsik... You wrote a poem...... Thank you for writing a wonderful course review, Bongsik. You must be even more proud to have won the course review event for the first month since it started... We will continue to create content that is neither too much nor too little in the future :)

      • wjsyuwls님의 프로필 이미지
        wjsyuwls

        Reviews 24

        Average Rating 5.0

        4

        54% enrolled

        Vue3 is not up to date, so it takes too long to take the class... Other than that, I'm satisfied.

        • gurumee920260님의 프로필 이미지
          gurumee920260

          Reviews 11

          Average Rating 5.0

          5

          100% enrolled

          Hello. I am a new developer currently working as an intern at a company. I was thinking about what to use for the front-end while working on a project at my current company, and I decided to try Vue.js, so I took this Inflearn lecture. In my case, I used to use React a lot, and I had read the book "Do it! Introduction to Vue.js", so I was able to understand the lecture smoothly. When I first applied for the lecture, I honestly thought "Why is it so expensive?", but now that I have completed the course, I think "It's a lecture worth the money." From the basics of view to application, and even tips on how to easily work with CSS, component design patterns, and deploying view applications. I was able to get a glimpse of Captain Pangyo's efforts to create this lecture. Thank you for creating such a great lecture.

          $59.40

          captain's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!