フロントエンドエンジニアとして転職し実務をするために、Webフロントエンドを集中的に学習することにしました。
期間
2021年10月15日~2021年10月31日
目標
- JavaScript(ES2015)の機能を実装レベルで具体的に理解する。
- Webブラウザの仕組みと機能について知識を補う。
- ネットワーク、HTTP通信あたりの不足知識をあらためてカバーしておく。
- 11月にReact学習に本格着手するための基礎をつくる。
- Gitの取り消しや退避などの操作をほぼしたことがないので理解して慣れておく。
- クライアントサイドだけのTodoアプリつくってWebアプリの構造、設計の知識をつける。
Todo
JS(ES2015)基礎
改訂新版 JavaScript 本格入門 ~モダンスタイルによる基礎から現場での応用までをひと通り読みながら言語の基礎理解をする。手を動かした方がいいと思う部分はそうする。情報が古いかもしれないのでトピックごとに並行して別の情報源を参照する。
- https://developer.mozilla.org/ja/
- 基礎をきちんと知るならJSのところだけでも1度は通しで読んでおきたい。現状はときどき断片的に読んでいるだけ。
- https://ja.javascript.info/
- 1つ1つのトピックをコンパクトかつ実践的に学習できる気がする。なにそれ?状態を潰していくにはかなりいい。
全体の基礎づくりを意識する。
クライアントサイドWebアプリ基礎
クライアントサイドのWebアプリの知識つけるためにTodoアプリくらいは作っておく。
- https://jsprimer.net/
- ここのTodoアプリの章はアプリの基本構造の理解に使えそうだから読んで手を動かしておきたい。
学習記録
https://docs.google.com/spreadsheets/d/1WqIx9EdatCwnUDxSCKUnnKaW3srz3y6XpVM1I_YfL2o/edit?usp=sharing
次の目標
11月の目標
- ビルドのプロセスや手法を学習しておく。Webpackを使えるようにしておく。
- フロントエンドフレームワークのReactを本格的に学習する。
- CSSを知識を広げておく。flexboxとかSassとかBootstrapとか。
その他、参考にする情報
- https://roadmap.sh/frontend
- Webフロントエンド開発のための全体的な視点得るのに参考になる。
- CodeGrid
- フロントエンドやるなら課金してでも読みたい記事は多い。
振り返り
できた
- JavaScript本格入門を1冊読み切った。
- 浅くばらつきがあった知識を広く体系的なものにアップデートできた。
- JavaScriptの特徴、柔軟さ、それゆえの厄介さなどについて以前よりもわかった気がする。
- JavaScriptによる非同期通信について理解度が上がった。
できなかった
- jsprimerのTodoアプリ作成には着手できなかった。
- gitの取り消し系操作に慣れるための作業ができなかった。
- サンプルコードを読むだけになってしまったので実践的なコードを書けていない。
- 言語の仕様や機能を知ることはできたかもしれないが、利用シーンや利用方法は場数を増やさないときちんと身につかないと思った。
- ネットワークやHTTPにテーマを絞った学習は十分にはできていない。
- 学習計画で設定した時間を確保できていないし、1週間遅れた。計画が下手なのか実行ができてないのか反省。。。