はじめに

昨今は全てjavascriptで実装できるような世の中になりました。
初学者からすると一体どこから手をつけていいのか、全体がどのようになっているのか全くない分からないというのはごく普通のことかと思います。

そんなに精通しているわけではないですが「こんな感じで勉強したらどうだろうか」程度でロードマップを記載します。

事前知識

ざっくりとしたjavascriptの歴史を知って起きましょう。
Ajaxが半端なくて、node.jsが出てきて、仮想DOMが出てきて、フレームワークが出てきたって感じです。

本を1冊読むのが手取り早いです。
「React，Angular，Vue.js，React Nativeを使って学ぶはじめてのフロントエンド開発」
https://amzn.to/2H41rME

※javascriptライブラリはこれだけあるので
Awesome JavaScript : 素晴らしい JavaScript のライブラリ・リソースの数々
https://qiita.com/hatai/items/5bf899bfe8f5d86d2096

1冊本を読んで最低限の文法を勉強しましょう。

「改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで」
https://amzn.to/2FhY4jq

Node.jsとは何かを下記で理解してこちらも本１冊読みましょう。

Node.jsを学ぶ中で必ず押さえておきたいこと
https://qiita.com/i-tanaka730/items/79e8e2c3ceb2bde51436

Node.js超入門[第2版]
https://amzn.to/2FoK5Zt

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

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