2018年12月15日こんにちは!シミダイ(@shimidai2100)です。JavaScriptで絶対に学ぶことと学ぶ順番について紹介したいと思います。JavaScriptはフロントエンドだけでなくモバイルやバックエンドでも利用できるため学ぶことも多いです。出来ることも多いので「初心者の人は何を学べばいいか?」、「どんな順番で学べばよいのか?」混乱してしまいます。多くの学習サイトや書籍でも技術に偏りがあるため、網羅的に学習することが難しいです。そんな初心者~中級者に向けて学習のロードマップを紹介したいと思います。クラス基本構文まずは基本構文を覚える必要があります。基本構文を覚えるのオススメのは断トツでProgateです。Progateなら開発環境を準備をする必要がなく、ネットにつながっていれば直ぐに始めることができます。月額980円かかります。次に関数を覚えていきましょう。関数を利用することで何度も利用する機能を再利用することができるようになります。そのため開発のコストを下げることが可能になります。このタイミングで必ずアロー関数はマスターするようにしましょう。アロー関数とはES6から実装された記法で、見やすいコードを書くために必須の記法になります。ふりがなプログラミング」もオススメです。ビルトインオブジェクト関数とオブジェクトをマスターしたら標準ビルドインオブジェクトを学びます。標準ビルドインオブジェクトとJavaScriptを利用する時に、誰でも利用することが出来る標準のオブジェクトになります。参考:標準ビルトインオブジェクトこの辺りはProgateでは学習することが出来ません。ドットインストールの「JavaScript基礎文法徹底マスター」を学習することをオススメします。完璧に教えてくれるわけではなく、一部の内容をさらった学習できる程度ですので自分で学習する必要があります。DOM(ドキュメントオブジェクトモデル)DOMを利用することでHTMLやCSSの内容を変更することが出来ます。DOMを利用することでHTMLのタグ、属性、値を動的な変更することができます。生JavaScriptで学習することをオススメします。参考:ドキュメントオブジェクトモデル(DOM)ブラウザオブジェクトブラウザ毎の固有の機能を利用するのがブラウザオブジェクトです。ブラウザを操作するための機能を持ち、各ブラウザで微妙に仕様が異なります。昔はブラウザ毎の独自仕様に悩まされていたそうですが、近年では互換性が保障されています。DOMはブラウザオブジェクトに含まれるですが、別々で学習することをオススメします。School」で学習することができます。Shcoolイベントハンドリングイベントハンドリングとはあるイベントに対して、どのような処理をするのか登録することをいいます。登録する処理のことを「イベントハンドラ」「イベントリスナ」とも呼びます。イベントハンドリングを使うことでボタンを押した時にメッセージを送信したり、マウスを動かした時に色を変えたりすることができます。Shcool特に「addEventListener」は必須ですので、しっかり覚えましょう。XML)ここまで来たら勉強すべきことはAjaxになります。Ajaxを利用することで何度もHTTPリクエストを送らずに非同期で通信を行うことができます。Ajaxを利用している技術で有名なのは「GoogleMap」です。Ajaxを教えてくれるWebサービスはあまりないので、是非書籍を買って学習することをオススメします。2016-09-30AmazonKindle楽天ブックス7nethontoe-hon紀伊國屋書店クラスここまで来たらクラスを勉強していきます。ES6からオブジェクト指向プログラミングがJavaScriptでも出来るようになりました。クラスを利用することで大規模開発を行う時にコードの保守性を高めることが出来、再利用性の高いプログラムを作成できます。クラスの勉強を行うには「Progate」がオススメです。月額980円かかります。クラスを使用したオブジェクト指向プログラミングはかなり奥が深く相当難しいです。クラスを利用できるようになっても、「どこでこれを使うんだ?」ということになります。「オブジェクト指向でなぜつくるのか」を呼んでオブジェクト指向の全体感を掴むことをオススメします。