セクション1: 条件分岐とループ
30分if文
- 条件分岐を使った処理の流れ
- else if, elseの使用方法
- 演習:ユーザーの年齢を入力させて、成人か未成年か判定する
forループ & whileループ
- 繰り返し処理の基本
- 数字のリストを生成する簡単なループ
- 演習:1から10までの数字を表示するループを作成
セクション2: 配列とオブジェクト
40分配列
- 配列の作成、要素の追加、削除、アクセス
- 配列のメソッド(push(), pop(), shift(), unshift()など)
- 演習:配列を使って、10人分の名前を格納し、全員の名前を表示する
オブジェクト
- オブジェクトの基本(キーと値)
- オブジェクトのプロパティにアクセスする方法
- 演習:ユーザーの情報(名前、年齢、趣味)をオブジェクトで管理する
セクション3: 関数
30分関数の基本
- 関数宣言と呼び出し
- 引数と戻り値
- 演習:2つの数値を加算する関数を作成
アロー関数
- アロー関数の書き方とその利点
- 演習:map()やfilter()を使って、配列のデータを加工する
セクション4: DOM操作
30分DOMの基本
- document.getElementById()やdocument.querySelector()を使ったDOM操作
- HTML要素をJavaScriptで操作する方法
- 演習:ボタンをクリックすると、テキストが変更される簡単なインタラクションを作成