TOP

基本から覚える jQuery WEBプログラミング教室

イベント内容

このセッションは、jQuery(JavaScript)の入門者を対象とした教室です。

概要

jQueryとは、javaScriptの軽量ライブラリで、主要ブラウザのほとんどに対応し、手軽に使えて本格的な機能も備えた非常に優れたライブラリです。

W3Techsによると、WEBサイトの過半数はjQueryを利用しているそうで、もはや必須のライブラリといえるでしょうか。

利用されるケースの一つとして、jQueryベースのプラグインを活用したスライドや開閉パネル、ダイアログなどのエフェクト効果を実装しているケースも非常に多いかと思われます。

属性値やスタイルなどをプラグイン指定の方法に合わせる事で、JavaScriptを記述する事無く得たい効果を実現できて大変便利ですが、言い換えるとプラグインのコーディング規則に従う必要がある為、既にマークアップやスタイルが完成したサイトでは、後からプラグインに合わせる為に変更を余儀なくされます。

今回のセッションでは、プラグインに頼らず、基本文法(構文)を学びながら、HTML/CSSに対する効果やエフェクト処理を実践形式で学びます。
一般的によく使われる手法を取り上げて、そのサンプルをいくつか用意しました。

内容

  • 学習環境の準備(共有フォルダ、サンプルテキスト)
  • 基本文法
  • フィルター(要素の絞り込み)
  • スタイルの取得と変更
  • jQueryの各種メソッド
  • CSSメソッド、HTMLメソッド
  • ツリー構造をたどって各要素へアクセス
  • イベント処理
  • アニメーション処理
  • Ajax操作(サンプルの紹介のみ)

セッション終了後には個別に質問を受け付けます。気軽にお尋ねください。

基本から覚える jQuery WEBプログラミング教室

プラグインを使わないで、先ずは簡単なコードで実現してみる動きのあるWEBサイト

学習環境

以下の環境(設備)は、こちらで用意してあります。参加者が事前に構築する必要はありません。

  • インターネット接続
  • 電源(延長コード)、LANケーブル(有線LANの場合)
  • WEBサーバー
  • ファイルサーバー

必要な準備

当セッションに持ち込めるPCをご用意ください。

  • パソコン(Windows,MacどちらでもOK)
  • LAN接続(無線LAN、有線LANどちらでもOK)
  • ブラウザ(IE,FireFox,Safari,Chrome)
  • テキストエディター(文字コード:UTF-8に対応の)

テキストエディターにつきましては、
文字コード「UTF-8」が編集可能なものをご用意ください。
WindowsXPに標準搭載の「メモ帳」などは、UTF-8に対応していない場合がございます。
「秀丸エディタ」「サクラエディタ」「EMエディター」などがお勧めです。
また、行番号が表示される物が便利です。

対象とする方

  • WEBデザイナー・コーダーの方
  • 趣味でWEBサイトを構築している方

予め用意された、HTMLテキストを使用して講座を進めます。

/* CSS */
p { font-size:14px; }
#alpha { background-color:blue; }
.common { text-align:left; }

上記の記述が理解出来る方であれば、jQueryの理解は難しくない!という前提でこのセッションを組み立てております。

お申し込み方法

http://learning-with.me/session_20140329.php

上記サイトからエントリーフォームに進んでください。

参加費

¥3,000 -

当日、会場にてお支払をお願いいたします。領収証を発行いたします。

担当:田中、柳澤

参加者
4人 /定員8人
申込先
会場
横浜市社会福祉協議会 903号室
横浜市中区桜木町1-1

注目のイベント

コラム

イベント New

目指すは究極の“個客”対応。ファーストリテイリング「デジタル改革」の本気度

ファーストリテイリングが2017年2月から本格的に始めた全社改革「有明プロジェクト」が注目を集めている。...
20 views
イベント New

【レポート】トランザクションの多いゲーム運用、負荷分散ノウハウetc…裏側をみせます! - KLab TECH Meetup -

2017年9月4日(月)19時30分より、「KLab TECH Meetup −トランザクションの多いゲーム運用、負荷分散ノウ...
20 views
イベント

インメモリデータベースの今後。新領域への適用可能性 - デジタルトランスフォーメーション時代の最新データベース技術勉強会 -

2018年3月6日(火)19時10分より、「【エンジニア向け勉強会】デジタルトランスフォーメーション時代の最新...
196 views