たぶん日本一安い・・「初めて&ちょっと知っている人のための JQuery講座」
- 編集部の見解や意向と異なる内容の場合があります
- 編集部は内容について正確性を保証できません
- 画像が表示されない場合、編集部では対応できません
- 内容の追加・修正も編集部では対応できません
これからのウェブでは、JavaScriptは必須な技術となってきています。HTML+CSSだけではできないリッチコンテンツが可能になるからです。
特に、JavaScriptの人気ライブラリJQueryを利用すれば、CSSにプラスアルファして様々な表現が可能になります。
本講座はその入門編となります。
【受講対象】
・htmlとCSSを最低限理解している方。
(特にpositionのプロパティを理解している)
・動的な効果をウェブに盛り込みたいと思っている方。
【受講後の効果】
この講座の受講後の目標は、従来の静的なhtmlページに動的な効果を追加して一歩先の表現ができきるようになります。
【講座内容】
1.この講座の目的・目標点について
2.jQueryとは
① jQuery、Ajax、javascriptの違い
② jQueryの特徴
I.jQueryの特徴
II.jQueryを使った例
③ jQueryのダウンロードと使用方法
I.jQueryのダウンロード
II.jQueryの読み込み
III.jQueryを使う時の決まり
3.jQueryセレクタ
① 要素セレクタ
② 属性セレクタ
4.主なAPIの紹介
① text
② html
③ css
④ show、hide
⑤ コールバック関数とは
⑥ slideDown、slideUp
⑦ fadeIn、fadeOut
⑧ each
⑨ toggleClass
⑩ attr
⑪ load
⑫ removeAttr
⑬ width
⑭ height
⑮ val
⑯ animate
5.主なイベント処理API
① ready
② hover
③ click、dblclik
④ mousedown
⑤ mouseover
⑥ scroll
⑦ load
⑧ toggle
6.知っておくべきjavascript
① if関数
② 変数の概念
③ document.location
④ alert
7.実際に作ってみよう
① テキストの色を変える
② テキストの大きさを変える
③ 画像の差し替え
④ ブロックのスライド
⑤ 画像をフェードイン・フェードアウトする
⑥ サムネイルをクリックすると拡大画像を表示するギャラリー
⑦ ボタンでブロックをスライド/元に戻す
8.既存のjQuery派生ライブラリを利用して作ってみよう
① トップに戻る
② タブメニュー
③ プルダウンメニュー
9.おわりに
【開催日時】
4月20日(土) 13;30~18:30 (2回程度の休憩予定)
【場所】
アジャストアカデミー オレンジ教室
東京都新宿区新宿6-28-7 新宿イーストコート2階
【お申し込み先】
以下のATNDからお申し込みください。
【TEL】
03−5291-9518
【受講料】
16,800 円(税込)
****************************************
☆他社比較
A社 34,800円(6時間)
B社 29,800円(6時間)
C社 21,000円(3時間☓2日間)
****************************************
【定員】
20名
【その他】
※WIndowsマシンを用意しておりますが、自前のマシンをご持参いただいても結構です。
※長時間の講義となるのでお菓子をご用意させていただいております。
【講師プロフィール】
木村偉宣(たけのぶ)
1984年生まれ。
7年のフリーランス・制作会社での制作経験から2011年よりhtml/css、jQuery、html5/css3、php,wordpress,Photoshop、Illustratorなどの講師を務める。
アジャストアカデミー基金校訓練講師(photoshop/Illustrator、html/css講義担当)や制作会社内の社員へのhtml5/css3/jQuery講義 を経て、現在ではフリーランスでhtml/css/php、Photoshop/Illustratorの個人レクチャーをはじめ、制作会社の制作担当に wordpressの導入・カスタマイズセミナーの講師も務めている
*************************************************************
アジャストアカデミーの教育事業
*************************************************************
■スカイプ英会話「スカイトーク」
■求職者支援訓練
*************************************************************
ソーシャルもやってます!