たぶん日本一安い・・「初めて&ちょっと知っている人のための JQuery講座」

初めて&ちょっと知っている人のための 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からお申し込みください。

http://atnd.org/event/aajq

【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の導入・カスタマイズセミナーの講師も務めている

*************************************************************

アジャストアカデミーの教育事業

*************************************************************

■スカイプ英会話「スカイトーク」

http://skytalk.co.jp

■求職者支援訓練

http://adjustacademy.com

*************************************************************

用語集
CSS / Flash / HTML / HTML5 / Java Script / WEBデザイナー / jQuery / webプログラマー
この記事が役に立ったらシェア!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

インデックス
検索エンジンがWebページをデータベースに保存しているデータベース。データベース ...→用語集へ

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]