강의

멘토링

커뮤니티

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) 128 reviews

2,196 learners

  • jeonghwan
JavaScript
Vue.js

Reviews from Early Learners

What you will gain after the course

  • 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,969

Learners

884

Reviews

595

Answers

4.8

Rating

9

Courses

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

Curriculum

All

59 lectures ∙ (3hr 57min)

Published: 
Last updated: 

Reviews

All

128 reviews

4.7

128 reviews

  • hyukster90666님의 프로필 이미지
    hyukster90666

    Reviews 20

    Average Rating 4.8

    5

    100% enrolled

    講義の利点 1. 編集をすごくよくしておいて講義時間が短く、これにより2回毒3回毒するのに負担がない。 まるで公団機や修能の1打人川のように編集がいたずらではない。ユーザーの時間を見逃して本物の講義も短くしながら中の中核内容はみんなが入っている。 2. 講義カリキュラムを完全に組み立てる。最初からvuejsを学んだら、vuejsが持っている利点や利点を理解するのは難しかったでしょう。純粋なJavaScriptで機能を実装しながら苦労を解消し、その後同じ機能をvuejsで実装しながらがんを癒すこの手法は確かにすごい 欠点 なし。 インフラで講義4-5個聞いたけどないと書いたのは初めて。 始めようとする方へ ES6基本カリキュラムは聞いて来てこそこの講義を聞きやすさ。 私のような場合は、Es6を正しく知らず、JavaScriptの基礎講義だけを聞いてきて、この講義を初めて受講したが、初めてJavaScriptで実装するところで理解できず、かなり大変で、インターネットを見ながら一つ一つ概念に慣れたが、これがわかるとES6基礎講の一つ聞いたら解決する問題でした 最後に講師の方に良い講義ありがとうございます。無条件に他の講義も受講すると思います。 (__) 一行坪:インフラの第一講師&講義です。

    • jeonghwan
      Instructor

      こんなレビューを今見たなんて…ありがとうございました。 🙇‍♂️

    • 私はJavaScriptの基礎を勉強してもう一度来なければなりませんㅠㅠㅠ

  • re1ee님의 프로필 이미지
    re1ee

    Reviews 7

    Average Rating 4.4

    5

    100% enrolled

    講座すごくいいですね。 パブリッシャー働く Web開発の方へ行きたいと思ってインフラで講義探しがvue.jsが一番軽いframeworkと聞いて、講師様講義聞いてみましたが…大丈夫…すごい…受けたことが頻繁でしたが、講師の講義はまったくありませんいいえ…不思議です… 質問の答えも早くしてくれますね。 vue.js

    • jeonghwan
      Instructor

      私もパブリッシャーと働いた経験がありますが、その時のビューjsがたくさん思い出されました。うまく活用すればコラボしていいと思いましたが、こうして受講していただきありがとうございます。

  • harper님의 프로필 이미지
    harper

    Reviews 3

    Average Rating 5.0

    5

    100% enrolled

    実務ではまだES5とジェイ・クォーリーだけを使用するのに勉強の必要性を感じて講義を受講することになりました。バニラスクリプトの部分講義で知らないapiやes6文法があって、調べて勉強をし、もうvueパートに進んで学習中ですが、この講義を受講できたと思います。 ありがとうございます!

    • jeonghwan
      Instructor

      知らないことを見つけることができるというのも能力だと思います。序盤に難しかったはずなのによくついてきてくれてありがとう。

  • myfuturetechnolo0353님의 프로필 이미지
    myfuturetechnolo0353

    Reviews 107

    Average Rating 3.3

    5

    100% enrolled

    本当にいい講座でした。 nuxt、vuetifyのような他のライブラリを使用しているものでしたが、私はionicを勉強しています。ちょっとあればvueが入った正式バージョンが出てくるのにvueを利用したionicではない多くの初心者開発者たちが望んでいて明らかなtopicですが、開発が容易ではなく、内容理解しにくいecommerceやinstagram cloneのようなものだったらいいのです。そしてその当時の内容に関連したerror関連tipのようなものも途中であればよかったです。

    • ejdnj100552님의 프로필 이미지
      ejdnj100552

      Reviews 4

      Average Rating 5.0

      5

      100% enrolled

      川の一つ一つ長くないように編集ができてよかったです。インフラで初めて決済した有料講義なのに良い選択だったと思いますね 素敵な講義ありがとうございます。独学するのは大変でしたが、大きな助けになりました。

      • jeonghwan
        Instructor

        インフラ初の講義なんてすごく栄光です。

    $34.10

    jeonghwan's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!