JavaScript初心者向け講座 | Kinova

JavaScript初心者向け講座

JavaScript初心者向けの無料プログラミング講座。条件分岐、ループ、配列、オブジェクト、DOM操作などを実践的に学べます。

セクション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で操作する方法
  • 演習:ボタンをクリックすると、テキストが変更される簡単なインタラクションを作成