Welcome to GoGetterz!
あなたを変える学びを Live Your Passion!

このコースはプレミアムメンバー登録をしていただくと、ご覧いただけます。
プレミアムメンバーは、10日間無料でお試しいただけますので、
まだメンバーでない方は、是非この機会にプレミアムメンバーの特典をお試しください。
下のボタンより詳細をお確かめください。

すでにプレミアムメンバー登録されている方はログインしていただくと、プレミアムメンバー限定動画をご視聴いただけます。

プレミアムメンバーとは?
About Premium Members

  • GoGetterz
  • はじめてのJavaScript JavaScript基礎②
はじめてのJavaScript JavaScript基礎②

はじめてのJavaScript JavaScript基礎②

~Web構築必須スキルの基礎が学べる~

COURSE SUMMARY

コースの概要

JavaScriptは世界で最も広く使われているプログラミング言語。 特に、Webのフロントエンジニアには欠かすことのできない必修スキルのひとつです。 本講座では、これからの時代を生きるクリエイターの基礎知識としてのJavaScriptの基本的な記述方法や構文学び、 優れたユーザーエクスペリエンスをもたらすWebサイトの制作を目指します。

 

■ コースの内容(①〜⑦の全7回で配信)

avaScriptの概要

JavaScriptで使用する用語について

JavaScriptの記述の準備

documentオブジェクトを使用する

JavaScript非対応のブラウザに対しての記述

プロパティを使用する

イベントハンドラを使用する

JavaScriptを関数化する

引数を使用する

JavaScriptを外部化する

windowオブジェクトを使用する

さまざまなウィンドウを開く

変数を使用する

if文を使用する(1)

if文を使用する(2)

if文を使用する(3)

イベントハンドラを使用した関数を実行する

for文を使用する(1)

for文を使用する(2)

Dateオブジェクトを使用する(1)

Dateオブジェクトを使用する(2)

配列を使用する

getElementById()メソッドを使用する(1)

getElementById()メソッドを使用する(2)

画像のプリロードを行う

JavaScriptを外部化する

ABOUT EXPERT

エキスパートについて

デジハリ・オンラインスクールは、日本初の産学協同デジタル専門スクール「デジタルハリウッド」が運営するオンラインスクールです。

1994年10月、時代に先駆けて「デジタルハリウッド」が設立されてから、卒業生は累計9万人を超え、そのネットワークは業界の隅々まで浸透しています。ほとんどの受講生が初心者だった時代から教えてきたデジハリだからこそ、初心者をプロに転身させる教育ノウハウを持っています。

TARGET AUDIENCE

こんな方向け

・制作関連職についているがスクリプトが苦手な方
・Webデザイナーとしてステップアップしたい方

COURSE REQUIREMENTS

受講にあたって必要なもの

・HTML5/CSS3の基本スキルをお持ちの方が対象です

COURSE CURRICULUM

全4レッスン 4本の動画(約40分2秒)

CHAPTER 1

JavaScript基礎②

LESSON . 1 JavaScript非対応のブラウザに対しての記述00:07:54
LESSON . 2 プロパティを使用する00:09:12
LESSON . 3 イベントハンドラを使用する00:12:20
LESSON . 4 JavaScriptを関数化する00:10:36

動画で見る
WATCH ON MOVIE

OTHER COURSES OF THIS EXPERT

このエキスパートの他のコース

