강의

멘토링

로드맵

BEST
Programming

/

Front-end

Vue.js Intermediate Course - Learn Vue.js, ES6, and Vuex by creating a web app

Vue.js Intermediate Course - This is a Vue.js usage course that helps anyone create a 'great', 'easy', and 'excellent' web application. Based on a basic understanding of Vue.js, you will learn practical, code-centered knowledge by creating a Todo app.

(4.9) 613 reviews

6,396 learners

  • captain
JavaScript
Vue.js
ES6
Vuex

Reviews from Early Learners

What you will learn!

  • web development

  • Javascript

  • Vue.js

  • View the latest CLI tool features

  • Learn how to design component-based web apps

  • How to Design Components

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

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

Know the basics of HTML, CSS, JS and Vue.js
Learn Vue.js to easily develop web apps! 💁‍♂️

Building the foundation of Vue.js
Grow into a mid-level developer ✨

This course is divided into three major parts:

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

This is a recommended course for those who are just starting to get interested in Vue.js or web development. I know about components, instances, etc., but I will help those who feel frustrated when trying to actually create an app to create an application. I will teach those who need to see the view code in ES6 an easy and quick way to learn ES6.

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

After learning component-based design and structuring methods by creating a To-do app with basic view concepts, you will improve your application code by learning ES6 concepts and applying them to your application code. This is a practical lecture where you will learn the main technical elements of Vuex and apply what you have learned directly to your code while refactoring the To-do app.

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

Publisher who wants to transition to front-end developer

Vue.js right away
Developers who want to use it in practice

Designers who want to try front-end development

Front-end development
The designer I want to be

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

As a front-end developer
Publisher who wants to change

📢 Be sure to check your player knowledge!

  • You need to know the basics of HTML, CSS, JS, and Vue.js to learn efficiently.


Preview of what you'll learn 📘

vue course

vue course

In this intermediate Vue.js course, you will learn the component-based project structure and component design methods required for developing actual services, and look at the main features of ES6 that make it easy to write Vue.js code. You will also learn in depth about Vuex, a state management library that is inevitably used in practice.

  • View Latest CLI Tool Features
  • How to design component-based web apps
  • How to design components
  • ES6 (const & let, arrow functions, enhanced object literals, modules, etc.)
  • Vuex (state, getters, mutations, actions, modules, etc.)

Introducing the features of the lecture 📋

Go to Cracking Vue.js site

  • In the first half, you will get a feel for Vue.js screen development by designing and implementing applications without any separate theoretical explanation.
  • Afterwards, we will look at the problems in the application we created and improve the application structure through code refactoring.
  • The middle part is a lecture in the form of theory explanation -> practice with prepared examples -> application to refactoring so that you can easily and quickly understand the concepts of ES6 and Vuex.

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?

  • Suitable for anyone with basic knowledge of Vue.js and an interest in front-end development.

  • Developers who want to save time learning Vue.js and use it in practice right away

  • Those who are new to front-end development

  • Designer who wants to try front-end development

  • Publisher who wants to switch to frontend development

  • College students who want to work as front-end developers

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

63 lectures ∙ (6hr 50min)

Published: 
Last updated: 

Reviews

All

613 reviews

4.9

613 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!