강의

멘토링

로드맵

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,829

Learners

859

Reviews

586

Answers

4.8

Rating

9

Courses

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

Curriculum

All

59 lectures ∙ (3hr 57min)

Published: 
Last updated: 

Reviews

All

127 reviews

4.7

127 reviews

  • hyukster90666님의 프로필 이미지
    hyukster90666

    Reviews 20

    Average Rating 4.8

    5

    100% enrolled

    Lecture advantages 1. The editing is very well done, so the lecture time is short, and it is not burdensome to read it twice or three times. It is like a first-time lecture for a public institution or the college entrance exam. The editing is no joke. It does not take up the user's time, and the real lecture is short, but the key content is all in it. 2. The lecture curriculum is perfectly organized. If you had learned vuejs from the beginning, it would have been difficult to understand the advantages or benefits of vuejs. This technique of curing cancer by implementing a function in pure JavaScript and then implementing the same function in vuejs is truly amazing. Disadvantages None. I have taken 4-5 lectures at Inflearn, but this is the first time I have written that there are none.. For those who are starting out, You should listen to the basic ES6 curriculum to make it easier to listen to this lecture. In my case, I didn't know ES6 well and only took the basic JavaScript course, so I took this course for the first time. I had a hard time because I didn't understand the part where it was first implemented in JavaScript. I looked it up on the Internet and learned the concepts one by one, but it turned out that this was a problem that could have been solved if I had taken one basic ES6 course. Lastly, I would like to thank the instructor for the great course. I definitely plan to take other courses. (__) One-liner: Inflearn 1st instructor & course.

    • jeonghwan
      Instructor

      I just saw this review now... Thank you. 🙇‍♂️

    • I guess I'll have to study some basic JavaScript and come back ㅠㅠㅠ

  • re1ee님의 프로필 이미지
    re1ee

    Reviews 7

    Average Rating 4.4

    5

    100% enrolled

    The course is really good. I was working at a publisher and wanted to go into web development, so I looked for a course on Infraon and heard that Vue.js was the lightest framework, so I took the instructor's course... I like it... It's really... I often felt like the content was falling apart when I listened to lectures on the Internet, but this is not the case with the instructor's course... It's amazing... You answer my questions quickly too. Thank you. I want to study Vue.js in more depth.

    • jeonghwan
      Instructor

      I also have experience working with publishers, and at that time, I thought a lot about Viewjs. I thought it would be good for collaboration if I could use it well, so thank you for taking this course.

  • harper님의 프로필 이미지
    harper

    Reviews 3

    Average Rating 5.0

    5

    100% enrolled

    In my work, I only use ES5 and jQuery, but I felt the need to study, so I took this course. In the Vanilla Script section, there were APIs and ES6 grammar that I didn't know, so I looked them up and studied them. Now that I've moved on to the Vue part and am learning, I think it was a good idea to take this course. Thank you!

    • jeonghwan
      Instructor

      I think that being able to look up things you don't know is also a skill. I know it must have been difficult at first, but thank you for following along.

  • myfuturetechnolo0353님의 프로필 이미지
    myfuturetechnolo0353

    Reviews 107

    Average Rating 3.3

    5

    100% enrolled

    It was a really good course. Since it was a course that taught through projects, it was not boring at all and I understood it well. I purchased all 5 courses and this was the first course I finished. I plan to take all the remaining courses. I hope there are additional courses. It would be about using other libraries like nuxt, vuetify, or I'm studying ionic, and the beta version of vue came out, and the official version with vue is coming out soon, but I hope it was not ionic using vue, or ecommerce or instagram clone, which many beginner developers want but are obvious topics but not easy to develop and understand. It would be even better if it was distributed. And I hope there were short tips related to errors related to the content at that time. Once again, it was a really satisfying course.

    • ejdnj100552님의 프로필 이미지
      ejdnj100552

      Reviews 4

      Average Rating 5.0

      5

      100% enrolled

      I liked that each lecture was edited to be short. This was the first paid lecture I paid for from Infraon, and I think it was a good choice. Thank you for the great lecture. It was a big help to me when I had a hard time studying on my own.

      • jeonghwan
        Instructor

        I am very honored to be giving my first lecture at Infraon.

    Limited time deal

    $26.40

    22%

    $34.10

    jeonghwan's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!