おためし受講中

JavaScript入門④ DOM操作・イベント編

■ 授業概要 全4回の第4回

JavaScriptの入門授業です。JavaScriptを使うとWebページに動きを与える事ができ、より使いやすいWebサイトを実現したり、簡単なゲームを作成することが出来るようになります。

全4回で、下記JavaScriptの基本を身につけます。

  • JavaScriptでできること
  • 変数
  • 演算子
  • データ型
  • 条件分岐
  • 繰り返し処理
  • 配列
  • 関数
  • オブジェクト
  • DOM操作
  • JQueryの利用

■ 対象者

  • HTML/CSS について基本的な理解のある方
  • プログラミングに興味があり、JavaScriptの基本を学びたい方

■ 事前準備

この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。

GoogleChrome

Sublime Text 

  • http://www.sublimetext.com/
  • 人気のテキストエディタです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利です。
  • 使い慣れているエディタがあれば、そちらをご利用いただいても構いません。

サンプルファイル(ダウンロードしておいて下さい) 

■ 全4回連続授業

※ 本授業は、全4回の連続授業です。連続授業は、最終回が終了するまで録画授業を無料で受講いただけます

学生代表

  • 塩原 桜

    塩原 桜

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    05:51  (00:13 ~ )
    事前準備について
    03:47  (06:04 ~ )
    Lesson20:DOM操作
    08:41  (09:51 ~ )
    実際に要素を取得してみる
    04:29  (18:32 ~ )
    中身の要素をconsole.logで表示する
    04:25  (23:01 ~ )
    Lesson21:イベント
    03:15  (27:26 ~ )
    複数のイベントを設定してみる
    03:20  (30:41 ~ )
    イベントをchromeで確認してみる
    02:31  (34:01 ~ )
    実際にプログラムを読んでみよう
    12:10  (36:32 ~ )
    【後半】質疑応答
    Q:pタグの閉じタグは不要ですか?
    00:32  (48:42 ~ )
    Q:facebookのいいねボタンのカウントもこのonClickを使っているのでしょうか?
    00:50  (49:14 ~ )
    Q:ブラウザーのバージョン別対応 JS バージョンは、どの様にすれば分かりますか?
    01:06  (50:04 ~ )
    Q:なぜ「Math」は先頭の文字が大文字なのですか?
    02:51  (51:10 ~ )
    Q:半角で1文字だけ入力すると、「あと◯◯文字まで記入できます」の数字が減らないのですが、自分の環境だけでしょうか?
    01:37  (54:01 ~ )
    Q:JavaScriptのソースを見られないようにはできますか?
    01:14  (55:38 ~ )
    Q:サンプル2で、textBoxを取得すると、textBox.value.lengthというプロパティまで取得できてしまうんですか?
    00:41  (56:52 ~ )
    Q:実際の現場でJavascriptを入力する際は、サイズを軽くするためにcssと同じく外部ファイルにするのが多いのでしょうか?
    00:51  (57:33 ~ )
    Q:ウィンドウを変更すると自動でコンソールの数値が変わるようにできますか?
      (58:24 ~ )

    生放送授業への参加は無料です
    Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
    ×