新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 Webサイトに動きをつけてみよう (02:28)
- レッスンの概要
- ブラウザ実行環境の確認
-
#02 JavaScriptを書いていこう (02:15)
- cursor
- scriptタグ
- 'use strict';
-
#03 JavaScriptで要素を取得しよう (01:30)
- document.getElementById()
-
#04 イベントリスナーを追加しよう (02:06)
- addEventListener()
-
#05 functionで処理を定義しよう (01:48)
- function
- process
-
#06 textContentでテキストを設定しよう (01:45)
- textContent
- 動作確認
-
#07 スタイルを変化させてみよう (01:35)
- .changed
- transition
-
#08 classListでクラスを操作しよう (01:54)
- classList.add()
- レッスンのまとめ
#01 Webサイトに動きをつけてみよう
補足情報 ブラウザ実行環境で使えるショートカットキーについて
ブラウザ実行環境のエディタ向けに、ショートカットキーを用意しています。以下のリンクにまとめてありますので、ぜひ試してみてください。
https://dotinstall.com/help/903
補足情報 このレッスンについて
このレッスンでは「はじめてのWeb制作」のコードをもとにレッスンを進めていきます。コードの内容について忘れてしまった人は復習しておいてください
https://dotinstall.com/lessons/basic_website
#03 JavaScriptで要素を取得しよう
補足情報 getElementById() について
getElementById() について詳しく知りたい方は以下のレッスンも参考にしてみてください。
https://dotinstall.com/lessons/basic_javascript_dom_v2/52902
#04 イベントリスナーを追加しよう
補足情報 addEventListener() について
addEventListener() について詳しく知りたい方は以下のレッスンも参考にしてみてください。
https://dotinstall.com/lessons/basic_javascript_dom_v2/52905
#05 functionで処理を定義しよう
補足情報 function について
function について詳しく知りたい方は以下のレッスンも参考にしてみてください。
https://dotinstall.com/lessons/basic_javascript_grammer_v2/52220
#06 textContentでテキストを設定しよう
補足情報 textContent について
textContent について詳しく知りたい方は以下のレッスンも参考にしてみてください。
https://dotinstall.com/lessons/basic_javascript_dom_v2/52902
#08 classListでクラスを操作しよう
補足情報 classList.add() について
classList.add() について詳しく知りたい方は以下のレッスンも参考にしてみてください。
https://dotinstall.com/lessons/basic_javascript_dom_v2/52908