はじめてのJavaScript JavaScript基礎①
00:47:33 / 848 VIEWS
はじめてのJavaScript JavaScript基礎①
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのPhotoshop ③ 【チュートリアル】画像の補正(1)
00:48:42 / 691 VIEWS
はじめてのPhotoshop ③ 【チュートリアル】画像の補正(1)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのAfterEffects・Premiere③ 企業イメージビデオを作る(Premiere基礎)(1)
00:41:53 / 667 VIEWS
はじめてのAfterEffects・Premiere③ 企業イメージビデオを作る(Premiere基礎)(1)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのAfterEffects・Premiere⑥ ロゴアニメ制作(AE基礎)(1)
00:34:41 / 649 VIEWS
はじめてのAfterEffects・Premiere⑥ ロゴアニメ制作(AE基礎)(1)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのPhotoshop ① 【チュートリアル】Photoshopの基本操作(1)
00:34:47 / 611 VIEWS
はじめてのPhotoshop ① 【チュートリアル】Photoshopの基本操作(1)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのHTML5① HTML5概要と書式(1)
00:40:13 / 609 VIEWS
はじめてのHTML5① HTML5概要と書式(1)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのAfterEffects・Premiere② CM映像を制作してみよう
00:43:57 / 608 VIEWS
はじめてのAfterEffects・Premiere② CM映像を制作してみよう
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのIllustrator ①  【チュートリアル】Illustratorの基本操作
01:11:55 / 589 VIEWS
はじめてのIllustrator ①  【チュートリアル】Illustratorの基本操作
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのHTML5⑥ 今までのHTMLとの相違点
00:23:47 / 575 VIEWS
はじめてのHTML5⑥ 今までのHTMLとの相違点
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのAfterEffects・Premiere① はじめに
00:17:59 / 558 VIEWS
はじめてのAfterEffects・Premiere① はじめに
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのHTML5③ HTML5の新しい要素と属性(1)
00:41:58 / 548 VIEWS
はじめてのHTML5③ HTML5の新しい要素と属性(1)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのJavaScript JavaScript基礎⑤
00:36:50 / 543 VIEWS
はじめてのJavaScript JavaScript基礎⑤
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのPhotoshop ⑦ 【チュートリアル】画像の補正(5)
00:37:45 / 543 VIEWS
はじめてのPhotoshop ⑦ 【チュートリアル】画像の補正(5)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのHTML5⑤ HTML5の新しい要素と属性(3)
00:51:58 / 533 VIEWS
はじめてのHTML5⑤ HTML5の新しい要素と属性(3)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのJavaScript JavaScript基礎⑦
00:40:44 / 532 VIEWS
はじめてのJavaScript JavaScript基礎⑦
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのJavaScript JavaScript基礎③
00:42:48 / 532 VIEWS
はじめてのJavaScript JavaScript基礎③
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのJavaScript JavaScript基礎④
00:42:49 / 528 VIEWS
はじめてのJavaScript JavaScript基礎④
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのHTML5④ HTML5の新しい要素と属性(2)
00:45:10 / 527 VIEWS
はじめてのHTML5④ HTML5の新しい要素と属性(2)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのHTML5② HTML5概要と書式(2)
00:45:20 / 526 VIEWS
はじめてのHTML5② HTML5概要と書式(2)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのAfterEffects・Premiere⑤ 企業イメージビデオを作る(Premiere基礎)(3)
00:43:49 / 525 VIEWS
はじめてのAfterEffects・Premiere⑤ 企業イメージビデオを作る(Premiere基礎)(3)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのJavaScript JavaScript基礎⑥
00:31:42 / 522 VIEWS
はじめてのJavaScript JavaScript基礎⑥
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのIllustrator ⑦ 【ワーク】様々なアイコン作成(Webアイコン/標識など)
00:52:18 / 503 VIEWS
はじめてのIllustrator ⑦ 【ワーク】様々なアイコン作成(Webアイコン/標識など)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

 はじめてのAfterEffects・Premiere④ 企業イメージビデオを作る(Premiere基礎)(2)
00:37:46 / 503 VIEWS
はじめてのAfterEffects・Premiere④ 企業イメージビデオを作る(Premiere基礎)(2)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

  はじめてのPhotoshop ② 【チュートリアル】Photoshopの基本操作(2)
