オンライン教材

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

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

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

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

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

割引クーポンはこちら

定価9,600円ですが、

割引で1,700円前後になります。(為替で変動するようです。)

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

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

時間にして約12時間。

12時間といっても、

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

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

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

また、

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

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

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

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

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

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

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

で構成しています。

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

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

できるだけ絞って、

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

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の実用的な使い方の講座を是非作っていただきたいです。
渡邉晴彦さん

Vue.js初心者向け講座 を作成してみて

これまでの講座と同様に、

マニュアルと、
数多のWeb記事と、
経験とをミックスして、

できるだけわかりやすく構成したつもりではおりますので、

モダンなフロントエンドとして『Vue.js』も取り組んでみたいという場合には、

ぜひご活用いただければ幸いです。

割引クーポンはこちら


関連記事一覧 (一部広告あり)

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

  1. オンライン教材

    【Laravel(PHP)】初心者向け アプリのつくり方 をリリースしました【t…
  2. オンライン教材

    【JavaScript】初心者向けの動画をリリースしました【Udemy】
  3. オンライン教材

    【PHP/Laravel】初心者向けの動画をリリースしました【Udemy】
  4. 数学

    【三角関数】とは わかりやすくまとめてみた【動画あり】
  5. バックエンド

    【Laravel(PHP)】でできる事をわかりやすく(ざっくりと)まとめてみた【…
PAGE TOP