ちょっと学ぶプログラミング

JavaScript Base

値と関数から、DOM・イベント、fetch・JSONまで。

第1部　値と流れ

変数・分岐・配列・繰り返し

1値と変数let・const／数値と文字列 2計算と比較+・===／明示的な変換 3条件によって道を選ぶif・else／三項演算子／?? 4配列を読む・増やす添字・length・push 5同じ処理を繰り返すfor…of／continue／break

第2部　データと関数

参照・スコープ・コピー

6オブジェクトと参照プロパティ／同じものを共有する 7関数の入力と戻り値呼び出し／return／既定値 8スコープとクロージャブロック／同名の変数／関数が参照する変数 9分割代入と spread取り出す／コピー／上書きの順番 10関数を渡して配列を加工するアロー関数／map・filter／rest

第3部　例外と非同期

処理の順番

11例外と後片付けthrow・try・catch・finally 12Promise と await後で処理する／待つ範囲／失敗を受け取る

第4部　配列メソッド

Reactにつながる操作

13map・filter で一覧を更新する変換・削除／元の要素との参照 14slice と splice を区別する切り出し／負の添字／元の配列の変更 15find・findIndex・includes1件を探す／位置を探す／含むか調べる 16some・every で条件を調べるどれか／すべて／空配列 17reduce・flatMap・join集計／展開／文字列にまとめる 18sort・reverse とコピー並べ替え／比較関数／元を守る

第5部　読み落としやすい構文

関数・短絡評価・モジュール・Promise

19関数を渡す・呼ぶ・返す関数そのものと戻り値を区別し、アロー関数のreturnを確認する。 20短絡評価と安全なアクセス右側が実行される条件と、式が返す値を別々に追う。 21importとexport名前付きとdefaultを区別する。importされた値は元の公開された変数に結び付く。 22Promiseの値と並行処理Promiseの成功値をawaitで取り出す。allの結果は入力順で、1つの失敗も扱う。

第6部　ブラウザで動かす

DOMの読み書き・入力値・イベントの伝播

23DOMを読んで書き換える要素を探してから読み書きする。DOMの現在値と、取り出した文字列のコピーは別。 24イベントの登録と伝播登録・発火・伝播を追う。既定動作のキャンセルと親への伝播停止を区別する。

第7部　外部データを扱う

JSON・fetch・HTTPエラーと通信エラー

25JSONとJavaScriptの値JSON文字列と解析後の値を区別する。解析に成功しても、必要なデータ構造の検証は別。 26fetchでJSONを受け取る・送るResponseの到着、本文の解析、データの使用を分ける。送信には形式と本文をそろえる。 27HTTPエラーと通信エラーHTTPの状態、通信の失敗、JSONの解析失敗を分けて扱う。

教材の前提

値と関数から、ブラウザのDOM・イベント、fetchとJSONまで。前半は独立した厳格モードのJavaScript、後半は各問で指定するブラウザ環境です。DOM・fetchは実行環境が提供する機能として区別します。

← コース一覧へ

進捗はこのブラウザに保存します。file:// では保存できない場合もありますが、学習は続けられます。

プライバシーポリシー