00:40:11 / 501 VIEWS
はじめてのPhotoshop ② 【チュートリアル】Photoshopの基本操作(2)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのAfterEffects・Premiere⑧ ロゴアニメ制作(AE基礎)(3)
00:34:29 / 495 VIEWS
はじめてのAfterEffects・Premiere⑧ ロゴアニメ制作(AE基礎)(3)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのPhotoshop ⑤ 【チュートリアル】画像の補正(3)
00:37:55 / 490 VIEWS
はじめてのPhotoshop ⑤ 【チュートリアル】画像の補正(3)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのIllustrator ⑥  【チュートリアル】ペンツールでの描画(2)
00:41:26 / 486 VIEWS
はじめてのIllustrator ⑥  【チュートリアル】ペンツールでの描画(2)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのPhotoshop ⑥ 【チュートリアル】画像の補正(4)
00:50:49 / 470 VIEWS
はじめてのPhotoshop ⑥ 【チュートリアル】画像の補正(4)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

  はじめてのIllustrator ④  【チュートリアル】描画ツールでの描画(3)
00:39:35 / 467 VIEWS
はじめてのIllustrator ④  【チュートリアル】描画ツールでの描画(3)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

  はじめてのPhotoshop ④ 【チュートリアル】画像の補正(2)
00:39:10 / 464 VIEWS
はじめてのPhotoshop ④ 【チュートリアル】画像の補正(2)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのAfterEffects・Premiere⑦ ロゴアニメ制作(AE基礎)(2)
00:31:56 / 459 VIEWS
はじめてのAfterEffects・Premiere⑦ ロゴアニメ制作(AE基礎)(2)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

  はじめてのIllustrator ③  【チュートリアル】描画ツールでの描画(2)
00:47:14 / 453 VIEWS
はじめてのIllustrator ③  【チュートリアル】描画ツールでの描画(2)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

SIMILAR COURSE CURRICULUM

同じ分野のコース

