강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Vue.js Intermediate Course - Learn Vue.js, ES6, Vuex by Building a Web App

Vue.js Intermediate Course - A Vue.js practical course that helps 'anyone' 'easily' create 'excellent' web applications. Based on a fundamental understanding of Vue.js, you will learn practical, code-focused knowledge by building a Todo app.

(4.9) 616 reviews

6,418 learners

Level Intermediate

Course period Unlimited

  • captain
JavaScript
JavaScript
Vue.js
Vue.js
ES6
ES6
Vuex
Vuex
JavaScript
JavaScript
Vue.js
Vue.js
ES6
ES6
Vuex
Vuex

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

vue.jh

100% enrolled

for (let i=0; i<999; i++) { console.log('Thank you, I really like the lecture') };

5.0

지능정보화연구실

100% enrolled

It was a time to see how it differs from the existing js and jquery methods while implementing the todo app with vue, and it was good that it explained well how the code was simplified step by step. However, I was a little disappointed that the implemented todo app seemed to be made with code that was easy for beginners to read, so I changed the function and the way data was saved and implemented it. I saved it in local storage so that I could manage the todo list with one array. I thought that the key value should not be duplicated, so I increased the count by checking for duplicates. Separately added functions include filtering, count, menu bar, and theme change. The added functions were referenced from the example on the official website. https://vuejs.org/v2/examples/todomvc.html

5.0

이승환

100% enrolled

I finished the beginner course and the intermediate course, and I am satisfied with the level of understanding and learning materials. I will listen to the next one. Haha

What you will gain after the course

  • Web Development

  • Javascript

  • Vue.js

  • You can learn about the latest CLI tool features of Vue

  • You can learn how to design component-based web applications

  • Component Design Methods

  • ES6 (const & let, arrow functions, enhanced object literals, modules, etc.)

  • Vuex (state, getters, mutations, actions, modules, etc.)

Learn HTML, CSS, JS and Vue.js basics
and easily develop web apps with Vue.js! 💁‍♂️

Build a foundation in Vue.js and
grow into an intermediate to advanced level developer ✨

This course is divided into 3 major parts:

  • To-do App implemented with Vue.js
  • ES6 for Clean Vue.js Code
  • Vuex for implementing complex applications

This course is recommended for those who have just developed an interest in Vue.js or web development. For those who know about components and instances but feel frustrated when trying to actually build an app, we help you learn how to create applications. For those who need to read Vue code written in ES6, we'll show you an easy and quick way to learn ES6.

For those who want to efficiently manage components as their application grows, we introduce an easy and simple way to learn Vuex. The overall lecture format is structured as a code-centered learning course.

Build a To-do app using Vue basics to learn component-based design methods and structuring approaches, then learn ES6 concepts and apply them to your application code to improve it. This is a hands-on course where you learn the key technical elements of Vuex and directly apply what you've learned to code by refactoring the Todo app.

Anyone interested in frontend development
can learn this 🏃‍♀️

프론트엔드 개발자로 전향하고픈 퍼블리셔

Developers who want to use Vue.js
immediately in practice

프론트엔드 개발을 해보고 싶은 디자이너

Designers who want to do
frontend developmentphát triển frontend

프론트엔드 개발자 취업을 준비하는 대학생

Publishers who want to transition
to frontend developerslàm lập trình viên frontend

📢 Please make sure to check the prerequisites!

  • You must know the basics of HTML, CSS, JS, and Vue.js to learn efficiently. để có thể học hiệu quả.


Preview of
What You'll Learn 📘

vue 강좌

vue 강좌

In this Vue.js intermediate course, you'll learn the component-based project structuring methods and component design methods needed when developing actual services, and explore the key features of ES6 that make writing Vue.js code easier. You'll also study the state management library Vuex in depth, which is inevitably used in practical work.

  • Latest Vue CLI Tool Features
  • Component-based web app design methods
  • Component design methods
  • ES6 (const & let, arrow functions, enhanced object literals, modules, etc.)
  • Vuex (state, getters, mutations, actions, modules, etc.)

