강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Vue 3 の開始

Vue.jsの最新バージョンVue 3を始める方のための講座です。Vue.jsの動作原理から実務開発をする際に知っておくべき基本概念を学びましょう。

  • captain
vue.js
3시간 만에 완강할 수 있는 강의 ⏰
프론트엔드
Vue.js
Vue 3
JavaScript

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

こんなことが学べます

  • Vue.js

  • フロントエンド開発

  • Web開発

Vue.jsコア原理+最新Vue 3の特徴、
川のひとつでわかりやすくお届けします!

Vue.jsの次世代標準として位置づける
最新のVue 3を始めよう

8,250人以上が選択した「Vue.jsを始めよう - Age of Vue.js」 がその後のVue 3最新講義に戻りました! 😄今回の「Vue 3を始める」講義は、フロントエンド開発フレームワークVue.jsを初めて開始する方、そしてまだVue.jsが慣れていない方を対象にVue.js入門観点から制作された講義です。

今、なぜVue 3なのでしょうか?

便利なコンポーネントコード(Component Code)の再利用

強力なTypeScript(TypeScript)のサポート

テンプレート式(expression)関連の追加文法を提供

その他の新しい文法のサポート

(Composition API、Reacitivty Injection API...)

最新のVue 3でプロジェクトを始める人はいますか? Vue.jsの動作原理を正確に理解したいですか?今回の講義を通じて、既存のVue 2とVue 3の違いを、ライブラリ内部実装の観点と文法的な特徴を中心に次々と学習してみてください!


こんな方へ
おすすめです。

Vue 3でフロントエンド開発を開始するFE入門者

Vue 2からVue 3にバージョンアップする必要がある開発者

Vue.js 3プロジェクトを初めて起動するフロントエンド開発者

Vue.jsの単純概念の代わりに動作原理から正確に理解したい方

だから、Vue.jsの基本を強く固めることができます!

  • ✅ Vue.jsの主な概念と文法が何であるかがわかります。
  • ✅ Vue.jsの内部動作原理を直接実装し、Vue.jsの哲学を理解します。
  • ✅ HTTP、ネットワーク、サーバーなど、実務開発者が知っておくべき知識に感心をつかみます。

Vue.js学習者のための講義の教案を提供📖

Vue 2とVue 3でWebサービスを開発するために必要な知識を集めたオンラインテキストブックを提供します。

"Cracking Vue.js" ショートカット >>


この講義を作った人👨‍🏫

チャン・ギヒョ(キャプテン板橋)

「Inflearnが出会った人」インタビュー

一緒に見れば良い講義

Q&A 💬

Q. フロントエンド開発に慣れていないのに聞くことができますか?

このレッスンは、基本的なHTML、CSS、JavaScriptの知識がある方が聞くのに最適です。特にJavaScriptの変数、関数、制御文、オブジェクトなどについて知らない方は、まずJavaScriptの基礎知識を学習してから受講することをお勧めします。

Q. 既存のVue.jsを始めよう 講義とはどう違いますか?

既存のVue.jsはじめに講義は、現在の実務で最も使用されているVue.js 2バージョンに基づいて作成された講義です。今回のVue 3はじめに講義はVue 3でプロジェクトを始める方とVue 2はじめに講義ではレッスンに従わない方のために入門者の観点から制作された講義です:)

Q. 既存のVue.jsを始める講義を聞きましたが、今回の講義をまた聞かなければなりませんか?

すでに実務でVue.jsで何度もサービスを作成してみて、コンポーネント設計、リアクティビティの原理、複雑な状態管理をしてみた方ならおすすめしません。なぜなら、彼らはVue 3の公式文書を少し読んでもすぐに違いを理解することができるでしょうから:) こんな方にはVue 3中級-Composition API講義をお勧めします。

一方、Vue.jsがまだ慣れておらず、Vue 3プロジェクトを始める必要がある方なら、この講義もぜひ聞いてみることをおすすめします。 Vue 2とVue 3の違いは、ライブラリ内部の実装の観点や文法的な特徴など、全体的にVue 3を開発するとき、既存のバージョンと比較してどのように変わったのか、講義の途中で説明します:)

Q. この講義を聞いたら、次の講義は何を聞くべきですか?

Vue.js学習ロードマップに従って受講することをお勧めします。今回の講義でもわかるように、既存のVue 2の内容がほぼそのままVue 3で活用されます。したがって、既存の学習ロードマップの内容に忠実に従えば、Vue.jsの熟練度を高めたフロントエンド開発者になることができるでしょう:)

Vue 3以降の講義も現在準備中です。新しいコードを書く方法と生態系をどのように活用できるか、その後の講義で学ぶことができます。早ければ11月遅くても年末まで制作される予定です:)
その後の講義がリリースされました。 Vue 3中級 - Composition API講義に行く