誰でもわかるAdobe After Effects CC
02:03:14 / 915 VIEWS
誰でもわかるAdobe After Effects CC
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのHTML5② HTML5概要と書式(2)
00:45:20 / 526 VIEWS
はじめてのHTML5② HTML5概要と書式(2)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
VBA実践基礎コース
04:36:39 / 298 VIEWS
VBA実践基礎コース
ryochan
10,800(税込)
プログラミングで科学を学ぼう! Vol. 9
02:00:06 / 960 VIEWS
プログラミングで科学を学ぼう! Vol. 9
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
誰でもわかるMicrosoft Access 2013
02:26:44 / 696 VIEWS
誰でもわかるMicrosoft Access 2013
アテイン株式会社
3,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのJavaScript JavaScript基礎①
00:47:33 / 848 VIEWS
はじめてのJavaScript JavaScript基礎①
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
ビスケットファシリテータ講習
01:34:29 / 1K VIEWS
ビスケットファシリテータ講習
デジタルポケット
8,000(税込)
コンピュータ入門講座 (全4巻のセットコース)
04:06:39 / 478 VIEWS
コンピュータ入門講座 (全4巻のセットコース)
アテイン株式会社
7,200(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
誰でもわかる 映像・音声コーデック【動画制作の為の基礎知識】
00:52:32 / 900 VIEWS
誰でもわかる 映像・音声コーデック【動画制作の為の基礎知識】
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのJavaScript JavaScript基礎⑦
00:40:44 / 532 VIEWS
はじめてのJavaScript JavaScript基礎⑦
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのIllustrator ⑦ 【ワーク】様々なアイコン作成(Webアイコン/標識など)
00:52:18 / 503 VIEWS
はじめてのIllustrator ⑦ 【ワーク】様々なアイコン作成(Webアイコン/標識など)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
Adobe Dreamweaver CS6使い方講座
02:22:09 / 1K VIEWS
Adobe Dreamweaver CS6使い方講座
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
UXデザイン 最初の一歩〜ユーザビリティテスト観察体験
05:04:30 / 320 VIEWS
UXデザイン 最初の一歩〜ユーザビリティテスト観察体験
Shin Hagimoto
3,000(税込)
1892805-4cab8b955c0bbf0b716eca3a83a329d02d830103-51372002.JPG

はじめてのPhotoshop ⑤ 【チュートリアル】画像の補正(3)
00:37:55 / 490 VIEWS
はじめてのPhotoshop ⑤ 【チュートリアル】画像の補正(3)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

プログラミングで科学を学ぼう! Vol. 1 前編
02:38:54 / 2K VIEWS
プログラミングで科学を学ぼう! Vol. 1 前編
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
Webデザイン必須アプリ習得(Adobe CC)& HTML5教材パック
12:40:39 / 1K VIEWS
Webデザイン必須アプリ習得(Adobe CC)& HTML5教材パック
アテイン株式会社
12,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのAfterEffects・Premiere③ 企業イメージビデオを作る(Premiere基礎)(1)
00:41:53 / 667 VIEWS
はじめてのAfterEffects・Premiere③ 企業イメージビデオを作る(Premiere基礎)(1)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのAfterEffects・Premiere⑧ ロゴアニメ制作(AE基礎)(3)
00:34:29 / 495 VIEWS
はじめてのAfterEffects・Premiere⑧ ロゴアニメ制作(AE基礎)(3)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
誰でもわかる Android 6.0 Marshmallow アプリ開発入門【Android Studio対応】
06:31:20 / 1K VIEWS
誰でもわかる Android 6.0 Marshmallow アプリ開発入門【Android Studio対応】
IT研究所 荒川栄一郎
6,000(税込)
3361-d0b57c43c900558d2ca6e7a76ebce94036019233-50051725.png
誰でもわかるAdobe Dreamweaver CC
02:51:38 / 721 VIEWS
誰でもわかるAdobe Dreamweaver CC
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのHTML5⑤ HTML5の新しい要素と属性(3)
00:51:58 / 533 VIEWS
はじめてのHTML5⑤ HTML5の新しい要素と属性(3)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

Scratchで学ぶ科学的思考プログラミング 後編
01:23:21 / 1K VIEWS
Scratchで学ぶ科学的思考プログラミング 後編
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
FileMaker Pro 14 基礎編
01:54:12 / 1K VIEWS
FileMaker Pro 14 基礎編
アテイン株式会社
3,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのJavaScript JavaScript基礎⑤
00:36:50 / 543 VIEWS
はじめてのJavaScript JavaScript基礎⑤
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
誰でもわかる Adobe Photoshop CC 2018
03:27:45 / 1K VIEWS
誰でもわかる Adobe Photoshop CC 2018
アテイン株式会社
3,600(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Adobe Dreamweaver CC(上中下3巻セット)
03:09:08 / 560 VIEWS
Adobe Dreamweaver CC(上中下3巻セット)
アテイン株式会社
3,600(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Adobe Fireworks CS6使い方講座
01:27:53 / 883 VIEWS
Adobe Fireworks CS6使い方講座
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
【情報セキュリティ基礎】ハッカーの視点から見るセキュリティ対策の必要性
01:01:17 / 270 VIEWS
【情報セキュリティ基礎】ハッカーの視点から見るセキュリティ対策の必要性
阿部ひろき
2,400(税込)
1892902-070f7cd97fbf37e07f2a4ca1dab00af67f7a7db1-04571609.png

はじめてのPhotoshop ③ 【チュートリアル】画像の補正(1)
00:48:42 / 691 VIEWS
はじめてのPhotoshop ③ 【チュートリアル】画像の補正(1)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
誰でもわかるFlash Professional CS5使い方講座
03:12:16 / 835 VIEWS
誰でもわかるFlash Professional CS5使い方講座
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
WebデザインのためのPhotoshop実践講座
11:07:19 / 1K VIEWS
WebデザインのためのPhotoshop実践講座
nestonline
4,200(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png

はじめてのAfterEffects・Premiere① はじめに
00:17:59 / 558 VIEWS
はじめてのAfterEffects・Premiere① はじめに
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

▲ページトップへ

フォルダ選択

選択したコースを
に追加してもよろしいですか?

新規フォルダ作成

タイトルを入力(255字まで)

フォルダーのカラー設定

新規フォルダ作成

本当にこの を削除しますか?

▲ページトップへ