JavaScript入門

授業一覧

JavaScript入門① はじめてのJavaScript

2014年12月21日公開

01:00:00

授業概要
チャプター

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

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

■ 対象者

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

■ 事前準備

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

GoogleChrome

https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。

Sublime Text

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

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

http://goo.gl/sif2t5

自己紹介＆アジェンダ
03:37

事前準備について
01:16

JavaScriptとは？
02:32

この授業のゴール
04:23

ページのソースをみる
02:17

実際にプログラムしてみよう：サンプルデータのダウンロード
03:07

Lesson1：JavaScriptを書く場所
01:39

Lesson2：コメントの書き方
02:01

Lesson3：コンソールログの出力方法
03:15

Lesson4：変数
04:00

変数を使うメリット
01:40

Lesson5：データ型
00:50

Lesson6-7：算術演算子と結合演算子
00:40

javascriptで使える演算子
05:10

Lesson8：条件分岐（if文）
08:53

Ｑ：Apacheなどのサーバーを起動する必要はありますか？
00:52

Ｑ：変数なども理解できてきましたが、何か作りたくなっても結局何もできません･･･
00:49

Ｑ：「”」と「'」はどういう時に使い分けるんでしょうか。
00:49

Ｑ：岩田先生が初心者の時に学習したJs入門書はありますか？
01:11

Ｑ：プログラムの書き方ですが、左側に入れるスペースの開け方に決まりはありますか？
00:49

Ｑ：console.logは本来何のために使うのですか？
01:22

Ｑ：コメントを多様しすぎて不具合を起こす事はありますか？
02:03

Ｑ：変数名の付け方に決まりはありますか？
01:27

Ｑ：JavaScriptでは、if文の条件で、＝でも代入にならないのですか。
01:17

Ｑ：岩田先生はバックエンドとフロントエンドのどちらが好きですか？

JavaScript入門② 基本構文編

2014年12月21日公開

01:00:00

授業概要
チャプター

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

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

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

■ 対象者

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

■ 事前準備

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

GoogleChrome

https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。

Sublime Text

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

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

http://goo.gl/sif2t5

自己紹介＆アジェンダ
03:30

事前準備
01:31

この授業のゴール
05:07

実際にプログラムしてみよう：サンプルファイルをダウンロードしよう
01:41

Lesson8：条件分岐（if文）の復習
04:57

実際にif文を書いてみる
02:14

Lesson9：条件の書き方＝真偽値
04:20

Lesson9：条件の書き方＝比較演算子
04:15

Lesson9：条件の書き方＝論理演算子
04:40

Lesson10：条件分岐（条件演算子（=三項演算子））
00:24

Lesson11：条件分岐（switch）
04:37

Lesson12：配列
04:51

Lesson13-14：繰り返し処理（while）と（do while）
03:09

配列と繰り返し処理の組み合わせ
03:23

Lesson15：繰り返し処理（for）
02:40

今回のレポート課題の説明
01:11

Ｑ：配列のデータの最初に空白のダミーデータを入れて、始めに来るデータを擬似的に1個目とカウントするようにしても良いのでしょうか？
00:41

Ｑ：for文の値の前につける＄マークは何ですか？
00:46

Ｑ：フレームワークではできないJavascriptのここぞという出番はどんな時でしょうか。
00:58

Ｑ：書いたコードの間違いを見つけるのに、良い方法がありましたら教えて下さい。
00:57

Ｑ：ループ処理を使うときはfor文とwhile文どちらを使えばいいか判断する基準はありますか？
01:05

Ｑ：先日html5の授業を受けたのですが、javascriptと似ていました。html5とjavascriptの違いは何ですか？

JavaScript入門③ 関数・オブジェクト編

2014年12月23日公開

01:00:00

授業概要
チャプター

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

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

■ 対象者

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

■ 事前準備

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

GoogleChrome

https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。

Sublime Text

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

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

http://goo.gl/sif2t5

自己紹介＆アジェンダ
04:52

事前準備について
01:06

この授業のゴール
03:55

サンプルファイルを開いてみよう
02:46

Lesson16：関数
01:32

関数を実際に使ってみる
03:11

実際にchromeで確認する
02:18

関数が便利な理由
02:36

引数を使ったfunction
03:47

Lesson19：オブジェクト
03:10

オブジェクトに格納できるもの
04:46

【質問】userでくくった内容が「オブジェクト」という認識で大丈夫ですか？
00:30

【質問】関数の外でthisは使えるのですか？使うことあるのですか？
02:48

Lesson17：無名関数
06:08

Ｑ：nameはundefinedにはならないんですか？
01:02

Ｑ：コードで半角スペースを入れるのに、決まりはありますか？
01:38

Ｑ：printNameを引数をろつように改造して、名前や年齢を引数にすることはできますか？
01:50

Ｑ：return(戻り値)の「使い方」、「使うかどうかの判断基準」がよくわからないです。
04:21

