masakiのブログ Written by masaki shibayama

【フロントエンド】Vue.jsを学べるオススメのUdemy教材3選【Vue3ならこれだけでOK】

Programming WebApp

こんにちは。masakiです。
今回は、Vue.js未経験の方から中級者レベルの方まで、それぞれに合ったオススメのUdemy教材を紹介していきます。

なお、この記事ではVue2ではなくVue3に対応しているもののみ紹介しています。
これから初めてVueを勉強するのであれば、Vue3から勉強すれば良いでしょう。

それでは紹介していきます。

Vue.jsを学べるオススメのUdemy教材3選

目次は以下のとおり。

目次

  • [2022年決定版] Vue3 x Typescriptによるアプリケーションづくり
  • はじめてのVue.js 3 入門!jQuery を使わないウェブ開発 – 導入からアプリケーション開発まで体系的に学ぶ
  • 【Vue.js + firebase + Vuetify】Vue.js入門!超実践チャットルームアプリ開発

なお、今からご紹介するUdemy教材の画像に記載されている価格は、セール時じゃない時の価格になります。Udemyでは定期的にセールをしているので、その際に購入されることをオススメします。

[2022年決定版] Vue3 x Typescriptによるアプリケーションづくり


こちらはタイトルのとおり、Vue3をTypeScriptベースで学べる教材です。
Vue3をTypeScriptベースで学べるUdemy教材は、2022年8月時点ではまだ存在しないので、Vue3 x TypeScriptであればこちら一択です。

ここで、

JavaScriptもまだあやふやなのにいきなりTypeScriptなんて不安。

と感じる方もいると思います。

でもご安心ください。こちらの教材は初心者の方でも問題なく学習できる、比較的優しい内容です。
なので、Vueを初めて学ぶ方であれば、こちらから取り組むのが良いかと思います。
[2022年決定版] Vue3 x Typescriptによるアプリケーションづくり

はじめてのVue.js 3 入門!jQuery を使わないウェブ開発 – 導入からアプリケーション開発まで体系的に学ぶ


こちらもVue3の教材です。TypeScriptではなくJavaScriptベースになります。
もし先ほどの教材に取り組んでみて、いきなり「TypeScriptなんてよくわからない」となった場合は、こちらの教材から取り組んでみるのも良いかもしれません。

はじめてのVue.js 3 入門!jQuery を使わないウェブ開発 – 導入からアプリケーション開発まで体系的に学ぶ

【Vue.js + firebase + Vuetify】Vue.js入門!超実践チャットルームアプリ開発


最後は中級者向けの教材です。
タイトルのとおり、firebaseとVuetifyを学べるのが特徴です。

Vuetifyを知らない方のためにちょっと補足すると、VuetifyとはVueのUIフレームワークです。

Vue.jsの基本を学び終え、これから本格的なアプリを作っていきたい方にオススメの教材となります。
就職活動のためのポートフォリオを作りたい方とかも参考にすると良いかもしれません。

【Vue.js + firebase + Vuetify】Vue.js入門!超実践チャットルームアプリ開発

最後に

いかがでしたでしょうか。
今回紹介したUdemyの学習教材が、これからVue.jsを勉強したい方の参考に少しでもなれば嬉しいです。

また、以下の記事ではVue.jsが学べるプログラミングスクールについても紹介していますので、スクールに興味のある方はそちらもご覧ください。
【2022年最新版】Vue.jsが学べるオススメのプログラミングスクール【元スクール講師が解説】