강의

멘토링

로드맵

BEST
Programming

/

Front-end

Getting Started with Vue.js - Age of Vue.js

Learn and implement the basic concepts and core functions to easily develop web applications with Vue.js. After taking this course, you will find front-end development with Vue.js more enjoyable.

(4.9) 1,453 reviews

9,135 learners

  • captain
JavaScript
Vue.js

Reviews from Early Learners

What you will learn!

  • Front-end development

  • Screen UI Development

  • Javascript

  • web development

  • Vue.js Development

  • Vue.js

Getting started with Vue.js,
Age of Vue.js 🌌

This is a new introductory course on Vue.js that was created thanks to the support of over 1,000 people. Thanks to the support of over 1,000 people
This is a newly launched introductory course on Vue.js.

This is a renewed lecture for Vue.js beginners that anyone can easily handle . From a beginner's perspective, we have explained in detail the knowledge that is good to know when developing front-end by lowering the level even more. We have organized the content so that you can start web development with Vue.js in a fun way, so if you are interested, be sure to check out the lecture introduction video! 😁


Interested in front-end development
Anyone can learn 🏃‍♀️

Publisher who wants to transition to front-end developer

As a front-end developer
I want to change
Publisher

Designers who want to try front-end development

Front-end development
I want to try
designer

College student preparing for a job as a front-end developer

Frontend Developer
Preparing for employment
academic

Backend developers who want to move away from jQuery and use a framework

Get away from jQuery
I want to use a framework
Backend Developer

📢 Be sure to check your player knowledge!

  • To learn the Vue.js framework, you must know the basics of HTML, CSS, and JS .

Have fun with practice
Let's learn ✨

Event Emit?

You will implement the process of events occurring on the web and data being exchanged between components. After listening to the explanation and practicing, you will learn step by step how the structure of the operation is implemented.

Final Project: Creating a User Input Form

Let's implement a simple login form. How will the ID and password data entered by the user be structured and sent to the server? Let's solidify the basics of handling events and configuring components through Vue.


We provide lecture notes 📖

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

Go to the "Cracking Vue.js" site (click)


Let's study with books 📗

Do it! Vue.js Introduction

We will explain in detail the basic operation principles of Vue.js.
Component-based design methods required when developing actual services
It is packed with know-how on structuring projects.
While taking the lecture, study the Vue.js introductory book at the same time!


Expected Questions 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. The latest version of Vue.js has been released. Can I still take this course?

Of course! All the concepts and content covered in the lecture are equally applicable to Vue 3. There is no significant difference other than one instance option property, so there is no problem learning with Vue 2.

Currently, most of the work is done using Vue 2, and all the main features provided by Vue 3 can also be used in Vue 2. Please note that we will produce additional lectures as the Vue 3 ecosystem matures!

Introduction video on the differences between Vue 2 and Vue 3. 2021 Frontend Developer Group Conference

Q. Can I immediately apply what I learned in class to my work?

Yes, you can apply the basic concepts from instances to components to services right away. Then, if you follow the learning roadmap, you will be able to gradually apply what you have learned 😄


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 entry-level developer

  • publisher

  • Backend Developer

  • designer

  • college student

Need to know before starting?

  • HTML

  • CSS

  • Javascript

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

68 lectures ∙ (5hr 25min)

Published: 
Last updated: 

Reviews

All

1,453 reviews

4.9

