オンライン教材

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

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

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

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

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

割引クーポンはこちら

定価9,600円ですが、

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

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

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

時間にして約10時間。

10時間といっても、

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

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

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

また、

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

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

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

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

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

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

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

で構成しています。

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

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

できるだけ絞って、

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

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

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

後日追加予定

  • Vuetify(NPM)
  • Vuex
  • Nuxt.js
  • vue-head
  • 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初心者向け講座 を作成してみて

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

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

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

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

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

割引クーポンはこちら


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

コメント

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

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

CAPTCHA


最近の記事

  1. バックエンド

    【Laravel(PHP)】でできる事をわかりやすく(ざっくりと)まとめてみた【…
  2. オンライン教材

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

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

    サイエンス×アート のおすすめ本【子どもと一緒に読みたい本】
  5. オンライン教材

    【JavaScript】初心者向けの動画をリリースしました【Udemy】
PAGE TOP