JavaScript入門

  • このエントリーをはてなブックマークに追加
JavaScript入門① はじめてのJavaScript
第1回:2014年12月21日公開 01:00:00

JavaScript入門① はじめてのJavaScript

受講する

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

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

■ 対象者

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

■ 事前準備

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

GoogleChrome

Sublime Text

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

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

授業一覧
JavaScript入門① はじめてのJavaScript
2014年12月21日公開
01:00:00

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

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

■ 対象者

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

■ 事前準備

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

GoogleChrome

Sublime Text 

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

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

  • 自己紹介&アジェンダ
  • 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
  • Q:Apacheなどのサーバーを起動する必要はありますか?
  • 00:52
  • Q:変数なども理解できてきましたが、何か作りたくなっても結局何もできません・・・
  • 00:49
  • Q:「”」と「'」はどういう時に使い分けるんでしょうか。
  • 00:49
  • Q:岩田先生が初心者の時に学習したJs入門書はありますか?
  • 01:11
  • Q:プログラムの書き方ですが、左側に入れるスペースの開け方に決まりはありますか?
  • 00:49
  • Q:console.logは本来何のために使うのですか?
  • 01:22
  • Q:コメントを多様しすぎて不具合を起こす事はありますか?
  • 02:03
  • Q:変数名の付け方に決まりはありますか?
  • 01:27
  • Q:JavaScriptでは、if文の条件で、=でも代入にならないのですか。
  • 01:17
  • Q:岩田先生はバックエンドとフロントエンドのどちらが好きですか?
JavaScript入門② 基本構文編
2014年12月21日公開
01:00:00

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

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

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

■ 対象者

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

■ 事前準備

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

GoogleChrome

Sublime Text 

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

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

  • 自己紹介&アジェンダ
  • 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
  • Q:配列のデータの最初に空白のダミーデータを入れて、始めに来るデータを擬似的に1個目とカウントするようにしても良いのでしょうか?
  • 00:41
  • Q:for文の値の前につける$マークは何ですか?
  • 00:46
  • Q:フレームワークではできないJavascriptのここぞという出番はどんな時でしょうか。
  • 00:58
  • Q:書いたコードの間違いを見つけるのに、良い方法がありましたら教えて下さい。
  • 00:57
  • Q:ループ処理を使うときはfor文とwhile文どちらを使えばいいか判断する基準はありますか?
  • 01:05
  • Q:先日html5の授業を受けたのですが、javascriptと似ていました。html5とjavascriptの違いは何ですか?
JavaScript入門③ 関数・オブジェクト編
2014年12月23日公開
01:00:00

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

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

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

■ 対象者

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

■ 事前準備

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

GoogleChrome

Sublime Text 

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

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

JavaScript入門④ DOM操作・イベント編
2014年12月23日公開
01:00:00

■ 授業概要 全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の基本を学びたい方

タグ
担当の先生
受講生代表
  • 塩原 桜

    塩原 桜

    スクー放送部

この授業を受けたい(1975人)
その他 1895人

受けたい授業ランキング

もっと見る

新着の生放送授業

もっと見る

関連授業

生放送授業への参加は無料です
Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
×