강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

実習UI開発で学ぶ純粋なjavascriptとVueJS開発

純粋なJavaScriptとVueJSというUIライブラリを使用してショッピングモールの検索ページを作成し、VueJS開発学習を進めます。 純粋なJavaScriptとVueJsで開発を進め、各開発の違いとMVC、MVVMデザインパターンの違いも学ぶことができます。

  • jeonghwan
JavaScript
Vue.js

学習した受講者のレビュー

こんなことが学べます

  • Javascript本番開発方法

  • Vue.JS基礎

  • MVC/MVVMアーキテクチャ

  • コンポーネント開発

  • 純粋なJSとVue.jsとの開発方法論の違い

  • ピュアJSで機能実装実習

一歩進んだフロントエンド開発、
純粋なJavaScriptとビューを直接比較してください!

1.講義紹介

Vue.jsというUIライブラリを学ぶ講義でショッピングモールの検索ページを作成しましょう!まず、純粋なJavaScriptを使用して最もよく使われるMVCデザインパターンで実装します。それから、Vue.jsでMVVMデザインパターンを開発しながら、ライブラリの利点について学びましょう。最後に、コンポーネントを勉強しながら、UIをモジュール化して組み立てて画面を整理する方法を学びます。各講義は10分未満の短い映像にしました。チャプター最後には実習問題を準備しました。自分で悩んで解く過程を通じてコーディングスキルを育ててみてください!

2.学習目標

MVVMアーキテクチャを書く理由を理解し、その実装であるVue.jsを勉強することが目標です。単にライブラリ紹介ではなく、既存のUI開発方式の限界を把握した上で、解決策としてVue.jsという技術を勉強することでしょう~ また、コンポーネントベースのWebフロント開発方法が与える利点も追い越していきます。

3.役に立つ方

  • Webフロントエンド開発入門者
  • JavaScriptのデザインパターンの意味を理解したい人
  • Vue.jsの開発を学びたい方
  • 純粋なJavaScriptとVue.jsの技術の違いを知りたい人

4.学ぶこと

  • Vue.JS基礎
  • MVC/MVVMアーキテクチャ
  • コンポーネント開発

5.知識共有者紹介

キム・ジョンファン
Webテクノロジを使用したサーバー/クライアントアプリケーションを作成するJavaScript開発者です。スキルを学び共有するのが好きです。 ^^

こんな方に
おすすめです

学習対象は
誰でしょう?

  • JavaScriptの開発入門者

  • Webフロントエンド開発入門者

  • JavaScriptのデザインパターンの意味を理解したい人

  • VueJS開発を学びたい方

  • 成長したいけど、初心者のデベロッパー

  • 純粋なJSで開発してみたい方

前提知識、
必要でしょうか?

  • Javascriptの基本

  • HTML、CSSマークアップの知識

こんにちは
です。

13,876

受講生

871

受講レビュー

593

回答

4.8

講座評価

9

講座

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

カリキュラム

全体

59件 ∙ (3時間 57分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

127件

4.7

127件の受講レビュー

  • hyukster90666님의 프로필 이미지
    hyukster90666

    受講レビュー 20

    平均評価 4.8

    5

    100% 受講後に作成

    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
      知識共有者

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

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

  • re1ee님의 프로필 이미지
    re1ee

    受講レビュー 7

    平均評価 4.4

    5

    100% 受講後に作成

    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
      知識共有者

      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

    受講レビュー 3

    平均評価 5.0

    5

    100% 受講後に作成

    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
      知識共有者

      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

    受講レビュー 107

    平均評価 3.3

    5

    100% 受講後に作成

    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

      受講レビュー 4

      平均評価 5.0

      5

      100% 受講後に作成

      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
        知識共有者

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

    ¥5,371

    jeonghwanの他の講座

    知識共有者の他の講座を見てみましょう!

    似ている講座

    同じ分野の他の講座を見てみましょう!