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回連続授業

こんな人にオススメ

タグ

担当の先生

岩田 宇史

受講生代表

塩原 桜

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

受けたい授業ランキング

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

相手を課題解決へと導く「質問力」の鍛え方

意思決定力を磨く-将来出会うかもしれない“人生選択”ワークショップ-

サキヨミVR ーVR・ARの未来を考えるー

コピーは世界を変える -一流コピーライターから学ぶ、言葉を紡ぐチカラ-

事例で学ぶモチベーション向上の法則【2017年7・8月】

わかばちゃんと動画で学ぶ Git超入門

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

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

パターン・ランゲージ：慶応義塾大学SFCの1年生が教わる、生き方・学び方の技法

新着の生放送授業

Ruby on Rails 入門

iOSアプリ開発入門

わかばちゃんと動画で学ぶ Git超入門

これからのお金の話をしよう―ビットコイン、CASH、資産運用、そして・・・

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

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

チームビルディング

管理職のための組織運営力

消費増税の再引き上げは本当に正しいのか－話題の〇〇で理解する、わかりやすい経済のはなし（2017年9月号）

話題の〇〇で理解する、わかりやすい経済のはなし（2017年11月号）

話題の〇〇で理解する、わかりやすい経済のはなし（2017年10月号）

パターン・ランゲージ：慶応義塾大学SFCの1年生が教わる、生き方・学び方の技法

ここで今、私達が「社会の明日」を予測する（2017年9月号／ゲスト：古川健介・モリジュンヤ）

ここで今、私達が「社会の明日」を予測する（2017年10月号）

ここで今、私達が「社会の明日」を予測する（2017年11月号）

カイシャの仕組み-毎月学ぶ起業・経営・ビジネスモデル-（2017年9月号）

カイシャの仕組み-毎月学ぶ起業・経営・ビジネスモデル-（2017年10月号）

カイシャの仕組み-毎月学ぶ起業・経営・ビジネスモデル-（2017年11月号）

成果を最大化するマーケティングオートメーション

ブランディングのためのエクスペリエンスデザイン

関連授業

今さら聞けない「ビットコイン」とは何か

Python超入門

わかばちゃんと動画で学ぶ Git超入門

システムエンジニアのための文章力を向上させるコツ

サキヨミVR ーVR・ARの未来を考えるー

JavaScript入門

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

岩田宇史

塩原桜

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