강의

멘토링

로드맵

BEST
Programming

/

Front-end

The Complete Guide to Vue.js - Practical Concepts Learned Through Practice and Refactoring

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

(4.9) 381 reviews

4,811 learners

  • captain
JavaScript
Vue.js

Reviews from Early Learners

What you will learn!

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

  • From Vue Router basics to practical applications and advanced patterns

  • How to make API calls using Axios and JavaScript asynchronous processing

  • A deep understanding of Vuex and state management

  • How to call data considering User Experience

  • Component Reuse with Mixins and High Order Components

  • How to integrate external libraries into your project

  • View Component Design Pattern

No more simple knowledge-transferring lectures.
Understand Vue.js perfectly with hands-on guided interactive learning ✌

Vue.js Complete Guide 📖


In this course, you will learn all the skills and knowledge necessary to use Vue.js in practice, such as how to implement HTTP communication with Vue Router and Vuex, how to use external libraries, and component design patterns, while creating a web service with an actual APU.

This course is a collection of advanced techniques learned in offline classes by Evan Yu, the founder of Vue.js, and knowledge passed down from Vue core team members. Let's learn together how good developers write code.

Unique features of this course 😁

  • Inductive lectures that encourage hands-on learning
    Simply following the code will not make it mine. This is an interactive lecture that aims to create a web service together with the students after a concise theoretical explanation and the instructor's demonstration implementation. Make the content taught by the instructor your own through 12 practical examples.

  • Refactoring from a beginner's perspective
    We design services from the perspective of beginners who are more familiar with jQuery than component-based development methods, and we improve the structure of code and applications together to develop component-based thinking skills. We create code that can be applied directly to practice.

  • A lecture that teaches with easy and fun explanations
    I have organized the course curriculum from the perspective of a beginner, which I have realized while teaching about 200 students in offline classes for 2 years. I have incorporated practice and refactoring throughout the course so that those who are not familiar with component-based thinking can naturally think in component-based thinking. After taking the course, you will find yourself growing even more.

Associated Roadmap 🚎

Conquering Front-end Development with Vue.js and TypeScript
Captain Pangyo's view + TypeScript all at once
This is a roadmap of the lectures you will learn.
Including this lecture


Introducing the knowledge sharer 👨‍🏫

Jang Gi-hyo (Captain Pangyo)

Interview with "People Met by Inflearn"

“Vue.js open source + with lecture revenue
Support Life Coding 😁”

We offer lecture discounts!

Series "Frontend Completed with Vue.js
Developer Roadmap" 25% off (click)

Middle and high school students with no income,
50% off for college students (click)

Recommended for
these people

Who is this course right for?

  • A practitioner starting a new project with Vue.js

  • Front-end and back-end developers who want to create their own service with Vue.js

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

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

  • College students preparing a job portfolio

  • Job seekers preparing for a technical interview

Hello
This is

48,271

Learners

4,709

Reviews

3,813

Answers

4.9

Rating

17

Courses

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

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

Curriculum

All