Ｑ：プログラムの目の追い方を迷いますが、関数があるとどこに行ったかわかりずらくなるのでコツがあれば教えて下さい。
03:34

Ｑ：全角スペースが混じっているとエラーになることがありますか？

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

2014年12月23日公開

01:00:00

授業概要
チャプター

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

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

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

■ 対象者

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

■ 事前準備

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

GoogleChrome

https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。

Sublime Text

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

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

http://goo.gl/sif2t5

■ 全4回連続授業

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

自己紹介＆アジェンダ
05:51

事前準備について
03:47

Lesson20：DOM操作
08:41

実際に要素を取得してみる
04:29

中身の要素をconsole.logで表示する
04:25

Lesson21：イベント
03:15

複数のイベントを設定してみる
03:20

イベントをchromeで確認してみる
02:31

実際にプログラムを読んでみよう
12:10

Ｑ：pタグの閉じタグは不要ですか？
00:32

Ｑ：facebookのいいねボタンのカウントもこのonClickを使っているのでしょうか?
00:50

Ｑ：ブラウザーのバージョン別対応 JS バージョンは、どの様にすれば分かりますか？
01:06

Ｑ：なぜ「Math」は先頭の文字が大文字なのですか？
02:51

Ｑ：半角で1文字だけ入力すると、「あと◯◯文字まで記入できます」の数字が減らないのですが、自分の環境だけでしょうか？
01:37

Ｑ：JavaScriptのソースを見られないようにはできますか?
01:14

Ｑ：サンプル２で、textBoxを取得すると、textBox.value.lengthというプロパティまで取得できてしまうんですか？
00:41

Ｑ：実際の現場でJavascriptを入力する際は、サイズを軽くするためにcssと同じく外部ファイルにするのが多いのでしょうか？
00:51

Ｑ：ウィンドウを変更すると自動でコンソールの数値が変わるようにできますか？

JavaScript入門

JavaScript入門① はじめてのJavaScript

■ 対象者

■ 事前準備

授業一覧

JavaScript入門① はじめてのJavaScript

■ 対象者

■ 事前準備

JavaScript入門② 基本構文編

■ 対象者

■ 事前準備

JavaScript入門③ 関数・オブジェクト編

■ 対象者

■ 事前準備

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

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

■ 対象者

■ 事前準備

■ 全4回連続授業

こんな人にオススメ

タグ

担当の先生

岩田 宇史

受講生代表

塩原 桜

この授業を受けたい（1975人）

受けたい授業ランキング

初心者が中級WEBデザイナーにレベルアップするためのHTML5/CSS3テクニック15選

ミル文字ヨム文字ミセル文字

センスを言い訳にしない、ビジネスで活きるデッサン教室

月刊：マジ文章書けないんだけど -朝日新聞ベテラン校閲記者が毎月教える一生モノの文章術-

シェアリングエコノミーと私たちの未来を考えよう

続・一歩先を目指す人のための写真撮影実践講座

ゼロから一歩ずつ学ぶ中国語 ーHSK1級を目指すー

中高で何に使うのかよく分からなかった理科の法則を今、学び直す

ビットコイン定点観測分析（2017年9月・10月・11月）

大人気漫画「キングダム」から学ぶ自立とリーダーシップ

新着の生放送授業

iOSアプリ開発実践

なぜアニメはコンテンツビジネスの主力であり続けるのか #4

なぜアニメはコンテンツビジネスの主力であり続けるのか #3

ここで今、私達が「社会の明日」を予測する（2017年11月号／ゲスト：カツセマサヒコ・青木俊介）

【2017年版】さくらのVPS入門

【2017年版】さくらのクラウド入門

ビットコインと中国バブルの経済学入門ー話題の〇〇で理解する、わかりやすい経済のはなし（2017年11月号）

【2017年版】Photoshop入門

Python実践

COBOLシステムのITモダナイゼーション入門

ストレスに悩まない3つの習慣

続・一歩先を目指す人のための写真撮影実践講座

C言語入門

月刊：マジ文章書けないんだけど -朝日新聞ベテラン校閲記者が毎月教える一生モノの文章術-

セプテーニ式広告出稿実践カリキュラム -レポーティング編-

アカデミック・ラブ -愛と恋と人間を、学術的に考察する-

ここが変だよ、日本人の働き方 ー海外から見た日本から考えるこれからの働き方ー

1分でも早く帰りたい人のための時短仕事術

Kotlinで始めるAndroidアプリ開発入門

数学的リテラシー -数的思考を利用して仕事を進める技術-

関連授業

【平成29年度版】情報セキュリティマネジメント試験対策

Python超入門

Git超入門

PHP入門

ネットワーク入門 Cisco Networking Academy -CCNA ITN-

TCP/IPプロトコル入門

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

岩田宇史

塩原桜

ゼロから一歩ずつ学ぶ中国語ーHSK1級を目指すー

ここが変だよ、日本人の働き方　ー海外から見た日本から考えるこれからの働き方ー