1,453 reviews

  • 허헌님의 프로필 이미지
    허헌

    Reviews 3

    Average Rating 5.0

    5

    99% enrolled

    회사에서 프론트단을 Vue.js로 구현하게 되었습니다. Vue.js에 대한 아무 지식없이 할려니 어렵더군요.. 빠르게 업무에 사용할려고 vue.js 완벽가이드를 구매하여 강의를 들으면서 바로바로 적용하였습니다. 하지만 기본지식이 없다보니 왜 써야 하는지를 모르고 썻던 경우가 많더군요. 기본지식이 탄탄해야 합니다. 새 강좌가 나왔다는 소식을 듣고 바로 구매하여 하루만에 완강을 하였습니다. 또렷한 음성과사용자를 배려하는 디테일한 부분(아이콘 확대, 자막,학습자료등)까지 신경써주셔서 강의 듣기에 좋았습니다. 다음강의도 기대가 됩니다.

    • 장기효(캡틴판교)
      Instructor

      안녕하세요 허헌님, 강의에 대해서 좋은 평가 남겨주셔서 감사합니다 :) 완벽 가이드를 듣고 기초 강좌까지 들어주셔서 개인적으로 더 감사하네요. 무엇보다도 제가 열심히 준비한 강의의 특징들을 잘 짚어주시고 좋다고 해주셔서 더 고맙습니다 :) 앞으로 제 컨텐츠도 많이 기대해주셨으면 좋겠구요. 좋은 수강평 남겨주신 만큼 더 좋은 컨텐츠로 보답해드리겠습니다. 감사합니다!! :)

  • Yunse Lee님의 프로필 이미지
    Yunse Lee

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    새롭게 공부하려고 하던 참에, 새로운 강의가 등록되어서 바로 시작했습니다. 내용도 좋고... ^^ 무엇보다도 목소리도 또렸하게, 그리고 화면도 중요 순간에는 확대되어 보여주는 등 구성도 세심하게 신경 써 주셔서 좋네요. vue 강의로는 역시 캡틴 판교 장기효 님이에요. ^^ ~~ 중급도 배우고 싶어요. ^^

    • 안녕하세요 Uno님, 새 강좌를 빠르게 신청해주시고, 또 빠르게 완강하신 다음에 기분 좋은 칭찬까지 남겨주셔서 감사합니다 :) 신규 강좌 오픈 기념으로 댓글 이벤트를 진행하고 있는데 Uno님께 먼저 기회를 드리고 싶습니다! 다시 한번 감사드리고 앞으로도 잘 부탁드립니다 :)

  • 야옹이는애옹님의 프로필 이미지
    야옹이는애옹

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    저는 2년차 접어드는 웹개발자입니다. 사실 저희 회사는 공기업을 주 고객으로 하다보니 javascript, jquery, html, css, spring 을 주로 사용하는데다가, 편집기는 에디트플러스를 주로 사용합니다. 업무에서 주로 위와같은 기술들을 사용하다보니 뭔가 트렌드에서 멀어지는 느낌이 들어서 개인프로젝트는 vue.js로 시작해보고자 이번 강좌 수강하게되었는데, 정말 유익했습니다. 1. vscode 사용법을 알게되어서 좋았습니다. 주로 업무에 에디트플러스를 사용하다보니 너무 적응이되어버려서 변경을 못하고 있었는데 이번 강좌를 통해서 vscode를 사용해보니까 정말 편하네요. 회사에서도 이제 주로 vscode를 사용합니다. 2. 강의하나하나의 시간이 짧아서 조금씩 집중해서 할 수 있어서 좋았습니다. 직장인이다보니 강의시간이 길어지면 조금 루즈해지는경향이 있었는데 이번 강좌는 짧은시간 여러개로 나누어주셔서 집중도 잘되고 뭔가 성취감(?) 이랄까요 그런것도 생기네요. 아직 개인프로젝트에 적용하기는 힘들겠지만 webpack 강좌와 vue.js 공식문서 읽으면서 내공을 좀 쌓아야겠네요. 좋은강의 감사합니다. 중급도 기회가되면 한번 접해보고싶네용

    • 안녕하세요 야옹이는애옹님, 상세한 수강평 감사드립니다. 짧게 구성된 강좌가 성취감에 도움되셨다니까 컨텐츠 제작자로서 더 뿌듯하네요 :) 수강평 잘 정리해서 적어주셨으니 중급 강좌 추가해드릴게요! :) 개인 토이 프로젝트 하시는데 더 도움이 많이 되었으면 좋겠습니다. 강의 질의 코너에 인프런 계정 이메일 적어주시면 추가해드릴게요!

  • 블라빙님의 프로필 이미지
    블라빙

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    아무것도 몰랐던 상태에서 개념정리가 된것같아서 덕분에 잘 들었습니다. 감사합니다!!

    • 도움 되었다니 뿌듯합니다. 좋은 수강평 남겨주셔서 감사해요 :)

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

    Reviews 4

    Average Rating 5.0

    5

    100% enrolled

    좋은 강의 감사합니다!, 재밌게 잘 따라할수 있었어요, 추천해 주신 책으로만 보다가 강의를 처음 들어보았는데, 반복학습으로 기초를 잘 이해시켜주시네요~ 강의가 너무 많아서 언제 다 듣지 했는데, 집중해서 듣다가 너무 빨리 줄어들어서 아쉬웠어요. 강의에 참고하라고 링크 걸어주시는 부분도 좋았고, 기초를 더 탄탄히 하고싶은 분들에게 추천드릴 강의입니다! 남은 부분 빨리 듣고 중급도 들으러 가야겠어요!

    • 안녕하세요 상훈님, 좋은 강의 평가 남겨주셔서 감사합니다 :) 저도 이번 강의를 찍고 나서 보니 5시간이 넘어서 좀 길지 않을까 걱정을 했었는데, 오히려 시간이 빨리 갔다고 해주시니까 기분이 좋네요. 나머지 후속 강좌도 상훈님이 재밌게 들으실 수 있었으면 좋겠습니다. 중급 강좌는 이미 결제하신 것 같아서 완벽 가이드 강좌 추가해드리고 싶습니다. 강의 질문 게시판에 이메일 남겨주세요 :) 감사합니다!

$34.10

captain's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!