chevron_left

JavaScript入門 基本構文

PREMIUM

スライド資料

会員登録して、全てのスライドを見よう

1 / 19

授業の概要

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

■ 事前準備

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

GoogleChrome

Sublime Text 

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

こんな人にオススメ

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

チャプター

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