#はじめに
昨今は全てjavascriptで実装できるような世の中になりました。
初学者からすると一体どこから手をつけていいのか、全体がどのようになっているのか全くない分からないというのはごく普通のことかと思います。
そんなに精通しているわけではないですが「こんな感じで勉強したらどうだろうか」程度でロードマップを記載します。
#事前知識
ざっくりとしたjavascriptの歴史を知って起きましょう。
Ajaxが半端なくて、node.jsが出てきて、仮想DOMが出てきて、フレームワークが出てきたって感じです。
Javascriptの歴史について
https://qiita.com/a_rcsin/items/0a3c8c98c8d703c49a22
仮想DOMについて
https://qiita.com/risagon/items/019942c60e9c3e6c05a5
#勉強の仕方
###ステップ1 全体像を理解しよう
本を1冊読むのが手取り早いです。
「React，Angular，Vue.js，React Nativeを使って学ぶ はじめてのフロントエンド開発」
https://amzn.to/2H41rME
※javascriptライブラリはこれだけあるので
Awesome JavaScript : 素晴らしい JavaScript のライブラリ・リソースの数々
https://qiita.com/hatai/items/5bf899bfe8f5d86d2096
###ステップ2 javascript言語について勉強しよう
1冊本を読んで最低限の文法を勉強しましょう。
「改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで」
https://amzn.to/2FhY4jq
###ステップ3 node.jsについて勉強しよう
Node.jsとは何かを下記で理解してこちらも本１冊読みましょう。
Node.jsを学ぶ中で必ず押さえておきたいこと
https://qiita.com/i-tanaka730/items/79e8e2c3ceb2bde51436
Node.js超入門[第2版]
https://amzn.to/2FoK5Zt
###ステップ4 各種フレームワークについて勉強しよう
3大フレームワークとしてVue,Anguler,Reactがあります。
一般に開発元がAngulerはGoogle、ReactはFacebook、Vueはサードパーティなので、好き嫌いに応じて触ってみましょう。
書籍が充実してきたので本買って読んではいかがでしょうか。
Vue.js
「基礎から学ぶ Vue.js 」
https://amzn.to/2AIfvFV
Anguler
「Angularアプリケーションプログラミング」
https://amzn.to/2QCQyB6
React
「いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック」
https://amzn.to/2QBVBl7
###ステップ5 webだけでなくスマホアプリも作ってみよう
React Nativeで楽に作るスマホアプリ開発入門（基本編）
https://qiita.com/teradonburi/items/355a20e6d32bb719ef76
React Native+Expoではじめるスマホアプリ開発 ~JavaScriptによるアプリ構築の実際~
https://amzn.to/2D3TVNJ
#終わりに
今後のシステム開発に関してjavascriptは欠かせないものなので、終わりなき旅を楽しみましょう...
【参考】2018年の最先端フロントエンドエンジニアになろう
https://qiita.com/rana_kualu/items/5986ceab8fd4e353de1b