授業計画 |
| 回数 |
学習目標 |
学習項目 |
| 1 |
JavaScriptの役割、仕組みについて説明できる |
JavaScriptの歴史、動作原理、実行環境について学ぶ |
| 【理解度確認】練習問題、課題 |
| 2 |
簡単なDOM操作ができる |
イベント処理、CSS操作を学習する |
| 【理解度確認】練習問題、課題 |
| 3 |
変数の役割、動作方法について説明できる |
入力した値により表示変更方法を学習する |
| 【理解度確認】練習問題、課題 |
| 4 |
条件分岐を使ったプログラムを作ることができる |
if文を使ったプログラムの作り方を学ぶ |
| 【理解度確認】練習問題、課題 |
| 5 |
表示を変更するプログラムを作ることができる |
モーダル表示、フェードイン、クラス切り替えを学ぶ |
| 【理解度確認】練習問題、課題 |
| 6 |
配列を使ったプログラムを作ることができる |
配列の仕組みと繰り返し処理を学ぶ |
| 【理解度確認】練習問題、課題 |
| 7 |
メソッドを利用したプログラムを作ることができる |
mapメソッドとテンプレートリテラルを学ぶ |
| 【理解度確認】練習問題、課題 |
| 8 |
オブジェクトを理解し利用することができる |
オブジェクト、ネスト、JSONについて学ぶ |
| 【理解度確認】練習問題、課題 |
| 9 |
データ検索プログラムを作成することができる |
入力イベント、リアルタイム表示、filterメソッドを学ぶ |
| 【理解度確認】練習問題、課題 |
| 10 |
非同期処理の説明ができる |
fetch,async/awaitを使用したAPI連携を学ぶ |
| 【理解度確認】練習問題、課題 |
| 11 |
function宣言を使った関数を作ることができる |
関数の定義方法を学ぶ |
| 【理解度確認】練習問題、課題 |
| 12 |
関数が返す値を使った処理を作ることができる |
returnの意図、エラーの起きにくい関数の作成について学ぶ |
| 【理解度確認】練習問題、課題 |
| 13 |
メソッドと関数の違いを説明できる |
関数とメソッドの違いについて学ぶ |
| 【理解度確認】練習問題、課題 |
| 14 |
外部ファイルを取得する必要性について説明できる |
外部データを取得する目的、その取得方法について学ぶ |
| 【理解度確認】練習問題、課題 |
| 15 |
JSONを使って外部データを取得しWebページに活用することができる |
JSONの記述方法、サーバーからの取得方法について学ぶ |
| 【理解度確認】練習問題、課題 |
