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

/

Front-end

Getting Started with Vue 3

This is a course for those who are starting with the latest version of Vue.js, Vue 3. Learn the operating principles of Vue.js and the basic concepts you need to know when developing in practice.

(4.9) 126 reviews

1,354 learners

  • captain
vue.js
3시간 만에 완강할 수 있는 강의 ⏰
프론트엔드
Vue.js
Vue 3
JavaScript

Reviews from Early Learners

What you will learn!

  • Vue.js

  • Front-end development

  • web development

Vue.js core principles + latest Vue 3 features,
We will explain it in an easy-to-understand way in one lecture!

It will become the next-generation standard for Vue.js.
Getting started with the latest Vue 3

"Getting Started with Vue.js - Age of Vue.js" chosen by over 8,250 people is back with the latest Vue 3 lecture ! 😄 This "Getting Started with Vue 3" lecture is designed from an introductory perspective for those who are new to the front-end development framework Vue.js and those who are not yet familiar with Vue.js.

Now, why Vue 3?

Convenient component code reuse

Powerful TypeScript support

Provides additional grammar related to template expressions.

Other new grammar support

(Composition API, Reacitivty injection API...)

Are you starting a project with the latest Vue 3? Do you want to understand exactly how Vue.js works? In this lecture, learn the differences between the existing Vue 2 and Vue 3 step by step, focusing on the internal implementation of the library and grammatical features!


To these people
I recommend it.

FE beginners who start front-end development with Vue 3

Developers who need to upgrade from Vue 2 to Vue 3

Front-end developer starting a Vue.js 3 project for the first time

For those who want to understand the working principles of Vue.js rather than just its simple concepts

So, you can build a solid foundation of Vue.js!

  • ✅ You will learn the main concepts and syntax of Vue.js.
  • ✅ Understand the philosophy of Vue.js by implementing the internal workings of Vue.js yourself.
  • ✅ You will get a feel for the knowledge that practical developers need to know, such as HTTP, networks, and servers.

Lecture notes provided for Vue.js learners 📖

We provide an online textbook that covers the knowledge required to develop web services with Vue 2 and Vue 3.

Go to "Cracking Vue.js" >>


Who created this course 👨‍🏫

Jang Gi-Hyo (Captain Pangyo)

Interview with "People Met by Inflearn"

A good lecture to watch together

Q&A 💬

Q. I'm not familiar with front-end development. Can I still join?

This course is good for those who have basic knowledge of HTML, CSS, and JavaScript. In particular, for those who do not know about JavaScript variables, functions, control statements, objects, etc., it is recommended that you learn basic JavaScript knowledge first before taking the course.

Q. How is it different from the existing Vue.js Getting Started course?

The existing Vue.js Getting Started course was created based on the Vue.js 2 version, which is currently the most widely used in practice. This Vue 3 Getting Started course is a beginner's course created for those who are starting a project with Vue 3 and those who have difficulty following the Vue 2 Getting Started course :)

Q. I took the previous Vue.js Getting Started course. Do I need to take this course again?

I do not recommend this to those who have already created several services with Vue.js in practice and have experience with component design, reactivity principles, and complex state management. This is because they will quickly understand the differences just by reading a little bit of the official Vue 3 documentation. For these people, I recommend the Vue 3 Intermediate - Composition API course .

On the other hand, if you are not yet familiar with Vue.js and need to start a Vue 3 project, I highly recommend you take this course. I will explain the differences between Vue 2 and Vue 3 in terms of the internal implementation of the library, grammatical features, etc., and what has changed compared to the previous version when developing Vue 3 throughout the course :)

Q. After taking this lecture, what lecture should I take next?

I recommend that you take the course by following the Vue.js learning roadmap . As you can see in this lecture, the existing Vue 2 content is almost identical to Vue 3. Therefore, if you faithfully follow the existing learning roadmap, you will be able to become a front-end developer with more Vue.js proficiency :)

A follow-up course for Vue 3 is also currently in preparation. You will learn how to use the new code writing method and ecosystem in the follow-up course. It is expected to be produced by November at the earliest, or by the end of the year at the latest :)
Follow-up lectures have been released. Go to Vue 3 Intermediate - Composition API lecture

Support the Vue.js open source ecosystem with lecture proceeds 😁”

Recommended for
these people

Who is this course right for?

  • People who are starting to develop the front end with Vue.js

  • Front-end beginner

  • Developers who need to work on Vue 3 practical projects

Need to know before starting?

  • javascript

  • HTML

Hello
This is

48,006

Learners

4,649

Reviews

3,812

Answers

4.9

Rating

17

Courses

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

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

Curriculum

All