96 lectures ∙ (10hr 23min)

    Published: 
    Last updated: 

    Reviews

    All

    381 reviews

    4.9

    381 reviews

    • jjh님의 프로필 이미지
      jjh

      Reviews 1

      Average Rating 3.0

      3

      100% enrolled

      이전 과정들과 겹치는 내용들이 너무 많고 강의 찍은 시점이 너무 오래 되었음.. 물론 세팅 부분 같은걸 제외하고는 내용적으로 변한게 없지만 가격을 생각했을땐 어느정도 리뉴얼이 필요하지 않나 싶음. 여러가지 코스를 만드는것보다 차라리 그냥 가격을 다 합치더라도 한번에 쭉 가는 하나의 강좌로 만드는게 듣는 사람 입장에선 더 좋다고 생각함.

      • 이우진님의 프로필 이미지
        이우진

        Reviews 5

        Average Rating 5.0

        5

        46% enrolled

        와 강의 정말... 저는 이제 절반 듣고 있는데요! 저같은 경우에는 중급과 입문을 듣지 않고 바로 수강하고 있는 유형인 4학년 대학생입니다! 중급강의를 듣고 왔다면 확실히 높은 이해도로 들을 수 있을 것 같습니다만, 강사님께서 다시 한 번 설명을 해주시기 때문에 듣지않아도 일정 부분들 전부 이해할 수 있었습니다! 그래도 중급강의 듣고 오시는게 더 잘 이해된다는 것은 확실합니다. 실무적인 부분들, 강사님의 꿀팁들이 녹아들어가있는 강의인 만큼..., 개념 설명도 세세하게 잘해주시고, 제가 어라? 이건 왜 이렇게 되는거지? 할 때 쯤 그냥 바로 말씀해주시는게 놀라웠습니다... 내가 한 소리가 들리는건가 싶을 정도로요. 정말 돈이 아깝지가 않습니다. 이 강의 끝나고 알바 월급들어오면 바로 강사님의 webpack 강의와 PWA강의를 함께 들을 예정입니다!!! 곧 있을 해커톤 대회에서 장기효 강사님께 배운 vue.js, 배운 그대로 활용해서 우승하고 오겠습니다!!! 좋은 강의 감사합니다!

        • Israpel님의 프로필 이미지
          Israpel

          Reviews 3

          Average Rating 4.0

          3

          100% enrolled

          완주까지 쉽진 않았지만 알찬 내용이었습니다. 조금 아쉬운 점이 있다면 말씀 하시는 방식에서 '이게', '저게', '이렇게', '저렇게' 이런식으로 명사를 지칭하지 않고 약간 두루뭉술하게 빨리 지나가는 경우가 있습니다. 그러다보니 강의를 멈추고 앞으로 돌려본 적이 여러번 있었네요. 고생 많으셨습니다.

          • Yu Jae Seung님의 프로필 이미지
            Yu Jae Seung

            Reviews 4

            Average Rating 4.5

            5

            92% enrolled

            vue.js를 통해 유연하고 구조화된 웹 프로젝트를 진행하는데 큰 도움이 될 것 같습니다. angular1을 사용해 웹프로젝트를 진행해오다 angular2에서부터 시작된 ES6와 컴포넌트등 신문물을 받아들이지 못하고 방황하던 중, vue.js의 매력이 이끌려 판교님 강좌를 기초부터 차례차례 수강해서 여기까지 오게 되었네요. 혹자는 기초강의 없이 완벽가이드에서 모든 내용을 다루기 대문에 기초강의는 건너띄어도 된다 하지만, 기초부터 착실하게 다지기 위해서는 기초강의 + 중급강의까지 완주행 하는게 좋다고 개인적으로 생각합니다. 앞서 배운것들을 잊어버리지 않게 하기위해 반복해서 복기시켜주고, 예제를 통해 실무에서 바로바로 적용할 수 있는 유용한 개발팁들 또한 많이 실려있는 것 같습니다. 이제 곧 vue.js를 이용하여 새로운 프로젝트를 시작하려 하는데 매우 설레이고 기대가 됩니다. 머리속에 수많은 컴포넌트들이 둥실둥실 떠다니고 있는데 구현하려면 인고의 시간이 필요하겠죠? ㅎㅎㅎ; 모두 열공 하시기 바랍니다~^^

            • 장기효(캡틴판교)
              Instructor

              열심히 수강해주셔서 감사합니다 재승님 :) 지난 주부터 중급 강좌, 완벽 가이드 강좌 모두 열심히 듣고 질문 많이 해주시더니 수강평까지 좋게 남겨주셨네요 :) 새 프로젝트에서도 배운 내용 잘 활용하셔서 재밌게 프로젝트 진행하셨으면 좋겠습니다. 다른 분들을 위해 솔직한 의견 주셔서 감사하구요. 오늘 컴포넌트 디자인 패턴과 async 함수 쪽 강의 마저 업로드 했으니 재밌게 들으세요 :) 감사합니다 재승님!

          • BongSik Han님의 프로필 이미지
            BongSik Han

            Reviews 5

            Average Rating 5.0

            5

            28% enrolled

            과유불급의 강좌 웹과 앱이라는 무의미의 광야를 한없이 걸어야 하는 인간에게 Vue.js는 영혼의 오아시스. 공식문서로의 배움에 지쳐 더이상 땀조차 흐르지 않는 상기된 얼굴에 이 강좌는 한줄기 은빛 눈물을 흐르게 하는 축복의 근원. 그리고 열사의 태양을 잊게하는 달콤한 과실. 점점 쉽고, 간단한 것을 추구하며 가속화되는 현대 프로그래밍 시대에 Vue.js를 쉽게 표현한 너무 넘치지도 않고 부족하지도 않는 과유불급의 강좌. 언제나 감사합니다.

            • 봉식님... 시를 써놓으셨네요...... 멋진 수강후기 작성해주셔서 감사합니다 봉식님. 개시한 첫 달의 수강평 이벤트까지 당첨되셔서 더 뿌듯하시겠어요... 앞으로도 넘치지도 않고 부족하지도 않게 과유 불급의 컨텐츠를 계속 만들겠습니다 :)

          $59.40

          captain's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!