Vue.JS is a must-learn for front-end beginners!! We will thoroughly explore Vue.JS from basic to advanced levels!
学習した受講者のレビュー
5.0
hz
初めて講義を聞く人にも理解できるように、本当にお上手だと思います！ 他の講義（例えばnext.js）がアップロードされたら、ぜひ聞きたいです... カリキュラムも非常に充実していて、勉強するのにとても良いです！！
5.0
김주원
1. 学習資料 講義目次と一致するようにフォルダが構成されています。 講義開始、講義完了フォルダが区分されており、 各フォルダは新しいプロジェクトできれいに始められるようになっているので、 分からない内容を部分的に学習したい時 本当に有用です。 gitでソースコードを順次整理する方式もありますが、 学習用にはこの戦略がベストのようです。 もちろん講師の方はこのように整理するだけで 時間がかなりかかったと思います。 2. options api, composition api Inflearn vue講義の中で両方とも一つの講義で扱う 場合はないのですが、 本講義は二つのタイプを全て扱い、 核心だけ扱うと言いましたが、 広範囲な範囲をコンパクトで、 一目瞭然に説明しています。 3. 認証 認証部分は講義するのに少し厄介な部分があり、 ほとんどの講師の方々が認証部分を 大まかにだけ扱っているのですが、 本講義では 直接バックエンド、フロントを構築して 実習するため 最近最も多く使用される jwt accessToken、refreshToken関連で 概念をしっかりと掴むことができます。 4. 講義力 講義実力が優れているので 没入感が良く、 Inflearn vue講義のほとんどを聞きましたが、 最も満足した講義でしたし、 今vueを始めるなら この講義あの講義聞くと 時間の無駄をせずに、 本講義一つで終わらせるのを お勧めします。
5.0
pcdo.omco
よく聞きますね〜
Complete Vue 2 syntax.
Vue 3 basic concepts (Vue Instance, Template Syntax, Data Binding)
Composition API Usage (reactive, ref, computed, watch)
Vue Router configuration and routing
Pinia state management
Vue 3's reactivity system
Component design and data transfer (Props, Emits, Slots)
How to use Vue 3 lifecycle hooks
Composition API vs Options API
Communication with the server (Axios, Fetch, async/await)
Application performance optimization
Building and deploying a Vue app
Vue 3のコア機能であるcomputedとwatchを活用して、
人であるサイトで使用される文字数世紀機能を直接クローンコーディングしてみます。
computedを使って入力された文字数をリアルタイムで計算し、
ウォッチを活用してユーザーの入力変化を効率的に検出します。
実務で活用される機能をそのまま実装しながら、
レスポンシブデータ処理の概念を簡単かつ明確に学ぶことができます！ 🚀
Vue 3のコアコンセプトであるコンポーネント（Component）を活用して
検索エンジンサービスでよく使用されるクエリオートコンプリート機能を直接実装します。
コンポーネントの分離により、検索ボックスとオートコンプリートリストを効率的に管理できます。
propsとemetを活用して、コンポーネント間のデータフローを自然に習得します。
リアルタイムデータレンダリングで、ユーザー入力に素早く反応するインタラクティブなUI実装まで！
実務ですぐに使える機能を自分で作ってみて
Vueコンポーネントの活用方法と構造化開発方法を学ぶことができます。 🚀
Vue 3のダイナミックコンポーネント（Dynamic Component）の概念を活用して
ユーザーエクスペリエンスを向上させるタブメニューUIを直接実装します。
動的コンポーネントの切り替えにより、複数のタブコンテンツを効率的に管理できます。
v-bindとis属性を使用して柔軟なコンポーネントレンダリングを学習します。
状態管理とイベント処理により、タブ間の自然な遷移を実装します。
このプロセスにより、複雑なUIも再利用可能でスケーラブルなコンポーネントにする方法を学ぶことができます。 🚀
Vue 3で学んだすべての概念と技術を活用して
完成度の高いTodo Listアプリケーションを直接作成します。
コンポーネントの分離により、仕事の追加、削除、修正機能を効率的に管理します。
Reactiveデータバインディングは、リアルタイムの状態変化に反応するUIを実装します。
computed、watch、v-modelを活用して、状態管理とデータフローを自然に習得します。
ローカルストレージを活用してデータ永久保存機能まで実装！
このプロジェクトを通じて、Vueのコア機能を本番のように統合し、
実務ですぐに使用できる開発能力を高めることができます。 🚀
Webアプリケーションの重要な機能である認証（Authentication）と認可（Authorization）の概念を明確に理解し、
**JWT（Json Web Token）**を活用して、安全なログイン機能を直接実装してみてください。
認証と認定の違いを理論と実践を通して明確に区別します。
JWTトークンの発行と検証プロセスを通じて、安全なログインロジックを学びます。
トークンの保存と管理（LocalStorage、SessionStorage）方法を実践します。
ログイン後にユーザー情報を安全に保ち、権限に基づいてアクセスを制御する方法を学びます。
この過程を通じてフロントエンド開発者に不可欠な認証・認可概念を実戦のように経験し、
安全で効率的なユーザー管理方法を学ぶことができます。 🚀
これまでに学んだVue 3のすべての概念と技術を活用して
映画情報を提供するWebアプリケーションを直接作成します。
外部ムービーAPIを使用して、リアルタイムでムービーデータをインポートして表示します。
コンポーネント構造化により、映画リスト、詳細情報、検索機能などを効率的に管理します。
Axiosを利用したAPIリクエストと非同期処理でデータフローを制御します。
ルーター（Vue Router）を使ってページ切り替え機能を実装し、動的ルーティングも経験します。
レスポンシブUIとヘルスケアを介して、実戦のようなユーザーエクスペリエンス（UX）を提供します。
このプロジェクトを通じてVue 3のコア機能を統合的に活用し、
実務に近い開発経験とともに、APIベースのアプリケーション開発能力を向上させることができます。 🚀
学習対象は
誰でしょう？
Someone who has never studied Vue before.
Someone who has tried to study Vue, but has given up every time.
Someone who needs to build a service right away using Vue
Someone who wants to learn simply and easily without complicated explanations
前提知識、
必要でしょうか？
HTML/CSS
JavaScript
5,132
受講生
307
受講レビュー
160
回答
4.9
講座評価
9
講座
スコーディングは、オンラインとオフラインを並行しながら
コーディングを教える活動をしています。
長年のオフライン講義の経験を活かし、
より多くの人々がコーディングを簡単かつ楽しく学べるように
毎日悩み、絶えず努力しています。
現在まで次のような4冊の本を出版し、
フロントエンド講義分野をリードしています：
また、YouTubeチャンネルを通じて様々な無料講義も提供しています。
👇 今すぐ訪問してみてください
[YouTubeチャンネルリンク]
様々な割引情報も公式サイトでいち早くご確認いただけます。
👇 今すぐチェックしてみてください
[公式サイトのリンク]
全体
230件 ∙ (23時間 32分)
講座資料（こうぎしりょう）:
12. 基本構造を確認する
10:51
14. npm run dev
03:59
15. アプリケーションの実行順序
04:43
16. SFC
06:23
17. (実習) Exercise 1
03:28
18. (解説) Exercise 1
03:12
19. テキスト補間
03:59
20. 短縮メソッド名
01:54
全体
9件
4.9
9件の受講レビュー
受講レビュー 8
∙
平均評価 5.0
修正済み
5
1. 学習資料 講義目次と一致するようにフォルダが構成されています。 講義開始、講義完了フォルダが区分されており、 各フォルダは新しいプロジェクトできれいに始められるようになっているので、 分からない内容を部分的に学習したい時 本当に有用です。 gitでソースコードを順次整理する方式もありますが、 学習用にはこの戦略がベストのようです。 もちろん講師の方はこのように整理するだけで 時間がかなりかかったと思います。 2. options api, composition api Inflearn vue講義の中で両方とも一つの講義で扱う 場合はないのですが、 本講義は二つのタイプを全て扱い、 核心だけ扱うと言いましたが、 広範囲な範囲をコンパクトで、 一目瞭然に説明しています。 3. 認証 認証部分は講義するのに少し厄介な部分があり、 ほとんどの講師の方々が認証部分を 大まかにだけ扱っているのですが、 本講義では 直接バックエンド、フロントを構築して 実習するため 最近最も多く使用される jwt accessToken、refreshToken関連で 概念をしっかりと掴むことができます。 4. 講義力 講義実力が優れているので 没入感が良く、 Inflearn vue講義のほとんどを聞きましたが、 最も満足した講義でしたし、 今vueを始めるなら この講義あの講義聞くと 時間の無駄をせずに、 本講義一つで終わらせるのを お勧めします。
こんにちは、ジュウォンさん🙂 良いレビューを残していただき、心から感謝いたします。 より良い講義でお会いできるよう、継続的に努力いたします！ ありがとうございます。
受講レビュー 2
∙
平均評価 5.0
5
初めて講義を聞く人にも理解できるように、本当にお上手だと思います！ 他の講義（例えばnext.js）がアップロードされたら、ぜひ聞きたいです... カリキュラムも非常に充実していて、勉強するのにとても良いです！！
わあ、こんなに丁寧なフィードバック、本当にありがとうございます！ 講義が初めての方にもお役に立てたとのこと、本当に嬉しいです😊 近日中にReact.JSの講義がオープンします！ ご期待に応えられるよう、より充実した内容になるよう構成してみます💪 今後も良い学習となることを願っています！
受講レビュー 16
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
受講レビュー 3
∙
平均評価 5.0
知識共有者の他の講座を見てみましょう！
同じ分野の他の講座を見てみましょう！
css.png?w=420)
![企画者様 この程度ウェブ開発は学んでみてはいかがでしょうか？ [理論+実習]講義サムネイル](https://cdn.inflearn.com/public/courses/333579/cover/5bfdb903-721c-4e32-803b-ed0d4cfc28b7/333579.png?w=420)