Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

Vue.js Mastery - Everything You Need to Know for Real-World Use

It contains everything you need to work with Vue.js. A CRUD application learning note implemented with a real backend API. Be sure to check out the messages on how to build a high-productivity project environment and collaborate with backend developers :)

(4.8) 342 reviews

4,074 learners

  • captain
JavaScript
Vue.js
Vuex

Reviews from Early Learners

What you will learn!

  • Front-end development

  • Screen UI Development

  • Vue.js in practice

  • Configuring a Vue.js Production Environment

  • Vue.js Development

  • How to read backend API documentation

Like Avengers: Endgame, which ranked first at the global box office,
Aiming for the end game of Vue.js FE development education 🚩

Learning Vue.js
Last lecture 🌌

Starting with setting up a Vue.js project environment that increases productivity
It's all about how to collaborate with backend developers using real APIs .
When you are working on a project while implementing a learning notes web application
Check out all the good-to-know tips 😄


Preview the contents
🗒

Number 1

  • Configuring a project environment to maximize development productivity in a practical environment

Number 2

  • How to communicate with backend developers and view REST API documentation

Number 3

  • Developing CRUD applications using REST API and database

Number 4

  • Handling JSON Web Token Authentication with Axios and Advanced API Function Patterns

Number 5

  • Page authorization and authentication processing using a router

Number 6

  • Frontend Testing Methods


Q&A in advance 🙋🏻‍♂️

Q. Can I take this course without taking the previous Vue.js courses?

This course is not suitable for those who have not taken the previous Vue.js courses. The lectures are focused on implementation rather than theoretical explanations, so I recommend that you take this course after taking the previous courses.

Q. After taking this course, will I really be able to work as a front-end developer in the field?

This lecture focuses on how to collaborate with backend developers and how to read API documentation when starting out in the field. It also introduces the roles that frontend developers should play along with the modern web service development process, so it will be of great help when starting out in the field.

Q. I heard that a new major version of Vue.js will be released soon. Wouldn't it be better to wait and learn it rather than learning it now?

The new version of Vue.js will evolve in a direction that allows you to reuse code more easily in the existing structure. Just because a new version is released doesn't mean you can't use what you've learned now, but you can improve your code by adding new methods to what you've learned now. In addition, the project environment configuration, API function structuring, front-end testing, etc. that you learn in the lecture can even be applied when using other frameworks.

Q. Are there lecture notes?

Yes, while you are studying, please also refer to the sites below.
Go to Cracking Vue.js site


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?

  • Front-end developer

  • publisher

  • Backend Developer

  • college student

  • Vue.js Practical Developer

Need to know before starting?

  • HTML

  • CSS

  • Javascript

Hello
This is

48,014

Learners

4,651

Reviews

3,812

Answers

4.9

Rating

17

Courses

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

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

Curriculum

All

133 lectures ∙ (8hr 22min)

Published: 
Last updated: 

Reviews

All

342 reviews

4.8

