강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Learn pure javascript and VueJS development through hands-on UI development

We will learn VueJS development by creating a shopping mall search page using pure JavaScript and a UI library called VueJS. You can learn the differences between each development and the differences between MVC and MVVM design patterns by developing with pure JavaScript and VueJS respectively.

(4.7) 127 reviews

2,190 learners

  • jeonghwan
JavaScript
Vue.js

Reviews from Early Learners

What you will learn!

  • How to develop Javascript in real life

  • Vue.JS Basics

  • MVC/MVVM Architecture

  • Component Development

  • Differences in development methodology between pure JS and Vue.js

  • Practice implementing functions in pure JS

Front-end development that goes one step further,
Compare pure JavaScript and Vue directly!

1. Lecture Introduction

This course covers the UI library Vue.js, and you'll create an online shopping mall search page! First, you'll implement the widely used MVC design pattern using pure JavaScript. Then, you'll explore the library's advantages by developing the MVVM design pattern with Vue.js. Finally, you'll explore components, learning how to modularize and assemble UI elements to create screens. Each lesson is short, under 10 minutes long. Practice problems are included at the end of each chapter. Develop your coding skills through hands-on practice!

2. Learning Objectives

The goal is to understand why you should use the MVVM architecture and study its implementation, Vue.js. This isn't simply an introduction to the library; it's to understand the limitations of traditional UI development methods and then study Vue.js as a solution. We'll also explore the benefits of component-based web front-end development.

3. People who can help

  • Beginner to web front-end development
  • Anyone who wants to understand the meaning of JavaScript design patterns
  • Anyone who wants to learn Vue.js development
  • Anyone who wants to know the difference between pure JavaScript and Vue.js technology

4. Things to learn

  • Vue.JS Basics
  • MVC/MVVM architecture
  • Component Development

5. Introduction of knowledge sharers

Kim Jeong-hwan
I'm a JavaScript developer who builds server/client applications using web technologies. I enjoy learning and sharing my knowledge. ^^

Recommended for
these people

Who is this course right for?

  • Beginner JavaScript Development

  • Beginner to web front-end development

  • Anyone who wants to understand the meaning of JavaScript design patterns

  • Anyone who wants to learn VueJS development

  • Beginner developer who wants to grow but feels lost

  • Anyone who wants to try developing with pure JS

Need to know before starting?

  • Javascript Basics

  • Knowledge of HTML, CSS markup

Hello
This is

13,787

Learners

858

Reviews

585

Answers

4.8

Rating

9

Courses

👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.

수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.

Curriculum

All

59 lectures ∙ (3hr 57min)

Published: 
Last updated: 

Reviews

All

127 reviews

4.7

