JavaScriptで5秒当てゲームを作ろう (全9回)
JavaScriptで5秒きっかりを当てるゲームを作っていきます。
このレッスンでは HTML5 / CSS / CSS3 / JavaScript を使用しています。
-
#01 5秒当てゲームを作ってみよう (02:51)
- 完成版の確認
- index.htmlの作成
- styles.cssの作成
- main.jsの作成
-
#02 マークアップをしていこう (02:55)
- htmlのマークアップ
- スタイルの設定
-
#03 ゲーム画面のスタイルを整えよう (02:54)
- ゲーム画面のスタイリング
-
#04 経過時間を取得していこう (02:18)
- clickイベント
- 基準となる時間の取得
-
#05 経過時間を画面に表示しよう (02:33)
- 経過時間の取得
- 経過時間の表示
-
#06 結果に応じてスタイルを変えてみよう (02:30)
- resultのスタイリング
-
#07 ボタンを押し込めるようにしよう (01:54)
- ボタンのスタイリング
-
#08 ゲームの動作を調整していこう (02:08)
- ゲームの状態管理
-
#09 リプレイできるようにしよう (02:44)
- resultのスタイリング
- リプレイ時の動作調整
補足情報 必要となる知識について
今回のレッスンについては以下も参考にしてみてください。
・JavaScript入門 (全24回)
http://dotinstall.com/lessons/basic_javascript_v2