342 reviews

  • jij5247님의 프로필 이미지
    jij5247

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    캡틴 판교님이 영어로 수업을 만들었다면 때부자가 되었을텐데 한국인만 이 강의를 들을 수 있는게 너무 아쉬워요. 수업 구성이나 수업 진행도 너무 좋지만 개인적으로 가장 좋았던 점은 수업 내내 잔실수가 많다는 점입니다. 미리 정확하게 짜여진 대본을 읽으면서 미리 짜놓은 코드를 복붙하는게 아니라 매번 직접 코딩하면서 보여주시기 때문에 당연히 잔실수들이 있을텐데요. 그 실수들을 확인하고 디버깅하는 과정이 배우는 입장에서는 매우매우 도움이 많이 됩니다. 이 강의를 고민하시는 분들에게 적극 추천합니다.

    • junlh1210님의 프로필 이미지
      junlh1210

      Reviews 8

      Average Rating 5.0

      5

      100% enrolled

      vue.js를 공부하기 위한 아주 좋은 강의입니다. 실제 코드를 git을 통하여 각 브랜치 별로 제공하고 있기 때문에 참고하면서 직접 코딩을 하는데 커다란 강점이 있습니다. 물론 강의의 수준이야 이전 강의를 들의셨다면 또다시 말씀드릴 필요가 없이 완벽하다 할 수 있습니다. 다만 처음 vuejs를 접하시는 분들은 이 강의를 들으시기전 적어도 "vuejs 완벽가이드"를 이해하셔야만 어려움이 없으실 것입니다. 이 강의를 완강한 다음 2가지의 아쉬움이 남는데 하나는 테스트에 관한 것이고 다른 하나는 백엔드에 대한 것입니다. 테스트는 저자께서 2020년 상반기 강의를 약속하셨기 때문에 그 때 아쉬움이 해소될 것을 기대하겠습니다. vuejs와 함께 연동하는 백엔드에 대한 궁금증이 많은데 이 점을 해소할 방법만 있다면 더욱 완벽한 강의가 될 것입니다. 좋은 강의를 기획해 주시고 수고하신 캡틴판교님께 감사드립니다.

      • jackim97님의 프로필 이미지
        jackim97

        Reviews 41

        Average Rating 4.8

        3

        100% enrolled

        강사님 너무 수고하셨어요. 고생 많으셨고요. 앞으로도 좋은 강의 많이 부탁해요. 한가지 아쉬운점은 직장인도 부담스러운 가격인데... 학생들은 더 부담을 느끼는 가격 같아요. 앞으로 가격 책정하실때 학생들 신경좀 써주세요. 강의 잘 들었습니다. 감사합니다.

        • 장기효(캡틴판교)
          Instructor

          안녕하세요 jackim97님, 좋은 의견 감사드립니다. 수강평을 남겨 주신지 벌써 6개월이 지났네요. 남겨주신 수강평 보고 학생 할인에 대해서 고민을 많이 했습니다. 인프런에서 학생 할인이 제공되기 전에 제가 먼저 뭔가 액션을 취하면 좋겠다고 생각했어요. 수입이 없는 학생 분들은 더 저렴한 가격으로 들으실 수 있도록 학생 할인 쿠폰 발급 페이지를 개발했습니다. 혹시 학생이시라면 아래 쿠폰으로 발급해서 이후 강의도 재밌게 들어주시면 좋겠구요. 주변 분들께도 많은 홍보 부탁드리겠습니다. 수강해 주셔서 감사합니다 :) https://inflearn-discount.netlify.com/

      • 세훈정님의 프로필 이미지
        세훈정

        Reviews 3

        Average Rating 5.0

        5

        100% enrolled

        CRUD 해보며 전반적으로 익혀가면서도 디테일하게 알려주신 부분으로 도움이 참 많이된것 같습니다. jest 관련해서도 처음 익혀보게 되어서 좋았습니다. 이제껏 배운 바대로 개인 프로젝트 작업을 통해서 잘 마무리 지어보고자 합니다. 좋은 강좌 감사합니다 !

        • 안녕하세요 세훈님, 도움이 되었던 부분에 대해 자세히 적어주셔서 감사합니다 :) 개인 프로젝트 하실 때 수업 내용들을 많이 참고하셔서 재밌게 개발하실 수 있으면 좋겠네요. 후속 강의들도 많은 관심 부탁드립니다 감사합니다 :)

      • 히나타님의 프로필 이미지
        히나타

        Reviews 2

        Average Rating 5.0

        5

        100% enrolled

        Vue js 다섯개 강의 모두 봤습니다. 깔끔한 강의 감사합니다. 추가적으로 Nuxt 강의도 열어주시면 너무 좋을것 같습니다.

        Limited time deal ends in 1 days

        $82,500.00

        25%

        $84.70

        captain's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!