JavaScript入門

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

JavaScript入門 はじめてのJavaScript

受講する

この授業ではJavascriptの基本構文を学ぶことが出来ます。

「プログラミングの経験は無いけれど、HTMLとCSSを触るだけのウェブデザイナ・マークアップエンジニアから一歩踏み出して、ウェブサイト上でもっといろいろなことができるようになりたい!」という方にオススメの授業です。

■ 事前準備

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

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

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

サンプルファイル
この授業では以下のサンプルファイルを使用します。事前にダウンロードしておいて下さい。(授業中 25分20秒に 外部リンク:http://embed.plnkr.co/pLa8yTzK3htdiDRVm8KY/index.html として紹介されるテキストをhtmlファイル化したものです)
2406_downloads.zip

授業一覧
JavaScript入門 はじめてのJavaScript
2015年5月22日公開
01:00:00

この授業はJavacScriptの入門授業です。
「プログラミングの経験は無いけれど、HTMLとCSSを触るだけのウェブデザイナ・マークアップエンジニアから一歩踏み出して、ウェブサイト上でもっといろいろなことができるようになりたい!」という方向けの授業になります。

■ 事前準備

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

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

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

サンプルファイル
この授業では以下のサンプルファイルを使用します。事前にダウンロードしておいて下さい。(授業中 25分20秒に 外部リンク:http://embed.plnkr.co/pLa8yTzK3htdiDRVm8KY/index.html として紹介されるテキストをhtmlファイル化したものです)
2406_downloads.zip

JavaScript入門 関数をつくる
2015年5月24日公開
01:00:00

この授業はJavaScriptの入門授業です。
「プログラミングの経験は無いけれど、HTMLとCSSを触るだけのウェブデザイナ・マークアップエンジニアから一歩踏み出して、ウェブサイト上でもっといろいろなことができるようになりたい!」という方向けの授業になります。

■ 事前準備

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

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://embed.plnkr.co/pLa8yTzK3htdiDRVm8KY/index.html として紹介されるテキストをhtmlファイル化したものです)
2407_downloads.zip

JavaScript入門 オブジェクトと制御文
2015年5月24日公開
01:00:00

この授業はJavaScriptの入門授業です。
「プログラミングの経験は無いけれど、HTMLとCSSを触るだけのウェブデザイナ・マークアップエンジニアから一歩踏み出して、ウェブサイト上でもっといろいろなことができるようになりたい!」という方向けの授業になります。

■ 事前準備

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

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://embed.plnkr.co/pLa8yTzK3htdiDRVm8KY/index.html として紹介されるテキストをhtmlファイル化したものです)
2408_downloads.zip

JavaScript入門 HTML操作とイベント
2015年5月30日公開
01:00:00

この授業はJavaScriptの入門授業です。
「プログラミングの経験は無いけれど、HTMLとCSSを触るだけのウェブデザイナ・マークアップエンジニアから一歩踏み出して、ウェブサイト上でもっといろいろなことができるようになりたい!」という方向けの授業になります。

■ 事前準備

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

GoogleChrome

Sublime Text 

  • http://www.sublimetext.com/
  • 人気のテキストエディタです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利です。
  • 使い慣れているエディタがあれば、そちらをご利用いただいても構いません。
JavaScript入門 jQueryをつかう
2015年5月30日公開
01:00:00

この授業はJavaScriptの入門授業です。
「プログラミングの経験は無いけれど、HTMLとCSSを触るだけのウェブデザイナ・マークアップエンジニアから一歩踏み出して、ウェブサイト上でもっといろいろなことができるようになりたい!」という方向けの授業になります。

■ 事前準備

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

GoogleChrome

Sublime Text 

  • http://www.sublimetext.com/
  • 人気のテキストエディタです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利です。
  • 使い慣れているエディタがあれば、そちらをご利用いただいても構いません。
  • 自己紹介&アジェンダ
  • 01:54
  • jQueryとは
  • 01:43
  • jQueryを入手する
  • 02:26
  • バージョン1.x系と2.x系の違い
  • 01:39
  • jQueryとjQueryを用いないJavaScriptの比較
  • 02:10
  • コードに読み込む(実演)
  • 01:28
  • コードの記述方法
  • 03:22
  • HTML要素の取得方法
  • 05:25
  • HTML要素の操作方法
  • 08:50
  • イベントの設定
  • 06:19
  • Q:他の講師の方もjavascriptを教えてからjQueryに入ってましたが、jQueryを使用する際もjavascriptの知識が必要でしょうか?
  • 02:26
  • Q:どうしてもJSでのコード記述にしないといけない(jQuery)が使えない時ってあるんですか?
  • 01:39
  • Q:先ほどのvar thatの部分、これではダメなのでしょうか?
  • 04:06
  • Q:vanilaとjQueryが混ざったコードだとダメでしょうか?
  • 00:48
  • Q:JavaScriptでプログラミングができるフロントエンジニアの皆さんは基本的にjQuery等のライブラリは使用しないで、基本的に素のJavaScriptで機能を実装するのでしょうか?
  • 02:52
  • Q:jQueryは普段使っていないのですが、ライブラリのバージョンアップによって機能(メソッドなど)が非推奨→廃止される事は多いですか?
  • 01:47
  • 先生のサンプルソースを見てみよう
  • 04:15
  • Q:CSSのアニメーションだと重くなるんですか? それでJqueryということですか?
  • 03:05
  • Q:.jsファイルが大きくなってきたら、分割できますか?.jsファイルの中で別の.jsファイルを読みに行けますか?
JavaScript入門 オブジェクト指向
2015年6月6日公開
01:00:00

この授業はJavaScriptの入門授業です。
「プログラミングの経験は無いけれど、HTMLとCSSを触るだけのウェブデザイナ・マークアップエンジニアから一歩踏み出して、ウェブサイト上でもっといろいろなことができるようになりたい!」という方向けの授業になります。

■ 事前準備

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

GoogleChrome

Sublime Text 

  • http://www.sublimetext.com/
  • 人気のテキストエディタです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利です。
  • 使い慣れているエディタがあれば、そちらをご利用いただいても構いません。
  • 自己紹介&アジェンダ
  • 01:18
  • オブジェクト指向とは
  • 01:42
  • オブジェクトとは(復習)
  • 00:43
  • 参照渡しと値渡し
  • 06:26
  • コンストラクタとインスタンス
  • 02:26
  • オブジェクト指向の活用方法(実演)
  • 19:45
  • 4種類のthis
  • 00:18
  • 1:メソッド呼出しパターン
  • 00:29
  • 2:関数呼び出しパターン
  • 01:00
  • 3:コンストラクタ呼び出しパターン
  • 00:50
  • 4:apply,call呼び出しパターン ※入門では名前の紹介のみです
  • 06:55
  • Q:オブジェクトの値渡し(ディープコピー?)はできますか?
  • 01:21
  • Q:javascriptでは、クラスとコンストラクターの区別はあるのですか。
  • 01:24
  • Q:JSではどれくらいの規模からOOPな書き方にされていますか?
  • 01:36
  • Q:javaのオブジェクト指向と、JavaScriptのオブジェクト指向は、同じものなのでしょうか?
  • 01:35
  • Q:初心者がjavascriptを学ぶ場合の流れ
  • 02:55
  • Q:大規模開発では素のJSはあまり使わないということですが、実際どういう種類のJSが使われているのですか?
  • 01:22
  • Q:オブジェクト指向を効率的に使う場合は、angularとか使うと思うのですが、右寺先生が使っているJSフレームワークは何がメインですか?
  • 01:32
  • Q:まねして書くことはできるのですが、実際プログラムするとなると固まってしまいます。よい練習方法はありますか?
  • 01:34
  • Q:TypeScriptを使えばオブジェクト指向プログラミングが可能でしょうか?
こんな人にオススメ
フロントエンドエンジニア(入門)

プログラミングに興味があり、JavaScriptの基本を学びたい方

タグ
担当の先生
受講生代表
  • 鈴木 顕照

    鈴木 顕照

    スクー放送部

  • 大木 しのぶ

    大木 しのぶ

    スクー放送部

  • 新井 利佳

    新井 利佳

    スクー放送部

この授業を受けたい(2229人)
その他 2149人

受けたい授業ランキング

もっと見る

新着の生放送授業

もっと見る

関連授業

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