TypeScript with Vue 実戦プロジェクト

Name: TypeScript with Vue 実戦プロジェクト
Price: 16500 KRW
Rating: 4.4 (34 reviews)

タイプスクリプトを利用して一段階アップグレードされた Vue アプリケーションを開発できるよう手助けをする講座です。 Vue.js の基礎講座と ES6 またはタイプスクリプトの入門者である開発者の方々にこの講座をおすすめします。

（4.4）受講レビュー 34件

受講生 558名

難易度 中級以上

受講期間 無制限

seong0420hei7159

Vue.js

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

4.4

5.0

Dong Jun Kwon

57% 受講後に作成

最近ホットなvueとtypescriptについての講義がないのにたくさんの助けがありました。ありがとうございます。

5.0

유한군

100% 受講後に作成

TypeScriptとVueを基礎だけを知っていたのですが、とても大きな助けになりました！

5.0

frontzero

100% 受講後に作成

Vueで開発をしながら、TypeScriptベースでどのように開発するのか味を見たかったのですが、良い講義があってよく聞きました。 vue 3.0がすぐに出てきて、私もTSベース（もっとTSフレンドリー？）にSPA開発をしたいですね！ありがとうございます。最後のTODOの例は、ルートにウォッチを付けて処理をしました。良い方法ではありませんが…それでも好きなように動作します。 ㅠㅠ @Watch('$route') public watchRouteParam(after: any, before: any) { if (after.params.hasOwnProperty('path')) { switch(after.params.path){ case 'list-active' : this.todoData = this.$store.getters.todoActiveItem; break; case 'list-clear' : this.todoData = this.$store.getters.todoClearItem; break; } }else{ this.todoData = this.$store.getters.todoItem; } }

受講後に得られること

Vue.jsとTypescriptを利用してウェブアプリケーションを開発できる。

TypeScriptを使用して、一段階アップグレードされたVueアプリケーションを開発するのに役立つコースです。
Vue.jsの基礎講座やES6またはTypeScriptの入門者である開発者の方にこの講座をお勧めします。

最近、GoogleのAngularでタイプスクリプトを公式言語で指定するほどタイプスクリプトの位相が高くなっていくが、
まだランニングカーブのために導入を嫌がる方が多いです。

このコースでは、なぜタイプスクリプトを選択する必要があるのか、果たして私のプロジェクトにタイプスクリプトを導入するのが正しいかを選択するのに役立ちます。また、このコースでは、Vue.jsアプリケーションでTypeScriptスタイルで開発する方法を学ぶことができます。

このコースは主に4つのテーマで構成されています。

1. Typescript選択ガイド
2. Class-based コンポーネントの作成
3. Typescriptを使ってVuexを設計する
4. 実戦プロジェクト (Todo-list)

こんな方に
おすすめです

学習対象は
誰でしょう？

Vue.js に TypeScript を使用しようとする開発者
Vue.js のプロジェクトを長期間メンテナンスする実務者
Vue.js で大規模なプロジェクト開発を手がけたい実務者

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

ES6の文法を知っていたり、TypeScript初級
Vue.js 初級

こんにちは
seong0420hei7159です。

JavaScriptでフロントエンドもバックエンドも開発するJavaScriptエンジニアです。😎
開発に関する質問はいつでも大歓迎ですので、お気軽にメールでご連絡ください！

📌blog : https://seongdohee.github.io/
📌email : seong0420hei@gmail.com

カリキュラム

全体

21件 ∙ (3時間 41分)

セクション 1．講義紹介

2件 ∙ (10分)

1. オリエンテーション
02:36
2. なぜTypescriptを選ぶのでしょうか？
07:59

セクション 2．開発環境設定

2件 ∙ (14分)

3. vue-cliでTypescriptプロジェクトを作成する
05:25
4. プロジェクトの構造説明および設定
09:28

セクション 3．Class Basedコンポーネントの作成

7件 ∙ (54分)

5. @Componentでコンポーネントを作成する
07:15
6. @Prop でデータを渡す
08:50
7. @Watchでデータの変化を検知する
07:33
8. @Emitでイベントを伝達する
06:28
9. @Provide/@Inject でデータを渡す
06:01
10. @Model の使い方
10:38
11. Mixinsの活用方法
07:27

セクション 4．InterfaceでVuexを設計する

3件 ∙ (38分)

セクション 5．知っておくと便利なVuexオープンソース

2件 ∙ (13分)

セクション 6．実践プロジェクト (Todo-list)

5件 ∙ (1時間 29分)

講座掲載日: 2019/06/03

最終更新日: 2019/06/04

受講レビュー

全体

34件

4.4

34件の受講レビュー

changmyeongbaek8476
受講レビュー 1
∙
平均評価 5.0
2019/06/16
5
90% 受講後に作成
最近見たVue.js講義の中で最も役に立ちました！
jellive78265
受講レビュー 1
∙
平均評価 5.0
2019/07/19
5
100% 受講後に作成
TypeScriptとVueを基礎だけを知っていたのですが、とても大きな助けになりました！
7h5j7h8040
受講レビュー 2
∙
平均評価 3.0
2019/06/26
4
5% 受講後に作成
いいですが、声が小さすぎてボリュームを最大にしてもうまくいきません。講義はとても良いです
zerofront
受講レビュー 5
∙
平均評価 4.6
2019/07/16
5
100% 受講後に作成
Vueで開発をしながら、TypeScriptベースでどのように開発するのか味を見たかったのですが、良い講義があってよく聞きました。 vue 3.0がすぐに出てきて、私もTSベース（もっとTSフレンドリー？）にSPA開発をしたいですね！ありがとうございます。最後のTODOの例は、ルートにウォッチを付けて処理をしました。良い方法ではありませんが…それでも好きなように動作します。 ㅠㅠ @Watch('$route') public watchRouteParam(after: any, before: any) { if (after.params.hasOwnProperty('path')) { switch(after.params.path){ case 'list-active' : this.todoData = this.$store.getters.todoActiveItem; break; case 'list-clear' : this.todoData = this.$store.getters.todoClearItem; break; } }else{ this.todoData = this.$store.getters.todoItem; } }
mayajuni
受講レビュー 1
∙
平均評価 5.0
2019/06/13
5
57% 受講後に作成
最近ホットなvueとtypescriptについての講義がないのにたくさんの助けがありました。ありがとうございます。

似ている講座

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

Vue.js + TypeScript 完全ガイド

captain

Vue.jsでTypeScriptを始める方のための最高の講座。2つの実習プロジェクトで楽しく学ぶVue.js + TypeScript完全攻略。学びながらすぐに実務に適用してみてください!😄

中級以上

Vue.js, TypeScript

Vue.js + TypeScript 完全ガイド

captain

ユン・ジェソンのVue.jsプロジェクトによる実務開発プロセス

softcampus

このコースでは、VueJSの基本的な部分とミニプロジェクトによる実践的な開発方法を学ぶことができます。 VueJSを適用すると、Webアプリケーションの開発が容易になり、サーバーの負担を減らすことができ、最近トレンドになる開発方式です。このコースを学習すると、最近使用されているWeb開発方法で開発することができます。