ホームページを作成したいので何を学習すればいいのかと調べてみると、HTMLとCSSと共に『JavaScript』も学習した方がよいという事が出て来ます。
なんとなく調べてみると、プログラムなので難しそう、独学では出来ないという声もちらほらと出て来ますね。
『学習したいけれども、教室に通うのは時間的に難しい』『どういう物か知る為に基本的な事を学習したい』という場合の選択肢として『オンライン講座で学習する』という方法があります。
今回はオンラインでJavaScriptの学習が出来る講座を紹介します。
目次
JavaScriptって何？
そもそもJavaScriptとは何でしょうか？
簡単に説明すると、『Webページに動きを加えるもの』になります。
例えば『トップページの写真を時間が経ったら自動的に切り替える様にする』と言った動きの部分はJavaScriptで作成したりします。（※CSSだけでスライドショーを作成する手法もあります。）
上記は1つの例ですが、Web上で動くアプリケーションを作成したり、サーバーと情報をやり取りする為の仕組みを作ってみたりという事でも使われたりします。
JavaScriptはクライアントサイドスクリプトという、Webブラウザ上で動作するスクリプト言語になります。しかし最近ではサーバー上でも動作する様になりましたので、JavaScriptを使う範囲がだいぶ広がりました。
もちろん、いきなり全てを学習していくのは大変なので、初心者の方が学習する場合はWebブラウザ上での動きを加える所から学習して行くのが良いかと思います。
JavaScriptを学習する為に必要な準備は？
では、JavaScriptを学習する為に必要な環境は何でしょうか？
JavaScriptは上記でも書いた通りクライアントサイドスクリプトになります。Webブラウザ上で動作する物なので、HTMLやCSSを学習する時と同じ様に、Webブラウザとテキストエディタがあれば大丈夫です。
ブラウザもテキストエディタも種類がありますので、好きな物を使用してください。Windowsであれば、最初からインストールされているのは、Webブラウザは『Microsoft Edge』で、テキストエディタは『メモ帳』になりますね。
サーバー側で動作する物を作成したいという場合は、仮想のサーバー環境の準備が必要になります。その場合は『XAMPP』などが必要になりますね。
JavaScriptを学習する際の注意点
簡単にJavaScriptについて説明しました。
Webページに動きを加えた動作をさせたいのであれば身に着けておきたいスキルですね。学習する際の注意点としては、Webページを作成する為に必要となる『HTMLとCSS』のスキルは必須という事です。
Webページに動きを加える訳ですから、Webページありきの話になります。そうなればHTMLやCSSのタグやセレクタなどに対して命令文を書いたりする訳です。だからHTMLとCSSは知っておかないといけません。
講座を選ぶ際にはそういった事も考慮しましょう。
例えばビデオ学習の講座であれば、JavaScriptについての講座がほとんどなのでHTMLとCSSは分かっている前提で話が進む場合があります。それに対して対人の講座であれば、HTMLとCSSの部分で分からない事があれば質問出来たりするので、学習しやすいかもしれませんね。
HTMLとCSSは必須であるという事を考慮して講座を選択してくださいね。
オンラインでJavascriptを学習出来るおすすめ講座
JavaScriptは出来る内容が多いので、学習出来る講座もたくさんあったりします。
最初に書いた通り、Webに動きを加えるというのがどういう事かと言った事から学習出来る初心者向けの講座から、サーバー側の動作を作成したいという中・上級者向けの講座まである訳ですね。
講座を選ぶ際にはどの様な内容まで対応しているのかをしっかりと見ておく必要がありますね。
今回は初心者向けの講座をいくつか紹介します。
Progate
出典：progate
サイトURL：https://prog-8.com/
ソースコードを見ながら実際に入力して練習が出来る講座です。
実際に入力して動作を確認できるので分かりやすい内容になっています。
しかし決められた内容を入力するので、もっと深い所まで学習したいという方には物足りなさを感じるかもしれません。
無料で基本的な部分は学習出来るので、初めて学習する、興味があるのでまずはどういう物か知りたいという方にはおすすめです。
| オンライン学習方法 | スライドを見ながら学習 |
| 特徴 | 入力する内容を確認しながら、実際に入力して練習出来る |
| 契約 | 無料 |
ドットインストール
出典：ドットインストール
サイトURL：https://dotinstall.com/lessons/basic_javascript_v5
動画を見ながら学習出来るサイトです。
1本当たりの動画は2分～5分程度と短い構成になっているので、長く学習時間を取るのが難しい方でも簡単に始められます。
無料会員登録をする事で、入力するソースコードのデータもダウンロード出来るので、全てを自分で入力しなくても学習出来る様になっています。
| オンライン学習方法 | ビデオ学習 |
| 特徴 | 動画を見ながら自分で入力練習をする HTML・CSSの基礎講座もあり |
| 契約 | 無料 プレミアム会員は月額1,080円 |
ストアカ
出典：ストアカ
サイトURL：https://www.street-academy.com/online/javascript
実務経験がある講師や資格取得済みの講師がオンラインの講座を開催しています。
講義の開始日は決まっているので、予定を合わせる必要があります。
講師と実際にやり取りをしながら学習出来るので、分からない所は聞きながら進められるのが魅力的です。
| オンライン学習方法 | 講師によるオンライン講座 |
| 特徴 | 講師に質問をして進める事が出来る |
| 契約 | 1講座 5,000円～ |
デジハリONLINE
出典：デジハリon-line
サイトURL：https://online.dhw.co.jp/course/javascript/
講義の動画を見ながら学習するオンライン講座です。
JavaScriptの講座は約10時間の動画構成になっています。
契約期間がありますが、支払が完了した瞬間から動画の仕様が可能なので、急いで学習を始めたいという方にぴったりです。
| オンライン学習方法 | 動画 |
| 特徴 | 契約期間内は何度でも動画の視聴が可能 |
| 契約 | 3か月 68,200円 |
まとめ
今回はJavaScriptを学習出来る初心者の方向けのオンライン講座について紹介しました。
無料の講座も数多く存在していますので初心者の方でも気軽に始められる環境になっていると思います。
多くの場合無料の講座は基本的な部分を学習する内容になっている事が多いです。学習してみて物足りない、もう少し出来る様にしたいという事であれば、講師がついて開催している講座を受講するのをお勧めします。
注意点についても書きましたが、実際にJavaScriptだけを使って何かを作成する事は少ない為、HTMLとCSSの知識は必要になります。HTMLとCSSを全く知らないという方はそちらから学習してくださいね。
これからの学習方法を探す参考にしてみて下さい。