chevron_left JavaScript入門

JavaScript入門

PREMIUM
第4回

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

2014年12月23日 60min

会員登録して、全てのスライドを見よう

1 / 13

授業の概要

■ 授業概要 全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回の連続授業です。連続授業は、最終回が終了するまで録画授業を無料で受講いただけます

こんな人にオススメ

プログラミングに興味があり、JavaScriptの基本を学びたい方

チャプター

play_arrow
自己紹介&アジェンダ
05:51
play_arrow
事前準備について
03:47
play_arrow
Lesson20:DOM操作
08:41
play_arrow
実際に要素を取得してみる
04:29
play_arrow
中身の要素をconsole.logで表示する
04:25
play_arrow
Lesson21:イベント
03:15
play_arrow
複数のイベントを設定してみる
03:20
play_arrow
イベントをchromeで確認してみる
02:31
play_arrow
実際にプログラムを読んでみよう
12:10
play_arrow
Q:pタグの閉じタグは不要ですか?
00:32
play_arrow
Q:facebookのいいねボタンのカウントもこのonClickを使っているのでしょうか?
00:50
play_arrow
Q:ブラウザーのバージョン別対応 JS バージョンは、どの様にすれば分かりますか?
01:06
play_arrow
Q:なぜ「Math」は先頭の文字が大文字なのですか?
02:51
play_arrow
Q:半角で1文字だけ入力すると、「あと◯◯文字まで記入できます」の数字が減らないのですが、自分の環境だけでしょうか?
01:37
play_arrow
Q:JavaScriptのソースを見られないようにはできますか?
01:14
play_arrow
Q:サンプル2で、textBoxを取得すると、textBox.value.lengthというプロパティまで取得できてしまうんですか?
00:41
play_arrow
Q:実際の現場でJavascriptを入力する際は、サイズを軽くするためにcssと同じく外部ファイルにするのが多いのでしょうか?
00:51
play_arrow
Q:ウィンドウを変更すると自動でコンソールの数値が変わるようにできますか?