本日のアジェンダ
jQueryって何?
jQueryのライブラリとプラグイン
レスポンシブサイトに
スライダーを実装演習
質疑応答と宿題
5分
35分
30分
!
20分
http://www23.atwiki.jp/sevenlives/pages/1763.html
http://ja.wikipedia.org/wiki/JavaScript
jQueryのコードを書く練習は
こちらが勉強になります
!
!
jQuery入門 (全20回)ドットインストール
http://dotinstall.com/lessons/basic_jquery_v2
!
jQueryチートシート(カンペ)
http://www1.axfc.net/u/3222719
また、jQueryの歴史など
詳しいお話はこちら!
保坂 庸介先生の
「Webデザインの幅を広げる、jQuery初級」
http://schoo.jp/class/379
Webデザインの幅を広げる、jQuery【コードを記述する】
http://schoo.jp/class/431
もし、jQueryのメソッドに興味がでてきたら、
今勉強中の人が作りつつあるサイトがあるので
ご紹介します。メソッドをコンプリートする
勢いでがんばっていますので、一緒に勉強しましょう!
!
http://jquery.xn--n5q348f.com/
!
windowsの全てのヴァージョン
http://www.fmworld.net/cs/azbyclub/qanavi/jsp/
qacontents.jsp?PID=8702-9695
!
Mac
http://hamachan.info/mac/kihon/kakutyosi.html
!
下記のリンク先を見て
ファイルに拡張子が表示されるしておきましょう
では、さっそく
書いてみよう!書けば
覚えるんじゃよ
かくのか
スマホの方は、見ておいてね!
まず、今日使う
プラグインを
ダウンロード
はて、
プラグイン
とはなんじゃった
かの?
ここからダウンロード↓
https://github.com/viljamis/ResponsiveSlides.js
つづきまして、
今日の演習を
ダウンロード
落とすの
じゃな?
落とせ∼
ここからダウンロード↓
https://github.com/Behomazn/20140426jQuery
本日の宿題
slider1、slider2の
残りのページを
完成させましょう。
できた人は、巧く行ったか
つまづいたか、つまづいた
場合はどこでつまづいたか
感想をお寄せください。
レスポンシブなサイトにあっという間にjQueryを実装する
http://schoo.jp/class/437
合わせて見ると
理解が深まります。
無料会員の方は
スライドを
見るだけでもOK

挫折した人のための、初心者速習html+css【JQueryでTOP画像がクルクル動くようにしてみよう編】 先生:田中 晶子