JavaScriptを1から勉強し直すときの教材リスト

前提

• 普段はRuby on Railsで開発をしていて
• JavaScriptはjQueryでDOM操作したりとかはできるくらい
• エンジニア歴は1.5年くらい

JavaScriptを1からキャッチアップしたいと思って1ヶ月くらい勉強してきたので、参考にした教材とかをまとめて書いておく👀 おすすめとかあれば教えて下さい🙇‍

• JavaScript Primer Web版
  • JavaScriptの基礎的な構文を学習するのに良かった。演習問題もあって手を動かして学べるのが良い。ネット版は無料で読めて最高
• 【モダンJavaScript #1】新章開幕！最も独学が難しい分野を徹底解説していきます！【フロントエンドエンジニア講座】 - YouTube
  • JavaScriptの歴史をさらっと知っておくのに結構良かった。webpackが出てきた経緯とか、わかりやすい
• りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅰ. 言語・環境編】 - くるみ割り書房 ft. React - BOOTH ... Ⅲまで
  • JavaScriptの思想や歴史、React, TypeScriptをまとめて勉強できてかなり良い
  • 詰め込んでいるので結構読んで内容を理解するのに時間かかった(正月潰れた😊 )
  • 手を動かすというより言語の背景や概念を理解する書籍
• React 実践入門: React の基礎を理解してシンプルなアプリケーションを作る Kindle版
  • 解説も結構薄い(りあクト！と比べると), 手を動かす系の書籍(TODOアプリを作る)
  • とりあえず手を動かすきっかけくらいのノリで買った
  • 関数をアロー関数にしてみたり、tsをちょっと入れてみたりしながら読むといい感じだった
• The Net Ninja - YouTube
  • Reduxとかの復習をしたいときに観ていた。
  • 10min程度の短い動画でサクサク観れて内容も分かりやすいので、結構良かった。
• TypeScriptの型入門 - Qiita
  • 「自分TypeScript全然書けないな」と気づいて、型を書く練習として読んだ
• Next.jsのチュートリアル
  • チュートリアルはかなりライトなだったので、頑張れば1日くらいでできそう
  • Next.js Kenzo Websiteこういうのを作った
• Next.js と TypeScriptでブログを作っている
  • now!

補足：
りあクト！のFirebase編は正直あまりおすすめできない。解説がされていないファイルが多数使用されていたり、書籍の内容のまま進めるとエラーになる箇所がいくつかあって、かなり苦戦する。

ある程度のボリュームになったので、ブログへ移行した。
https://kenzoblog.vercel.app/posts/keep-up-with-js