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

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

  • 開催回数

    7
  • 受けた人

    31
  • 受けたい人

    151
  • 感想読む

    10

こんなことを教えます

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

▼ 概要

jQueryとは、javaScriptの軽量ライブラリで、主要ブラウザのほとんどに対応し、手軽に使えて本格的な機能も備えた非常に優れたライブラリです。W3Techsによると、WEBサイトの過半数はjQueryを利用しているそうで、もはや必須のライブラリといえるでしょうか。

利用されるケースの一つとして、jQueryベースのプラグインを活用したスライドや開閉パネル、ダイアログなどのエフェクト効果を実装しているケースも非常に多いかと思われます。 属性値やスタイルなどをプラグイン指定の方法に合わせる事で、JavaScriptを記述する事無く得たい効果を実現できて大変便利ですが、言い換えるとプラグインのコーディング規則に従う必要がある為、既にマークアップやスタイルが完成したサイトでは、後からプラグインに合わせる為に変更を余儀なくされます。

今回のセッションでは、プラグインに頼らず、基本文法(構文)を学びながら、HTML/CSSに対する効果やエフェクト処理を実践形式で学びます。

一般的によく使われる手法を取り上げて、そのサンプルをいくつか用意しました。

WEBデザイナーやコーダーの方々、趣味でWEBサイトを構築している方に参考となる内容かと存じます。
また、プラグインを使用する上でも、基本文法への理解があれば、導入の際によりスムーズに対応できるようなるでしょうか。

▼ 内容

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

▼ Note

今回のセッションでは、jQueryのプラグインについては触れません。
jQuery本体の使い方にフォーカスした内容となっております。

----------------------
/* CSS */
p { font-size:14px; }
#alpha { background-color:red; }
.navi { padding:0; }
----------------------
上記の記述が理解出来る方なら、jQueryの理解はそれほど難しくない!という前提で今回のセッションを組み立ています。

この講座の先生

Tanaka Syoichi
WEB

Tanaka Syoichi

バックエンド系WEBディレクション

20~30:自動車ディーラー(技術・営業)
30~40:派遣・アウトソーシング(営業・SEサポート)
40~現在:SE(主にディレクションを担当)
主に小〜中規模のWEBサイトを制作
技術-営業-SE-PGと普通とは逆の順序で仕事内容が変わっております。...

詳しいプロフィールを見る >

教えた回数28

教えた人数106

当日の流れとタイムスケジュール

11:30 受付開始
12:00 スタート
ー 基本構文の説明
ー 講義とサンプルスクリプトの操作
16:30 終了

こんな方を対象としています

・WEBデザイナー・コーダーの方
・趣味でWEBサイトを構築している方
* HTML/CSSを触った事がある方でしたら無理なく理解できる内容かと存じます。

受講料の説明

テキスト・サンプルスクリプト

受講する際は以下をお読み下さい

▼ 以下の物(持ち物)をご用意ください。

・PC持参(Windows Mac OK)
 LAN(無線 有線 OK)

・電源アダプター
 電池(バッテリー)切れに備えて

・テキストエディター
 文字コード:UTF-8が編集出来るもの
 行番号が表示されるもの
 ※ 秀丸、サクラエディター、EMエディターなど

感想 10

楽しかった!

( 5 )

勉強になった!

( 8 )

行く価値あり!

( 7 )

男性 30代

この講座は「満足」でした

初心者におすすめだと思いました。

女性

この講座は「jQueryの基本が分かる講座」でした

いままでは調べたものをコピー&ペーストしてjQueryを利用していました。この講座を受けてjQueryの文法を学び、意味を理解してjQueryを利用できるようになりました。

男性 20代

この講座は「jQueryの入門に最適」でした

プラグインに頼るのではなく、一からjQueryを書くというマインドセットにしてくれる講座でした。

男性 20代

この講座は「0から1へステップアップする勉強会」でした

初心者レベル向けで非常にわかりやすかったです。
また興味のある分野であれば参加したいと思います。

女性

この講座は「jQueryの基礎盛りだくさん」でした

実際、仕事で役立ちそうな事がたくさん教えていただけました。後半、若干ヘトヘトになってしまいましたが、なんとかついていけてよかったです。時間いっぱいにたくさん教えていただきありがとうございました。

女性

この講座は「jQueryへのハードルがぐっと下がる講座」でした

基礎から丁寧に実際にコードを見たり触ったりしながらの講座だったので感覚的でとても楽しかったです。
受講前よりもjQueryがもっと身近に扱いやすいものに感じられたことがとても大きかったです。

女性

この講座は「とっつきにくさ(先入観)が軽くなる講座」でした

楽しかったです

女性

この講座は「jQueryの見方が変わる講座」でした

今までjQueryというとプラグインを探して使う、というイメージでしたが、勉強すれば自分でもjQueryを動かせるようになれるかなと思える講座でした。色々な例を見せていただいたので、まずはできるところから理解を深めていこうと思います。

女性 30代

この講座は「jQueryプラグインからステップアップしたい人にぴったり」でした

先生の教え方がとてもお上手でした。jQueryコードを書く上での基本的な考え方や、他の人が作成したコードを読むときのコツに加え、現場での知恵なども教えて頂き、大変ためになりました。jQueryプラグインをダウンロードして自分のサイト用にアレンジしたいけど、どうしたらいいか分からない…独学で勉強したけど行き詰まった…という人の基礎固めにぴったりだと思います。

M3

男性

この講座は「jQueryが簡単に思えるようになった」でした

CSSがわかってれば大体わかるな!って気持ちになりました

講座についてのご質問はコチラ

先生に問い合わせる

開催予定の日程一覧

  • 開催予定

    開催予定エリア:渋谷・恵比寿

    受講料:¥ 3,000

この講座の関連ツイート

Tanaka Syoichi さんの他の講座

Page Top