HTMLとCSSをある程度マスターした後はJavaScriptを勉強したい。そういう人は多いですよね。
でも、効率的なJavaScriptの勉強方法を知っている人は、そう多くありません
この記事では、これからJavaScriptを学習する人に向けて、効率的かつ効果的な学習方法を紹介します。
注意：必ずHTMLとCSSから学習しよう
まず注意点。いきなりJavaScriptを勉強し始めることはおすすめしません。
HTMLとCSSを学習してからJavaScriptの勉強に入りましょう。なぜなら、HTMLとCSSはJavaScriptの土台となる言語だからです。
JavaScriptの特徴
JavaScriptは、静的なWebサイトに動的な動きを加えるためのプログラミング言語です。JavaScriptはHTMLやCSSなど、他のプログラミング言語と組み合わせて使うことで、ブラウザ上でアニメーションを動作させることができます。
近年は、Node.js（ノードジェイエス）という、ブラウザ側だけでなくサーバー側でも動くJavaScriptも普及してきました。それだけではなく、JavaScriptを使うための開発環境や勉強方法も充実しつつあります。
ちなみに、JavaScriptを使うと以下のことができるようになります
- マップの表示や移動
- 画像のスライダー
- 送信フォームの作成
- Googleのアクセス分析サービスの利用
JavaScriptが用いられているサービス
JavaScriptが用いられているサービスとして有名なものをいくつか紹介しましょう。
- ニコニコ動画
- Hulu
どれも名前を聞いたことがあると思います。ちなみに「Java」という似た名前のプログラミング言語がありますが、まったくの別物です。
JavaScriptの勉強方法
基本的にJavaScriptの勉強方法は以下の2つです
- 本を読んで勉強する
- 学習サイトで勉強する
JavaScriptの勉強方法①：本を読んで勉強する
JavaScriptの勉強の最初のステップは本での勉強です。JavaScriptの全体像やコードの書き方を本を使って体系的に学んでいきましょう。
注意点は、本をある程度読んだら学習サイトでの学習に進むことです。実際にコードを書いてみないと理解できない部分が多いので、本での学習にあまり長い時間を使うのはおすすめできません。
JavaScriptの学習におすすめの本は以下の３冊です。
- 知識ゼロからはじめるゆっくり・ていねいJavaScript ES6対応
- スラスラ読めるJavaScriptふりがなプログラミング
- スラスラわかるJavaScript
①：知識ゼロからはじめるゆっくり・ていねいJavaScript ES6対応
『知識ゼロからはじめるゆっくり・ていねいJavaScript ES6対応』は、JavaScriptの概要から学べる一冊です。
ソースコードと文章の説明のバランスがよく、イラストも用いられているなど、初心者でも理解しやすい内容になっています。まずはこの一冊から読み始めてみましょう。
②：スラスラ読めるJavaScriptふりがなプログラミング
『スラスラ読めるJavaScriptふりがなプログラミング』は振り仮名がふってあり、難しいソースコードも理解しやすくなっています。
実際の読み方を覚えながら学習できるため、早く定着させることができます
スラスラわかるJavaScript
『スラスラわかるJavaScript』は、JavaScriptが少し理解できている人におすすめの一冊。
これまで紹介した2冊を読んだあとに読むことで、理解を深めることができます。
サンプルや図解が多く、チェックテストもあるため、初心者にも勉強しやすい設計になっています。
JavaScriptの勉強方法②：学習サイトで勉強する
本である程度JavaScriptの全体像が理解できたら、次は学習サイトで勉強しましょう
おすすめの学習サイトは以下の5つです。
- Progate
- ドットインストール
- CODEPREP
- Udemy
- Schoo
Progate
Progateはプログラミングをゲーム感覚で勉強できる学習サイトです。
利用は基本的に無料で、手軽にJavaScriptを勉強することができます。
ドットインストール
ドットインストールは動画形式でプログラミングを勉強することができるサイトです。
こちらも基本無料で勉強できます。動画を見ながら一緒にコードを書くことで、理解が深まります。
CODEPREP
CODEPREPは9つのチャプターで編成されています。
ゲーム感覚で進めていけるため、飽きることなく楽しく勉強できます。
Udemy
Udemyは動画形式での学習サイトです。
JavaScriptの初心者の人向けや、ある程度触ったことのある人向けなど、幅広い難易度のコースが用意されています。
本格的な学習は有料ですが、ガッツリJavaScriptを学びたいという人にはおすすめです。
Schoo
Schooは生放送の講義や動画でプログラミングの勉強ができるサイトです。
JavaScriptに関する動画も多く、JavaScriptのフレームワークのjQueryについても取り上げられています。
まとめ：JavaScriptの最も効率が良い勉強方法は「実際に手を動かすこと」
JavaScriptの勉強に役立つ本や学習サイトはたくさんあります。しかし、実際に手を動かさなけばJavaScriptを習得することはできません。
本や学習サイトを参考にしながら自分で実際にコードを書くことで理解を深めていきましょう。
JavaScriptはかなり需要の高いプログラミング言語です。習得することで、できることの幅がかなり広がります。最初はわからないことばかりだと思いますが、一つずつステップアップしながら勉強していきましょう。