「講義収益でVue.jsオープンソースエコシステムを後援します😁」

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フロントエンド開発をVue.jsで始める人

  • フロントエンド初心者

  • Vue 3 実務プロジェクトに取り組む必要がある開発者

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

  • JavaScript

  • HTML

こんにちは
です。

48,096

受講生

4,668

受講レビュー

3,812

回答

4.9

講座評価

17

講座

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

カリキュラム

全体

37件 ∙ (3時間 38分)

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

受講レビュー

全体

130件

4.9

130件の受講レビュー

  • 어쩌다개발님의 프로필 이미지
    어쩌다개발

    受講レビュー 13

    平均評価 4.7

    4

    57% 受講後に作成

    설명과 예제가 아쉽습니다.

    • fourrah님의 프로필 이미지
      fourrah

      受講レビュー 2

      平均評価 5.0

      5

      84% 受講後に作成

      회사에서 급하게 vue2를 vue3로 업그레이드 해야 하는 상황이 닥쳐서 어떻게 해야 하나 고민하던 찰나에 이 강의가 열렸습니다,,!! 진짜 저한테 한 줄기 같은 빛이었습니다!!! 감사해요 일단 강의를 들으면서 Vue 3의 핵심 개념과 기능을 잘 설명해주셔서 금방 이해할 수 있었습니다!! 그리고 바로 회사 실제 프로젝트에 적용할 수 있었어요ㅠㅠ 진짜 다시 한번 감사해요. 사실 요즘에는 개념보다는 실습 위주로 하는 강의가 많아서 왜 저렇게 코드를 짜야 하는지 어려울 때가 많은데,, 판교님은 개념을 먼저 알려주시고 실습 이렇게 진행해주시는데 이 방식이 저에게 너무 잘 맞아서 쉽게 이해할 수 있었습니다!! 컴포지션 api 강의도 얼른 올려주심 넘 감사할 것 같습니다!

      • Cheshire님의 프로필 이미지
        Cheshire

        受講レビュー 2

        平均評価 5.0

        5

        100% 受講後に作成

        react는 사용해 봤지만 vue는 처음 사용해 보는 뷰 입문자입니다. vue3만 알려주시는 게 아니라 vue2와 비교해서 설명해 주시니 더 이해가 잘 됐습니다. 짧은 영상의 호흡으로 더 집중이 잘 되었고, 핵심적인 내용들을 콕 집어 설명해 주셔서 머리에 더더 잘 들어왔어요ㅎㅎ 뷰 처음 써보시는 분들이라면 꼭! 봐야 하는 강의라고 생각합니다:-) 다음 강의도 너무 기대돼요!

        • 방현중님의 프로필 이미지
          방현중

          受講レビュー 2

          平均評価 5.0

          5

          100% 受講後に作成

          vue2를 학원에서 찍먹해보고 제대로 vue3를 배우고자 강의를 수강했습니다. 처음에는 공식 문서를 통해 배우려고 했는데요. 영어를 못해서인지 아니면 개발에 대한 지식이 부족해서인지 이해하기가 참 어려웠습니다. 근데 이 강의가 어려운 개념을 쉬운 예시로 설명해 줘서 기본을 탄탄하게 잡을 수 있었습니다. 특히 혼자 공부할 때는 js 개념이 부족해서 vue가 reactivity를 위해 프록시 객체를 사용하는 게 어려웠었는데요. 강의에서 쉬운 예시로 핵심을 설명해 주셔서 이해할 수 있었습니다. a가 b기능을 한다. 보다는 a가 b기능을 하기 위해 어떠한 내부 과정을 거친다.라고 설명하는 강의입니다. 저처럼 vue를 잘 모르는 분들이나 아직 공식 문서를 이해하기가 어려운 분들께 추천합니다. 얼른 다음 강의가 나왔으면 좋겠어요 !

          • Jin J님의 프로필 이미지
            Jin J

            受講レビュー 6

            平均評価 5.0

            5

            100% 受講後に作成

            강의 잘들었습니다. 좋은점: 전반적으로 강의가 짧게짧게 되어있어 지루하지 않고 좋았습니다. 그럼에도 하나하나 꼼꼼하게 설명이 되어있어 이해하기 좋습니다. Vue2와 Vue3 비교설명 부분이 이해가 잘되었습니다. 부탁: 앞으로도 계속 오픈소스 버전이 업그레이드 될테고, 또 새로운 것들이 나올텐데요. 이번 강의처럼 짧게라도 저렴한가격에 핵심적인부분에 대해 강의해주셨으면 감사하겠습니다. 혼자 공부하는게 싶지 않아서요. 다음 composition강의 기대됩니다. 감사합니다.

            • 장기효(캡틴판교)
              知識共有者

              좋았던 점 자세히 적어주셔서 감사합니다 :) 말씀해 주신 가격 경쟁력과 핵심 내용을 염두에 두고 다음 강의도 잘 준비해 볼게요. 컴포지션 강의로 곧 찾아뵙겠습니다 :)

          ¥5,187

          captainの他の講座

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

          似ている講座

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