JavaScript
Node.js
AngularJS
vue.js
React

はじめに

昨今は全て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とは何かを下記で理解してこちらも本1冊読みましょう。

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