JavaScript苦手・・という状況からJavaScript好きになれるロードマップ(多分)
全編ほぼ動画なので、とっても見やすい。挫折しづらい。
全体的な流れとしては、動画見る ▶︎ コードを書いて学習の流れです
個人的に好きなエンジニア系Youtuberのお二人の動画がメインになります
LEVEL ☆ JavaScriptってなに?
そもそもJavaScriptって何?フロントエンドって何してるの?ってレベルを解消
- フロントエンド基礎編 / 約40分
LEVEL ★ JavaScript入門編
JavaScriptをマスターするならHTMLを知っておかないかん by 弊社マネージャー
HTMLの基礎から、JavaScriptの全体像を学習できます。
-
HTML入門編 / 約43分
-
JavaScript入門編 / 約3時間8分
LEVEL ★★ モダンなJavaScriptってなに?
JavaScriptは定期的にアップデートされ、新しい機能が追加されています
特に2015年に大幅なアップデートがあり、2015年以降(ES2015〜)がモダンなJavaScriptと言われています(多分)
基礎を学習してからモダンなJavaScriptを学習すると「なぜそうなったのか」が分かるので、より理解が深まると思います。
- モダンJavaScript入門編 / 約2時間47分
LEVEL ★★★ もっとJavaScript
JavaScriptの全体像を掴んだところで、みんな大好きJavaScript Primerにトライしましょう
RailsチュートリアルのJavaScriptバージョンと思って頂いてOKです。
結構ボリューミーな内容なので、しっかり腰を据えて取り組みましょう
コールバック関数、非同期処理、Promise、async/awaitに詰まったら以下の再生リストがオススメです(絶対詰まる)
LEVEL ★★★★ もっともっとJavaScript
ここまできたら、モダンなJavaScriptライブラリであるReactやVue.jsを触ってみるのも面白いかもしれません
Reactを学ぶならオライリーの新書ハンズオンラーニングがおすすめです。
フロントエンドでトレンドなTypeScriptを学習するならTypeScript学習ロードマップがオススメです
おまけ
JavaScriptの最新情報はJser.infoで追っていきましょう
JavaScriptの豆知識をまとめた再生リスト