前提知識
- JavaScript の基礎文法を一通り学んでいる
- DOM 操作を理解している(JavaScript で HTML の操作ができる)
- コールバック関数を理解している
- 非同期処理(Promise, async/await)を理解している
- Node.js をインストールしている
- 簡単な npm コマンドの操作ができる(例: npm install, npm start など)
- React を多少でも勉強したことがある(書けなくても、読める程度であれば OK)
- Redux を多少でも勉強したことがある(書けなくても、読める程度であれば OK)
上記の 1~6 の知識をおさえている方であれば、「7. React」「8. Redux」を全く勉強したことがない人でも、「予習・勉強会・復習」の中で勉強しながら進められるかなと思います。
React の公式ドキュメントであれば、以下を学習しておけば良いかなと思います。(最後の useContext は余裕があればやるくらいで良い)
Redux に関しては、Redux の公式ドキュメントの Tutorials の「Quick Start」中でも「Redux Toolkit」が使われているので、最初から Redux Toolkit の学習に入っても良いかなと思います。
より Redux の概念を抑えたいという方は、以下について調べてみると良いでしょう。
- Actions
- Reducers
- Store
- State
上記については、以下の記事でも細かくまとめられています。
Front Hacksを受講している方であれば、React や Redux について「動画」「スライド」「演習課題」を通して、基礎的な部分を解説しているので、今一度そちらをご覧いただけたらと思います。
注意点
まず最初に、この勉強会は初心者向けではありません。
React や Redux については、勉強会の中で補足しながら説明していきますが、ゼロから全てを解説するわけではないので、その点ご注意ください。
今回の勉強会に関連する、僕が他に出している学習コンテンツ
つよぽんの学習教材まとめ
JavaScript や HTML,CSS 初心者向けの学習コンテンツは以下のページにまとめているので、そちらをご覧いただけたらと思います。
今回の勉強会で関係あるところで言うと、JavaScript の基礎文法や DOM 操作に関しては「JavaScript 関数ドリル」の特典ページで解説しているので、そちらが参考になるかなと思います。
Node.js 概要
Node.js に関しては、僕のメインサイトである Web 白熱教室の「Facebook グループで共有したコンテンツまとめ」の中にある「Facebook グループに共有した動画まとめ (パスワードは Facebook グループ内で共有)」で「Node.js 概要」という解説動画を用意しています。(約 1 時間の動画)
動画「Node.js 概要」の内容は以下の通りです。
- イントロダクション
- Node.js とは
- Node.js のインストール方法
- Node.js のインストールが完了すると使えるコマンド
- Web ブラウザの一部の機能は Node.js で使えない(逆もまた然り)
- 【ライブコーディング】実際に Node.js を使って、JavaScript ファイルをターミナルで実行する
- 振り返り(47 分過ぎから React や Vue の開発環境を Node.js で整える方法をサンプルで解説)
コールバック関数(一部、非同期処理)
コールバック関数(一部、非同期処理も含む)に関しては、僕が以前書いたブログ記事の中に解説動画を埋め込んでいるので、そちらが参考になるかなと思います。
- 【JavaScript】コールバック関数の基本的な流れを理解する(動画解説付き)
- 【JavaScript】引数付きのコールバック関数の処理の流れを理解する(動画解説付き)
- 【JavaScript】コールバック関数の利用例 - クリック処理(動画解説付き)
- 【JavaScript】コールバック関数の利用例 - 非同期処理(動画解説付き)
HTML&CSS 速習教室(VSCode の環境構築)
Visual Studio Code の環境を整えたい場合の参考記事も共有しておきます。
以下は、以前僕が作った「HTML&CSS 速習教室」という学習サイトの一部コンテンツになりますが、JavaScript や TypeScript の開発でも有効なプラグインの紹介などもしているので参考にしていただけたらと思います。