コースイントロダクション
  • このコースについて
  • 受講オリエンテーション
  • 補足:受講オリエンテーション
  • 学習環境を準備しよう①
  • 学習環境を準備しよう②
JavaScriptの基本を習得しよう
  • イントロダクション-JavaScriptの基本を習得しよう
  • よくあるご質問(必ずご確認ください)
  • 補足:自動生成されるmeta要素について
  • はじめてのJavaScriptプログラムを実行しよう①
  • はじめてのJavaScriptプログラムを実行しよう②
  • 外部ファイルに記述しよう
  • JavaScriptとは
  • プログラムをコメントアウトしよう
  • 自力でエラーを取り除けるようになろう
  • リテラルについて理解しよう
  • エスケープシーケンスを使おう
  • 変数と定数を使い分けよう
  • データ型について理解しよう
  • 基本的な演算子を使おう
  • 演算子の優先順位を理解しよう
  • 文字列結合とテンプレートリテラルを使おう
  • 複合代入演算子を使おう
  • 演習問題: 演算子
  • インクリメントとデクリメントを使おう
  • 条件分岐を記述しよう if / else
  • より複雑な条件分岐を記述しよう else if
  • 型変換をしよう
  • boolean型を使おう
  • == と ===の違いを理解しよう
  • 演習問題: 条件分岐
  • 論理演算子を使おう
  • 条件分岐の入れ子を使おう
  • 条件分岐switchを使おう
  • 演習: switch
  • nullとundefinedを理解しよう
  • 三項演算子を使おう
JavaScriptの基本を習得しよう 2
  • イントロダクション
  • 関数とは何か理解しよう
  • function命令を使おう
  • 関数リテラルを使おう
  • Functionコンストラクターを使おう
  • アロー関数を使おう
  • 演習問題:関数
  • コールバック関数
  • 配列について理解しよう
  • 配列を操作しよう
  • オブジェクトを使おう
  • オブジェクトメソッドを使おう
  • 繰り返し処理forを使おう
  • ループの入れ子を使おう
  • 繰り返し処理whileを使おう
  • 繰り返し処理do whileを使おう
  • 繰り返し処理forEachを使おう
  • 繰り返し処理for...ofを使おう
  • 演習:配列、ループ
DOM操作: ウェブサイトを動的に書き換えよう
  • イントロダクション
  • DOMとは何か知ろう
  • 要素ノードを取得しよう
  • テキストの置換をしよう
  • 属性値を取得しよう
  • 属性の追加、更新、削除をしよう
  • タグ名で要素を取得しよう
  • name属性で要素を取得しよう
  • クラス名で要素を取得しよう
  • セレクタで要素を取得しよう
  • 要素の追加と削除をしよう
  • Windowオブジェクトを使おう
イベント処理を理解しよう
  • イントロダクション
  • イベントハンドラを登録しよう
  • イベントハンドラの削除
  • changeイベントを利用してイベントハンドラを実行しよう
  • DOMContentLoadedイベントとonloadイベントを使おう
  • 演習:数取器(カウンター)を作ろう
実践:文字数カウンターを開発しよう
  • イントロダクション
  • HTML側を実装しよう
  • 入力文字数をコンソールに表示しよう
  • 文字数の表示部分を実装しよう
  • 細かい部分の仕上げをしよう
実践:フォトギャラリーを開発しよう
  • イントロダクション
  • 画像データを準備しよう
  • HTML側を実装しよう
  • メイン画像と説明文を表示しよう
  • サムネイルを表示しよう
  • スタイルを設定しよう
  • クリックしたサムネイル画像をメイン画像に設定しよう
【旧版】コース紹介(サポートのため一定期間公開中)
  • 旧版のレクチャーについて
  • 【旧版】このコースについて
  • 【旧版】受講オリエンテーション
【旧版】Javascriptとは(サポートのため一定期間公開中)
  • 【旧版】はじめに
  • 【旧版】Javasctiptとは
  • 【旧版】Javascriptの歴史