Vue.jsの基本的な使い方 イントロダクション

注目度抜群のJavaScriptフレームワーク「Vue.js」入門オンラインコース『「Vue JS入門決定版！jQueryを使わないWeb開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ」』 Vuejsの基本的な使い方のセクションのイントロダクションです。

オンライン講座「Vue JS入門決定版！jQueryを使わないWeb開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ」を、世界最大級のオンライン学習プラットフォームUdemy（ユーデミー）で公開中です。

Vue.jsを動画で学ぶ

説明

このセクションでは、Vue.jsの基本的な使い方について、速習を行います。

機能の詳細については、あとのセクションで個別に説明します。
まずは、細かいことよりも、Vue.jsの全体像についてコードを書いて習得することを目的としています。

学習環境としては、JavaScriptの学習に便利なWebサービス jsFiddleを利用します。
無料で使えて、ユーザー登録も必須ではありません。

jsFiddleを使わないで、テキストエディタを使って開発する方法についても、補足説明いたします。

このセクションの学習カリキュラム

1. イントロダクション
2. JSFiddle 画面説明
3. Vue.jsの読み込み
4. Vue.jsの開発バージョンと本番バージョン
5. Vueインスタンスの作成
6. ルートのテンプレートを作成
7. データバインディングとは
8. Vue.js入門 テキストのデータバインディング
9. dataオプションにオブジェクトや配列要素を設定
10. jsFiddle 便利な設定
11. jsFiddle ソースコードの保存
12. エラーを自力で解決する方法
13. ディレクティブとは
14. 属性のデータバインディング v-bind
15. 条件分岐 v-if
16. 条件分岐 v-show
17. 繰り返しの描画 v-for
18. オブジェクトの繰り返し描画 v-for
19. イベントの基本 v-on
20. 双方向データバインディング v-model
21. コンポーネント
22. トランジション
23. 演習：Vue.jsの基本的な使い方のまとめ①
24. 演習：Vue.jsの基本的な使い方のまとめ②
25. 補足：テキストエディタを使った開発
26. consoleからObj操作

おわりに

Vue.jsのコードは書いていて、とても楽しいです。

この楽しさは理屈では説明が難しいので、まずはコードを書いて体感してください。

詳細は無料プレビュー動画を30分用意しましたので、ぜひご覧ください！

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する