【Vue.js】初心者向け講座をリリースしました。【Udemy】

ホーム
オンライン教材
【Vue.js】初心者向け講座をリリースしました。【Udemy】

2020.09.28

【Vue.js】初心者向け講座をリリースしました。【Udemy】

こちらのツイートから約1か月半。

インプットしすぎて消化しきれなくなってきたので、 Vuejs 収録少しずつ始める事に。　少し迷ったのですが　Vue3 の情報がまだまだ少ないという事で、前半はVue2 から始める構成にしました。淡々とがんばるどー。

— 世界のアオキ🥑プログラミング×生涯学習×熊本 (@aoki_monpro) August 13, 2020

インプットしすぎて消化しきれなくなってきたので、 Vuejs 収録少しずつ始める事に。　少し迷ったのですが　Vue3 の情報がまだまだ少ないという事で、前半はVue2 から始める構成にしました。淡々とがんばるどー。

ようやくリリースすることができました。

こちらからご覧いただけます。

最新クーポン情報はこちら

2022.08.27

Udemyクーポン一覧【2024/11/4更新】

進捗情報 2024/11/4 2024年11月分に更新 2024/11/1 画像生成AI講座を追加しました 2024/10/10 Dify講座第2弾を追加しました 2024/10/5 2024年10月分に更新お...

定価9,600円ですが、

クーポン経由で大幅割引されます。

これまでの経験も活かし、

動画約100本でリリースいたしました。

時間にして約12時間。

12時間といっても、

説明済みの箇所はコードのコピーペーストなども使っているので、

実際にコードを書こうとすると、

13時間～14時間くらいの分量になるのではと思います。

また、

初心者向けということで『Vuex』は外す予定で考えていたのですが、

その後いろいろ心境の変化あり、

リリース後に随時、
『Vuex』『VeeValidate』『Vue3』
など追加し、

どんどんボリュームアップさせる予定としています。

『Vue.js』初心者向け講座のコンセプトなど

詳しくはこちらの記事に書いたのですが、

もんプロ～問題発見と解決のためのプログラミング〜

【Vue.js】初心者向け講座誠意作成中です【わかりやすさ重視】

https://coinbaby8.com/vuejs-beginner.html

2020/9/28 リリースいたしました！2020年4月から作ろう作ろうと思いつつ、タイミングがあわず保留していた『Vue.js』講座。2020年お盆を過ぎた頃、ようやく着手しました。#php #laravel で追加要望聞いたら #vuejs のリクエストが返ってくるという不思議な体験。それだけ需要あるということですな。明日から収録予定の #excelVBA 終わり次第、次は #vuejs やりますのでもうちょいお待ちを。。 (今日はwindowsでノイズ削除のあれこれテストしてました)— 世界のアオキ🥑プログラミング×生涯学習×熊本 (@aoki_monpro) June 1...

まとめて詰め込みすぎない
できるだけ情報量を減らす
できるだけ実践重視

で構成しています。

マニュアルをイチから全て並べて解説する事もできはしますが、

実際それほとんど使わないっしょ、、という機能もままあり、

できるだけ絞って、

実際に手を動かして身に着けるような構成にしています。

Vue.js 初心者向け講座の内容

ディレクティブ
仮想DOM
リアクティブシステム
ライフサイクルフック
双方向データバインディング
トランジション
フォーム
Ajax(fetch/async/await)
Vuetify(CDN)
VueCLI
VueRouter
Vuetify(NPM)

後日追加予定

Vuex
VeeValidate

Vue.js初心者向け講座無料公開分

いつものように無料公開分をYoutubeにアップしていますので、
口調や雰囲気などはこちらも参考にいただければと思います。

Vue DevToolsのインストール・使い方

タグに属性をつける

ディレクティブ v-show

イベント v-onと@の使い方

リアクティブシステムについて

ライフサイクルフックについて

Vueコンポーネントについて

双方向データバインディング

アトミックデザイン

グローバルコンポーネント

フォームのおさらい

VueCLIの前に必要な知識を解説してみた

サンプルアプリの紹介(VueCLI+VueRouter+Vuetify+GoogleBookAPI+LocalStorage)

GoogleBooksAPI

LocalStorage

講座の難易度感 Vue3 と Vue2 の違い

講座の前半はJavaScriptで書いた場合との比較なども重視し、

できるだけわかりやすく作成したつもりなのですが、

講座の後半になるにつれ、

どうしても専門用語が増えてきてしまっているなぁと感じています。

(『VueCLI』, 『VueRouter』あたりから)

初心者の状態これらの内容をまるっと覚えるのは

なかなかしんどいよなぁと実感しているので、

ぜひ、あせらずじっくり取り組んでいただければ。

また、

『Vue.js』も誕生から4年ほど経ち、

どんどん機能が増えたり減ったりして、

『Vue.js3』にいたっては

これまでの書き方がまるっと変わるという進化もしており、
(上位互換)

一方で難易度も跳ね上がるという事で、

まずは『Vue.js2』に取り組んで、

ある程度『Vue.js』になれてから『Vue.js3』に取り組むという流れで、

『Vue3』の解説は後回しとしています。

Vue.js初心者向け講座いただいた感想

プログラミングを勉強し始めて半年くらいになります。Vueは3系から始めようとしましたが、なかなかいい教材がなく、わかりにくい書籍で基本を抑えたあと、自作アプリを開発しようとしたら躓きまくったので、実践多めの教材を探していたら、この講座を見つけました。2系ではありますが、その後に差分を学べばいいのと、夏か秋に3の分を出してくれるとのことで、こちらの教材でその時に差分を学習するのが良いかなと思いました。内容も整理されていてすごくわかりやすいです！
稲垣たけとさん

説明も丁寧で、実際にコードを書きながら学習することができるため、大変よく理解することができました。
このような素晴らしい講座を作成いただきありがとうございます。
Masahiko Inoharaさん

Vueについて基礎から学びたいと思う人にはよい教材。知っているだろうとして説明を省略することなく進めているところが評価できる。サンプルもシンプルでわかりやすい。Vueのver.3を意識して作られているところもgood。今のところver3対応ではないため星4.5としました。
岩城隆宏さん

内容が盛り沢山なので、初心者の方にはとてもいいと思います。
前にLaravelの講座も受講させていただきました。
内容がとても豊富だったので、今回も受講させていただきました。
LaravelでのVue.jsの実用的な使い方の講座を是非作っていただきたいです。
渡邉晴彦さん