はじめてのJavaScript (全11回)
ブラウザを操作することができるJavaScriptについて、簡単なゲームを作りながら基礎を学んでいきます。
このレッスンでは JavaScript (ES6) を使用しています。
-
#01 JavaScriptを使ってみよう (01:51)
- 概要
- 学習の進め方
-
#02 ひな形となるファイルを作ろう (02:34)
- index.htmlの作成
- ブラウザでの表示
-
#03 クリックして色を変えてみよう (02:17)
- scriptタグ
- 'use strict';
- 要素の取得
- クリックしたときの処理
- 動作確認
-
#04 コードを詳しく見ていこう (02:54)
- document.getElementById();
- addEventListener();
- function() {}
-
#05 エラーメッセージを読み解こう (02:35)
- デベロッパーツールの見方
- エラーメッセージの読み解き方
-
#06 CSSのクラスを操作してみよう (02:22)
- クラスの作成
- コメント
- classList
- 動作確認
-
#07 定数を使ってみよう (02:14)
- toggle()
- 定数の利用
- 定数を使うメリット
-
#08 divを増やしてみよう (01:45)
- divの追加
- コードの変更
-
#09 divを動的に生成してみよう (02:20)
- divの生成
- divの追加
- 動作確認
-
#10 for文でdivを増やしてみよう (02:48)
- for文
- textContent
-
#11 簡単なゲームを作ってみよう (03:01)
- 乱数の生成
- dataset
- if文
- 動作確認
