4/1(Wed)

今日の生放送

Webデザインの幅を広げる、jQuery初級

Webデザインの幅を広げる、jQuery初級

2014年1月13日公開

60min

Webデザインの幅を広げる、jQuery初級

おためし受講する(5分)

コース概要

HTML5やAjaxと言った新しいテクノロジーの出現によって、Webデザインの世界も大きく変わってきました。とくに近年では「jQuery」を利用した動きのあるWebデザインが主流となっています。

そのため、これまでHTMLのコーディングやJavascriptのプログラムとは無縁であったデザイナーの人たちも、サイトの構成やデザインを考えるにあたって、jQueryがどのような動きを実現し、どのような役割をするのかを知っておく必要が出てきました。

そこで、本講座では主にコーディングの初心者やデザイナーの方たちに向けて、「jQueryとは何か?」から始め、役に立つプラグインの紹介や使い方の解説を行いたいと思います。

プログラム知識がなくとも、jQueryを使うことによって、どんなことができるのかを知ることで、デザインの幅が大きく広がります。

今回は、本のようにページをめくる効果を持ったjQueryのプラグインを使って、Webサイト上で展開可能な絵本を作ってみましょう。

画像さえ用意できれば、誰でも簡単に作成できます。ぜひチャレンジしてみてください。

担当の先生

参加したい受講生 : 673

カテゴリー

タグ

月額980円で、4,600本以上の授業が見放題

授業リスト

Webデザインの幅を広げる、jQuery初級

2014年1月13日公開

60min.

HTML5やAjaxと言った新しいテクノロジーの出現によって、Webデザインの世界も大きく変わってきました。とくに近年では「jQuery」を利用した動きのあるWebデザインが主流となっています。

そのため、これまでHTMLのコーディングやJavascriptのプログラムとは無縁であったデザイナーの人たちも、サイトの構成やデザインを考えるにあたって、jQueryがどのような動きを実現し、どのような役割をするのかを知っておく必要が出てきました。

そこで、本講座では主にコーディングの初心者やデザイナーの方たちに向けて、「jQueryとは何か?」から始め、役に立つプラグインの紹介や使い方の解説を行いたいと思います。

プログラム知識がなくとも、jQueryを使うことによって、どんなことができるのかを知ることで、デザインの幅が大きく広がります。

今回は、本のようにページをめくる効果を持ったjQueryのプラグインを使って、Webサイト上で展開可能な絵本を作ってみましょう。

画像さえ用意できれば、誰でも簡単に作成できます。ぜひチャレンジしてみてください。

  • 【前半】授業
  • 03:58
  • WEBテクノロジー栄枯盛衰物語
  • 12:00
  • jQueryで何ができるの?
  • 07:22
  • jQueryプラグインを使って、Web絵本を作ろう!
  • 11:46
  • Q:この絵本はiPadでも動くのですか?
  • 00:32
  • Q:jQueryのプラグインのダウンロードの仕方を教えてください。
  • 04:07
  • Q:Javascriptを覚えていなくても、jQueryをいきなり勉強しても大丈夫ですか?
  • 01:32
  • Q:外部化ファイル「$(function(){})」とbody終了タグ直前で処理はどちらが早いですか?
  • 00:40
  • Q:プラグインがいっぱいある参考サイト等ありますか?
  • 01:32
  • Q:画像にリンクをつけて、簡易的なWEBカタログのようにも使用できるのでしょうか?
  • 01:11
  • Q:開きを右綴じにしたい場合は、どのように記述したらよいでしょうか?
  • 02:21
  • Q:ブラウザで動きに差はありませんか?
  • 00:40
  • Q:jQueryのバージョンの違いは何でしょうか?
  • 01:31
  • Q:プラグインを自作して配布するのは、勝手にやって大丈夫なのでしょうか?
  • 00:42
  • Q:jQuery 2.xというのもありますが、1.xの方がよいのでしょうか?
  • 00:47
  • Q:wooofysのソースコードで、jQueryのソースを外部ファイルにまとめて、htmlファイルに読み込む事も出来ますか?
  • 00:48
  • Q:プラグインの商用利用の際のライセンスの確認方法、気をつける点など教えて下さい。
  • 01:45
  • Q:turn.jsは有料版と無料版とありましたが、違いは何でしょうか?
  • 01:56
  • Q:jQueryのプラグイン同士がぶつかって、動かない事はありますか?
  • 01:16
  • 課題発表

プレミアム生放送

関連授業

人気の生放送授業

もっと見る

新着の生放送授業

もっと見る

アクティビティ