基本から覚える jQuery
WEBプログラミング
プラグインを使わないで、先ずは簡単なコードで実現してみる動きのあるWEBサイト
開催地:東京都渋谷区(神南)
開催日:2015年4月18日(土)
時間帯: ~ (受付 11:30~)
参加費:¥3,000
このセッションにお申込み
お名前、連絡先(Tel,Email)を記載して頂きます。
SSL対応
概要
このセッションは、jQuery(JavaScript)の入門者を対象とした教室です。
jQueryとは、JavaScriptの軽量ライブラリで、主要ブラウザのほとんどに対応し、手軽に使えて本格的な機能も備えた非常に優れたライブラリです。
W3Techsによると、WEBサイトの過半数はjQueryを利用しているそうで、もはや必須のライブラリといえるでしょうか。
利用されるケースの一つとして、jQueryベースのプラグインを活用したスライドや開閉パネル、ダイアログなどのエフェクト効果を実装しているケースも非常に多いかと思われます。
属性値やスタイルなどをプラグイン指定の方法に合わせる事で、JavaScriptを記述する事無く得たい効果を実現できて大変便利ですが、言い換えるとプラグインで指定されたコーディング規則に従う必要がある為、既にマークアップやスタイルが完成したサイトでは、後からプラグインに合わせる為に変更を余儀なくされます。
今回のセッションでは、プラグインに頼らず、基本文法(構文)を学びながら、HTML/CSSに対する効果やエフェクト処理を実践形式で学びます。
一般的によく使われる手法を取り上げて、そのサンプルをいくつか用意しました。
必要なものはLANにつながるパソコンだけです。
今回のセッションでは、HTML/CSSの記述については解説しません。jQuery(JavaScript)に的を絞った内容となっております。
内容
- 学習環境の準備(共有フォルダ、サンプルテキスト)
- 基本文法
- フィルター(要素の絞り込み)
- スタイルの取得と変更
- jQueryの各種メソッド
- CSSメソッド、HTMLメソッド
- ツリー構造をたどって各要素へアクセス
- イベント処理
- アニメーション処理
- Ajax操作(サンプルの紹介のみ)
11:30~ | 受付開始 |
12:00~ | セッション開始 |
12:10~ | 学習環境の準備 |
12:20~ | 基本文法 |
14:00~ | サンプルスクリプトと解説 |
16:30 | セッション終了 |
16:40~ | 質問受付タイム |
Info セッション終了後には個別に質問を受け付けます。気軽にお尋ねください。
学習環境
以下の環境(設備)は、こちらで用意してあります。参加者が事前に構築する必要はありません。
- インターネット接続
- 電源(延長コード)、LANケーブル(有線LANの場合)
- WEBサーバー
- ファイルサーバー
必要な準備
当セッションに持ち込めるPCをご用意ください。
- パソコン(Windows,MacどちらでもOK)
- LAN接続(無線LAN、有線LANどちらでもOK)
- ブラウザ(IE,FireFox,Safari,Chrome)
- テキストエディター(文字コード:UTF-8に対応の)
推奨環境
- WindowsOSは、
- WindowsXP以上を推奨いたします。IE(Internet Explorer)は、v8.0以上を推奨いたします。
- MacOSは、
- 10.5以上を推奨いたします。
- テキストエディターにつきましては、
文字コード「UTF-8」が編集可能なものをご用意ください。
WindowsXPに標準搭載の「メモ帳」などは、UTF-8に対応していない場合がございます。
秀丸エディタ、サクラエディタ、EMエディターなどがお勧めです。
#行番号が表示される物が便利です。
対象とする方
- WEBデザイナー・コーダーの方
- 趣味でWEBサイトを構築している方
予め用意された、HTMLテキストを使用して講座を進めます。
/* CSS */ p { font-size:16px; } #alpha { background-color:red; } .navi { padding:0; }
上記の記述が理解出来る方であれば、大丈夫かと存じます。
参加費
¥3,000 -
当日、会場にてお支払をお願いいたします。領収証を発行いたします。
担当
田中、柳澤
締め切りました。
1名(参加)/18名(定員)
締切日時 2015年4月17日 PM 21:00
place
場所に関する詳細
施設名:渋谷区勤労福祉会館
フロア:第三洋室
所在地:〒150-0041 東京都渋谷区神南 1-19-8
最寄駅:渋谷駅 ハチ公口 徒歩7分
URL:http://www.city.shibuya.tokyo.jp/est/kinro.html
クリックで拡大