JavaScriptを使うとWebページにさまざまな動きを入れることができるようになります。たとえばカーソルに合わせて画像を拡大したり、フォームに入力された内容をチェックしたり……Webサイト構築に関わる人には欠かせない知識の一つです。
UdemyではJavaScriptについての講座を、セール時には1,000円代から受講することができます！この記事では実際に私が受講して良かったと感じたおすすめの講座をご紹介します！
プログラミング経験のない方も！入門者向け
[HTML/CSS/JavaScript] フロントエンドエンジニアになりたい人の Webプログラミング入門
| 対象者 | フロントエンジニアを目指している初心者 |
|---|---|
| 時間 | 9.5時間 |
| 定価 | ¥24,000 |
| 言語 | 日本語 |
| 評価 | 4.4 |
| 受講者 | 17,442人(2020年6月現在) |
| 講師 | 大学や教育機関、NPOを中心に、WordPressを利用したサイト制作をサポート。また、CSS NiteやWord Campでの講演や著書などを通じ、クリエイターの育成にも力を入れている。 |
「簡単なWebページなら自分の力で組み上げることができるようになる」がゴールになっている本講座では、javascriptに限らず、フロントエンジニアリングに必要な基礎的な部分が網羅されています。
私は既にhtmlやcssについて学んだことがあったため、復習として活用しました。
これから学び始めるフロントエンジニアへの入門者にとてもおすすめできる講座です！
必見！JavaScript & プログラム入門 with すぐに使えるテクニック集！
| 対象者 | JavaScriptを学び始めたい初心者 |
|---|---|
| 時間 | 3.5時間 |
| 定価 | ¥3,000 |
| 言語 | 日本語 |
| 評価 | 4.4 |
| 受講者 | 565人(2020年6月現在) |
| 講師 | 東京大学理学大学院を卒業後、システム開発会社に入社し、主にJava、VisualBasic、C#などのWebアプリケーションの作成に携わる。現在エンジニアとして独立。 |
この講座の最大の特徴は、実際に手を動かしながら体験できるように講座が進んでいく点です。本を使っての机上での学習では飽きてしまった私ですが、この講座ではまず実践しながら覚えることができるため、飽きずに一気に学習が進められました！
定価でも3,000円という価格の安さも本講座の魅力ですね！
実例でわかる JavaScript 初心者講座
| 対象者 | JavaScriptを学び始めたい初心者 |
|---|---|
| 時間 | 8.5時間 |
| 定価 | ¥10,200 |
| 言語 | 日本語 |
| 評価 | 4.2 |
| 受講者 | 6,362人(2020年6月現在) |
| 講師 | ゲームやアプリケーションの開発者、技術書の著者。 「マンガでわかるJavaScript」「JavaScript 仕事の現場でサッと使える! デザイン教科書」の著者。 |
こちらもjavascriptにスポットを当てた講座です。1コースあたりの時間が長くても5分程度、平均1〜3分程度なので、忙しい時にスキマ時間で受講するにはピッタリでした。
サンプルのソースコードが100行以内で、容易に理解、改造できる点も魅力ですね！
少し気になるとしたら、進行速度というか話す速度が遅かった点です。Udemyには倍速再生機能もあるので、2倍速で聞いてちょうどよかったです。
JavaScriptで作るリバーシゲーム
| 対象者 | JavaScriptを学び始めたい初心者 |
|---|---|
| 時間 | 7.5時間 |
| 定価 | ¥10,200 |
| 言語 | 日本語 |
| 評価 | 4.2 |
| 受講者 | 1,109人(2020年6月現在) |
| 講師 | ゲームやアプリケーションの開発者、技術書の著者。「マンガでわかるJavaScript」「JavaScript 仕事の現場でサッと使える! デザイン教科書」の著者。 |
JavaScriptを利用すれば、ブラウザで動くゲームやツールを開発できます。この講座では簡単な処理からプログラムを積み上げていき、思考アルゴリズムまで入ったリバーシゲームを作る一連の流れの中でスキルアップすることができました！
今すぐ作りたい何かがあるわけではないけれど、すぐに使えるものを作りたい人におすすめです！
The Complete JavaScript Course 2020: Build Real Projects!
| 対象者 | JavaScriptを中心にエンジニアリングを学び始めたい初心者 |
|---|---|
| 時間 | 28時間 |
| 定価 | ¥24,000 |
| 言語 | 英語＋日本語字幕 |
| 評価 | 4.6 |
| 受講者 | 312,341人(2020年6月現在) |
| 講師 | フルスタックエンジニア。Udemyの全ての講座でベストセラーステータスを獲得しているトップインストラクターの一人。 |
UdemyでのJavaScriptのベストセラー講座です。ボリュームは28時間と圧倒的ですが、広く深くレクチャーが進むため、JavaScript初心者から上級開発者までこれだけでスキルアップできると感じました！
JavaScript言語自体を学ぶだけでなく、問題を解決する方法・一般的なパターンを使用してコードを構成および整理する方法など、プログラミングの考え方から学ぶことが出来ます。
自動生成された日本語なので少し文章が怪しいですが、それを踏まえても受ける価値のある講座ですね。
The Web Developer Bootcamp
| 対象者 | JavaScript含むWeb開発スキル全般を広く学びたい、未経験者含む全ての人 |
|---|---|
| 時間 | 46.5時間 |
| 定価 | ¥24,000 |
| 言語 | 英語+日本語字幕 |
| 評価 | 4.6 |
| 受講者 | 559,414人(2020年6月現在) |
| 講師 | Webエンジニアおよびトレーナー。Udemyで60万人以上に講義を行う。 |
少し学習範囲が広がりますが、45万人以上が受講している、Udemyを代表するベストセラー講座です。なんとコースを修了したプログラミング初心者の94%がフルタイムのエンジニアとして活躍しているのだとか。46.5時間にも及ぶ講座で圧巻のボリュームですが、中身も相当濃厚です。
JavaScriptだけでなく、HTML、CSS、jQueryのほか、yelpcamp、Githubの使い方など、Webエンジニアになるに向けて必要な知識が全て詰まっています。英語での受講となりましたが、日本語字幕があるためそこまで気になりませんでした。ところどころに講師が飼っている犬が出てきて癒やされます。かわいい。
脱初心者！フロントエンジニアリングを幅広く学びたい人向け！
【JavaScript＆CSS】ガチで学びたい人のためのWEB開発徹底入門（フロントエンド編）
| 対象者 | HTML・CSS・JavaScriptの基礎知識がある初心者～中級者 |
|---|---|
| 時間 | 19.5時間 |
| 定価 | ¥9,600 |
| 言語 | 日本語 |
| 評価 | 4.5 |
| 受講者 | 4,510人(2020年6月現在) |
| 講師 | フルスタックエンジニア。ソフトバンクにてSEとして勤務後、独立。大規模アプリケーションの開発の進め方から、小規模のスピーディーな開発の進め方、上流から下流、フロントエンドからバックエンドまで、アプリケーションの開発方法やシステムの構築について、幅広い知見を持つ。 |
HTML・CSS・JavaScriptの基礎講座を受講したものの、その後に何をすれば良いのかハッキリしてない人に特にオススメ。フロントエンドエンジニアとして活躍するために必要な、初心者を脱するためのポイントがわかりやすくまとまっている講座です。単なる技術説明だけでなく、ツールの使い方、ノウハウ、テクニックも説明されている他、設計のポイントまで学ぶことができます。
JavaScriptのthisの挙動やclassの使い方、配列のメソッドなどの初心者がつまづきがちなポイントについては更に丁寧に解説しています！
【JS】初級者から中級者になるためのJavaScriptメカニズム
| 対象者 | JavaScriptの入門講座を修了している人 |
|---|---|
| 時間 | 20.5時間 |
| 定価 | ¥8,400 |
| 言語 | 日本語 |
| 評価 | 4.6 |
| 受講者 | 2,516人(2020年9月現在) |
| 講師 | フルスタックエンジニア。ソフトバンクにてSEとして勤務後、独立。大規模アプリケーションの開発の進め方から、小規模のスピーディーな開発の進め方、上流から下流、フロントエンドからバックエンドまで、アプリケーションの開発方法やシステムの構築について、幅広い知見を持つ。 |
VueやReactの内部の処理に踏み込み、そのメカニズムについて説明されている講座です。フレームワークについてなんとなく知っているものの、体系的にいまいち理解できていない……そんな方に特におすすめしたいこの講座。初心者が中級者にステップアップする上で大事な要素を網羅してくれています。わかりやすさはもちろん、フォーラムでのQAの丁寧さも魅力ですね。
フレームワークを学びたい中級者向け！～Vue JS編～
Vue JS 2 入門 完全パック – もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)
| 対象者 | HTML・CSS・JavaScriptの基礎知識がある中級者 |
|---|---|
| 時間 | 14.5時間 |
| 定価 | ¥2,400 |
| 言語 | 日本語 |
| 評価 | 4.4 |
| 受講者 | 5,524人(2020年6月現在) |
| 講師 | フリーランスエンジニアとして活躍する傍ら、20歳で大学院に飛び級で合格し、現在は研究者。 |
Vue JSはシンプルで自由度が高い、人気急上昇中のフレームワークです。本格的なWEBアプリから、簡単な一部の機能実装まで幅広い規模に対応できることが大きなメリットです！
14.5時間というボリュームにも関わらず2,400円という安さに惹かれ半信半疑で受講しましたが、これだけ詳しく・わかりやすく説明されているのであれば、価格が高くても受ける価値がありました。
「Vue JS 2 入門」というタイトルですが、あくまでもVue JSの入門であるため、HTML、CSSの基礎知識はある程度必要になります。
Vue.js + Firebaseで作るシングルページアプリケーション
| 対象者 | HTML・JavaScriptの基礎知識があり、フロントエンジニアを目指す中級者 |
|---|---|
| 時間 | 5時間 |
| 定価 | ¥10,800 |
| 言語 | 日本語 |
| 評価 | 4.3 |
| 受講者 | 2,189人(2020年6月現在) |
| 講師 | SIerにてインフラエンジニアとして環境構築、運用、保守を経て、現在ではフルスタックのフリーランスエンジニア。実際の現場で培った経験や知識を生かした、実用的な授業が好評。 |
このコースでは、Vue JSとあわせ、BaaS（Backend as a Service）のFirebaseを使用することで、サーバを構築セずにデータベース・ユーザー認証といった機能の実装を学べます。
Web企業勤務でもない限りこうしたモダンなフロントエンド開発について学ぶ機会はなかなかないため、私には大変刺激になりました。
Firebaseの使い方を学びたい、試しに使ってみたいという方にもおすすめですね！
フレームワークを学びたい中級者向け！～Node.js編～
Node.js + Express で作る Webアプリケーション 実践講座
| 対象者 | エンジニアリング経験があり、Node.jsを使った開発を身に着けたい中級者 |
|---|---|
| 時間 | 14時間 |
| 定価 | ¥24,000 |
| 言語 | 日本語 |
| 評価 | 4.1 |
| 受講者 | 2,982人(2020年6月現在) |
| 講師 | 大手メーカー にてWeb業務パッケージ開発時、JavaScript実装におけるパフォーマンス向上に注力し、特許も複数開発。現在はIT系 企業にて働く傍ら講師業を営む。 |
Node.jsはサーバサイドJavaScriptで、軽量である点、大量の接続を同時に処理できる点が特長です。このコースではNode.jsのほか、認証周りの説明、セキュリティ対策なども説明されているため、実務にも活用できそうです。
話す際の「えー」が多く感じたというレビューもありましたが、Udemyの倍速再生機能を使うとあまり気になりませんでした。
The Complete Node.js Developer Course (3rd Edition)
| 対象者 | JavaScriptの基礎知識があり、Node.jsを学びたい中級者 |
|---|---|
| 時間 | 34.5時間 |
| 定価 | ¥10,200 |
| 言語 | 英語 |
| 評価 | 4.7 |
| 受講者 | 184,640人(2020年6月現在) |
| 講師 | フルスタックエンジニアおよび教師。Webアプリ開発会社経営。2014年に最初のUdemyコースを開始して以来、110,000人以上が受講。 |
このコースは、Express、Mongoose、MongoDBなどのツールに深く入る前に、Nodeの基礎をカバーしたものです。
アプリケーションを開発、テスト、および展開できるNode開発のプロフェッショナルになることを目標としている方には必見です！
私は2017年にこの講座を購入しましたが、現在公開されている3rd Editionは2019年に全編再撮影されたものです。定期的に更新されるため、購入した後も講義内容が陳腐化することがないのも魅力ですね！
実例でわかる JavaScript ローカルアプリ開発講座 Windows版 node.js NW.js
| 対象者 | JavaScriptの経験があり、ローカル環境で動作するアプリを開発したいWindows利用者 |
|---|---|
| 時間 | 5.5時間 |
| 定価 | ¥10,200 |
| 言語 | 日本語 |
| 評価 | 4.6 |
| 受講者 | 1,873人(2020年6月現在) |
| 講師 | ゲームやアプリケーションの開発者、技術書の著者。「マンガでわかるJavaScript」「JavaScript 仕事の現場でサッと使える! デザイン教科書」の著者。 |
先程ご紹介した「実例でわかる JavaScript 初心者講座」の講師の応用編です。Windowsの開発環境構築からアプリまで、サンプルコードをもとに学ぶことができます。サンプルコードはもちろんダウンロード可能なので、そのまま業務に流用もできる点が魅力的ですね。こちらも少し説明・しゃべりが冗長なので、1.5～2倍速で見てちょうど良いと思いました。
スキルの復習をしたい中級者向け！～ES6編～
【世界で2万人が受講】JavaScriptエンジニアのためのES6完全ガイド
| 対象者 | JavaScriptの経験があり、ES6の関数を身に着けたい人 |
|---|---|
| 時間 | 8時間 |
| 定価 | ¥9,600 |
| 言語 | 日本語 |
| 評価 | 4.5 |
| 受講者 | 3,886人(2020年6月現在) |
| 講師 | 米サンフランシスコのトップ企業に務めるフロントエンジニア。Udemyで45万人以上を指導。 |
英語版で大人気の「ES6 JavaScript: The Complete Developer’s Guide」の日本語版講座です。
JavaScriptの基礎から身につける講座ではなく、ES6で新しく登場した関数を中心に講義が進むため、JavaScriptの基本的な知識を持った上で受講するのが良いと思います。
Vue.jsを学ぶ上でもES6の要素は頻出します。以前JavaScriptを学んでいたけれど復習したい人におすすめの講座ですね。
まとめ
この記事ではJavaScriptのおすすめ講座をまとめました。
管理人は3年以上Udemyを使ってきましたが、今振り返ってみたら高値で買ったり結局やらない講座を買ったりと遠回りしてしまったので、是非モテちゃんを活用して効率的にスキルアップしてみてください！