Introducing the features of this course 📋

Go to Cracking Vue.js site

  • In the first half, you'll get a feel for Vue.js screen development by designing and implementing applications right away without separate theoretical explanations.
  • After that, we examine the issues in the created application and improve the application structure through code refactoring.
  • The middle section proceeds in a refactoring format with theory explanation -> practice with prepared examples -> application to the application so you can grasp the concepts of ES6 and Vuex easily and quickly.

Related Roadmap 🚎

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


Instructor Introduction 👨‍🏫

Captain Pangyo

"People Inflearn Met" Interview

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

We offer course discounts!

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

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

Recommended for
these people

Who is this course right for?

  • Suitable for anyone with basic Vue.js knowledge and an interest in frontend development.

  • Developers who want to save time learning Vue.js and use it immediately in real-world projects

  • Someone who is new to frontend development

  • A designer who wants to try frontend development

  • A publisher who wants to transition to a frontend developer

  • A college student hoping to get a job as a frontend developer

Hello
This is

49,254

Learners

4,852

Reviews

3,816

Answers

4.9

Rating

19

Courses

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

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

Curriculum

All

63 lectures ∙ (6hr 50min)

Published: 
Last updated: 

Reviews

All

616 reviews

4.9

616 reviews

  • ads님의 프로필 이미지
    ads

    Reviews 5

    Average Rating 4.2

    4

    98% enrolled

    From the blog to this lecture, it was really helpful ㅎㅎ But there are some parts that I regret as a beginner First of all, it seems like the last lecture update was a while ago. The last update date was February 2019, but it's been almost 2 years now ㅜㅜ Maybe that's why, although there is guidance in the middle of the lecture, there are sometimes parts that are different from the lecture, such as the Vue project start command, the basic file structure, etc., so it's confusing as a beginner. And should I say NG? The part where the KakaoTalk alarm from the Infleun representative appears on the screen, ㅋㅋㅋ, the part where the words are tangled, the part where you create a file and then delete it thinking you don't need it, etc. If you cut and edit it, it would be better for concentration.

    • wlsgus9936님의 프로필 이미지
      wlsgus9936

      Reviews 3

      Average Rating 5.0

      5

      100% enrolled

      for (let i=0; i<999; i++) { console.log('Thank you, I really like the lecture') };

      • captain
        Instructor

        do { console.log('Thank you ^^') } while (true)

    • hanna75820806님의 프로필 이미지
      hanna75820806

      Reviews 3

      Average Rating 4.7

      5

      100% enrolled

      It was a time to see how it differs from the existing js and jquery methods while implementing the todo app with vue, and it was good that it explained well how the code was simplified step by step. However, I was a little disappointed that the implemented todo app seemed to be made with code that was easy for beginners to read, so I changed the function and the way data was saved and implemented it. I saved it in local storage so that I could manage the todo list with one array. I thought that the key value should not be duplicated, so I increased the count by checking for duplicates. Separately added functions include filtering, count, menu bar, and theme change. The added functions were referenced from the example on the official website. https://vuejs.org/v2/examples/todomvc.html

      • lshk9550391님의 프로필 이미지
        lshk9550391

        Reviews 6

        Average Rating 4.7

        5

        100% enrolled

        I finished the beginner course and the intermediate course, and I am satisfied with the level of understanding and learning materials. I will listen to the next one. Haha

        • sion007005733님의 프로필 이미지
          sion007005733

          Reviews 9

          Average Rating 5.0

          5

          100% enrolled

          I signed up for all the lectures that you gave me the entire roadmap for before I even finished listening to the intermediate ones. Thank you for teaching me so well! I will diligently follow the remaining lectures!!!^ㅇ^

          $42.90

          captain's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!