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本の動画(約42分48秒)

CHAPTER 1

JavaScript基礎③

LESSON . 1 引数を使用する00:14:37
LESSON . 2 JavaScriptを外部化する00:08:17
LESSON . 3 windowオブジェクトを使用する00:08:41
LESSON . 4 さまざまなウィンドウを開く00:11:13

動画で見る
WATCH ON MOVIE

OTHER COURSES OF THIS EXPERT

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

SIMILAR COURSE CURRICULUM

同じ分野のコース

VBA実践基礎コース
04:36:39 / 280 VIEWS
VBA実践基礎コース
ryochan
10,800(税込)
誰でもわかるAdobe After Effects CC
02:03:14 / 895 VIEWS
誰でもわかるAdobe After Effects CC
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのHTML5② HTML5概要と書式(2)
00:45:20 / 505 VIEWS
はじめてのHTML5② HTML5概要と書式(2)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
プログラミングで科学を学ぼう! Vol. 9
02:00:06 / 937 VIEWS
プログラミングで科学を学ぼう! Vol. 9
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
ビスケットファシリテータ講習
01:34:29 / 1K VIEWS
ビスケットファシリテータ講習
デジタルポケット
8,000(税込)
誰でもわかるMicrosoft Access 2013
02:26:44 / 686 VIEWS
誰でもわかるMicrosoft Access 2013
アテイン株式会社
3,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

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

はじめてのJavaScript JavaScript基礎⑦
00:40:44 / 509 VIEWS
はじめてのJavaScript JavaScript基礎⑦
デジハリ・オンラインスクール
プレミアムメンバー限定 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 / 297 VIEWS
UXデザイン 最初の一歩〜ユーザビリティテスト観察体験
Shin Hagimoto
3,000(税込)
1892805-4cab8b955c0bbf0b716eca3a83a329d02d830103-51372002.JPG

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

プログラミングで科学を学ぼう! Vol. 1 前編
02:38:54 / 2K VIEWS
プログラミングで科学を学ぼう! Vol. 1 前編
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg

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

はじめてのAfterEffects・Premiere③ 企業イメージビデオを作る(Premiere基礎)(1)
00:41:53 / 634 VIEWS
はじめてのAfterEffects・Premiere③ 企業イメージビデオを作る(Premiere基礎)(1)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
Webデザイン必須アプリ習得(Adobe CC)& HTML5教材パック
12:40:39 / 1K VIEWS
Webデザイン必須アプリ習得(Adobe CC)& HTML5教材パック
アテイン株式会社
12,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのAfterEffects・Premiere⑧ ロゴアニメ制作(AE基礎)(3)
00:34:29 / 472 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

Scratchで学ぶ科学的思考プログラミング 後編
01:23:21 / 1K VIEWS
Scratchで学ぶ科学的思考プログラミング 後編
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
誰でもわかるAdobe Dreamweaver CC
02:51:38 / 710 VIEWS
誰でもわかるAdobe Dreamweaver CC
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのHTML5⑤ HTML5の新しい要素と属性(3)
00:51:58 / 516 VIEWS
はじめてのHTML5⑤ HTML5の新しい要素と属性(3)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
誰でもわかる Adobe Photoshop CC 2018
03:27:45 / 1K VIEWS
誰でもわかる Adobe Photoshop CC 2018
アテイン株式会社
3,600(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
FileMaker Pro 14 基礎編
01:54:12 / 1K VIEWS
FileMaker Pro 14 基礎編
アテイン株式会社
3,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

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

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

はじめてのAfterEffects・Premiere① はじめに
00:17:59 / 540 VIEWS
はじめてのAfterEffects・Premiere① はじめに
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
WebデザインのためのPhotoshop実践講座
11:07:19 / 1K VIEWS
WebデザインのためのPhotoshop実践講座
nestonline
4,200(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png

▲ページトップへ

フォルダ選択

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

新規フォルダ作成

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

フォルダーのカラー設定

新規フォルダ作成

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

▲ページトップへ