127 reviews

  • 김동혁님의 프로필 이미지
    김동혁

    Reviews 20

    Average Rating 4.8

    5

    100% enrolled

    강의 장점 1. 편집을 엄청 잘해놓으셔서 강의시간이 짧고 이로 인해 2회독 3회독 하는데 부담이 없음. 마치 공단기나 수능의 1타 인강처럼 편집이 장난 아님. 사용자의 시간을 안뺏고 진짜 강의도 짧으면서 안에 핵심 내용은 다들어가있음. 2. 강의 커리큘럼을 완벽하게 짜놓음. 처음부터 vuejs를 배웠으면 vuejs가 가지고 있는 장점이나 이점을 이해하기 힘들었을 것임. 순수 자바스크립트로 기능 구현을 하면서 고생을 뻘뻘하고, 이후에 같은 기능을 vuejs로 구현하면서 암을 치유하는 이 기법은 참으로 대단함 단점 없음. 인프런에서 강의 4-5개 들었지만 없다고 쓴건 처음임.. 시작할려고하는 분들에게 ES6 기본 커리큘럼은 듣고 오셔야 이 강의를 듣기 쉬움. 저같은 경우 Es6를 제대로 모르고 자바스크립트 기초강의만 듣고 와서 이 강의를 처음 수강했는데 처음 자바스크립트로 구현하는 곳에서 이해가 안되서 꽤 힘들었고 인터넷 찾아보면서 하나하나 개념익혔는데 이게 알고보니 ES6 기초강의 하나 들었으면 해결될 문제였음 마지막으로 강사분에게 좋은 강의 감사합니다. 무조건 다른 강의도 수강하겠다는 생각 듭니다. (__) 한줄평 : 인프런 1타 강사 & 강의입니다.

    • 김정환
      Instructor

      이런 리뷰를 이제야 봤다니... 고맙습니다. 🙇‍♂️

    • 저는 자바스크립트 기초공부좀 하고 다시 와야겠네요ㅠㅠㅠ

  • 이유정님의 프로필 이미지
    이유정

    Reviews 7

    Average Rating 4.4

    5

    100% enrolled

    강좌 엄청 좋아요. 퍼블리셔 일하다 웹 개발쪽으로 가고 싶다고 생각해서 인프런에서 강의 찾다가 vue.js가 제일 가벼운 framework라고 듣고, 강사님 강의 듣게 됬는데... 좋아요.. 엄청... 인터넷에서 강의 듣다가 내용이 공중분해 되는 느낌을 받은 적이 빈번했는데, 강사님 강의는 전혀 아니네요... 신기합니다... 질문 응답도 빨리 해주시네요. 감사합니다. vue.js 좀더 심도 있게 공부하고 싶어졌어요

    • 김정환
      Instructor

      저도 퍼블리셔와 일해본 경험이 있는데 그때 뷰js가 많이 생각났었어요. 잘 활용만한다면 협업하기 좋을거 같았는데, 이렇게 수강해주셔서 고맙습니다.

  • 훈트님의 프로필 이미지
    훈트

    Reviews 3

    Average Rating 5.0

    5

    100% enrolled

    실무에서는 아직 ES5와 제이쿼리만 사용을 하는데 공부의필요성을 느껴서 강의를 수강하게 됐습니다. 바닐라스크립트 부분 강의에서 모르는 api나 es6 문법이 있어서 찾아보면서 공부를 했고 이제 vue 파트로 넘어와서 학습중인데 이 강의를 수강하기 잘했다는 생각이 듭니다. 감사합니다!

    • 김정환
      Instructor

      모르는 것을 찾아볼수 있다는 것도 능력이라고 생각해요. 초반에 어려우셨을 텐데 잘 따라와 주셔서 고맙습니다.

  • nicolas83님의 프로필 이미지
    nicolas83

    Reviews 107

    Average Rating 3.3

    5

    100% enrolled

    정말 좋은 강좌였습니다. 프로젝트를 통해 배우는 강좌여서 전혀 지루하지 않고 이해가 잘되었습니다. 5개 강좌 모두 구입하고 처음으로 끝맺은 강좌였습니다. 나머지 강좌들도 모두 들어볼 계획입니다. 추가적인 강좌들도 생겼으면 좋겠습니다. nuxt, vuetify 같은 다른 library 들을 사용하는 내용이던가 제가 ionic 을 공부하는데 vue beta version 이 나왔고 좀있으면 vue 가 들어간 정식 버전이 나온다 하는데 vue 를 이용한 ionic 아님 많은 초보 개발자들이 원하면서 뻔한 topic이지만 개발이 쉽지 않고 내용 이해 하기 쉽지 않은 ecommerce 나 instagram clone 같은거였으면 좋겠습니다. 배포까지면 더더욱 좋을거 같습니다. 그리고 그 당시 내용관 관련된 error 관련된tip 같은거도 중간중간에 짤막하게 있었으면 좋겠습니다. 다시한번 정말 만족스러운 강좌였습니다.

    • 윤아몬님의 프로필 이미지
      윤아몬

      Reviews 4

      Average Rating 5.0

      5

      100% enrolled

      강의 하나하나 길지 않게 편집이 되어있어서 좋았습니다. 인프런에서 처음으로 결제한 유료 강의인데 좋은 선택이였다고 생각이드네요 멋진 강의 감사합니다. 독학하느라 힘들었는데 큰 도움이 되었어요.

      • 김정환
        Instructor

        인프런 첫강의라니 무척 영광이에요.

    $34.10

    jeonghwan's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!