37 lectures ∙ (3hr 38min)

Published: 
Last updated: 

Reviews

All

126 reviews

4.9

126 reviews

  • 어쩌다개발님의 프로필 이미지
    어쩌다개발

    Reviews 13

    Average Rating 4.7

    4

    57% enrolled

    설명과 예제가 아쉽습니다.

    • fourrah님의 프로필 이미지
      fourrah

      Reviews 2

      Average Rating 5.0

      5

      84% enrolled

      회사에서 급하게 vue2를 vue3로 업그레이드 해야 하는 상황이 닥쳐서 어떻게 해야 하나 고민하던 찰나에 이 강의가 열렸습니다,,!! 진짜 저한테 한 줄기 같은 빛이었습니다!!! 감사해요 일단 강의를 들으면서 Vue 3의 핵심 개념과 기능을 잘 설명해주셔서 금방 이해할 수 있었습니다!! 그리고 바로 회사 실제 프로젝트에 적용할 수 있었어요ㅠㅠ 진짜 다시 한번 감사해요. 사실 요즘에는 개념보다는 실습 위주로 하는 강의가 많아서 왜 저렇게 코드를 짜야 하는지 어려울 때가 많은데,, 판교님은 개념을 먼저 알려주시고 실습 이렇게 진행해주시는데 이 방식이 저에게 너무 잘 맞아서 쉽게 이해할 수 있었습니다!! 컴포지션 api 강의도 얼른 올려주심 넘 감사할 것 같습니다!

      • Cheshire님의 프로필 이미지
        Cheshire

        Reviews 2

        Average Rating 5.0

        5

        100% enrolled

        react는 사용해 봤지만 vue는 처음 사용해 보는 뷰 입문자입니다. vue3만 알려주시는 게 아니라 vue2와 비교해서 설명해 주시니 더 이해가 잘 됐습니다. 짧은 영상의 호흡으로 더 집중이 잘 되었고, 핵심적인 내용들을 콕 집어 설명해 주셔서 머리에 더더 잘 들어왔어요ㅎㅎ 뷰 처음 써보시는 분들이라면 꼭! 봐야 하는 강의라고 생각합니다:-) 다음 강의도 너무 기대돼요!

        • 방현중님의 프로필 이미지
          방현중

          Reviews 2

          Average Rating 5.0

          5

          100% enrolled

          vue2를 학원에서 찍먹해보고 제대로 vue3를 배우고자 강의를 수강했습니다. 처음에는 공식 문서를 통해 배우려고 했는데요. 영어를 못해서인지 아니면 개발에 대한 지식이 부족해서인지 이해하기가 참 어려웠습니다. 근데 이 강의가 어려운 개념을 쉬운 예시로 설명해 줘서 기본을 탄탄하게 잡을 수 있었습니다. 특히 혼자 공부할 때는 js 개념이 부족해서 vue가 reactivity를 위해 프록시 객체를 사용하는 게 어려웠었는데요. 강의에서 쉬운 예시로 핵심을 설명해 주셔서 이해할 수 있었습니다. a가 b기능을 한다. 보다는 a가 b기능을 하기 위해 어떠한 내부 과정을 거친다.라고 설명하는 강의입니다. 저처럼 vue를 잘 모르는 분들이나 아직 공식 문서를 이해하기가 어려운 분들께 추천합니다. 얼른 다음 강의가 나왔으면 좋겠어요 !

          • Jin J님의 프로필 이미지
            Jin J

            Reviews 6

            Average Rating 5.0

            5

            100% enrolled

            강의 잘들었습니다. 좋은점: 전반적으로 강의가 짧게짧게 되어있어 지루하지 않고 좋았습니다. 그럼에도 하나하나 꼼꼼하게 설명이 되어있어 이해하기 좋습니다. Vue2와 Vue3 비교설명 부분이 이해가 잘되었습니다. 부탁: 앞으로도 계속 오픈소스 버전이 업그레이드 될테고, 또 새로운 것들이 나올텐데요. 이번 강의처럼 짧게라도 저렴한가격에 핵심적인부분에 대해 강의해주셨으면 감사하겠습니다. 혼자 공부하는게 싶지 않아서요. 다음 composition강의 기대됩니다. 감사합니다.

            • 장기효(캡틴판교)
              Instructor

              좋았던 점 자세히 적어주셔서 감사합니다 :) 말씀해 주신 가격 경쟁력과 핵심 내용을 염두에 두고 다음 강의도 잘 준비해 볼게요. 컴포지션 강의로 곧 찾아뵙겠습니다 :)

          Limited time deal ends in 2 days

          $33,000.00

          25%

          $34.10

          captain's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!