人生が変わるjQueryアコーディオンパネル

『jQueryって何?』から始めて、アコーディオンパネルを作成する入門編の講座です。

  • 開催回数

    3
  • 受けた人

    4
  • 受けたい人

    13
  • 感想読む

    3

こんなことを教えます

動きのあるオシャレなwebサイトを作るのにjQueryは欠かせない!
…のですが、最初はなかなか思い通りに使いこなせないですよね。。。

つまづくポイントも人それぞれですし、
ちょっとしたコトで動かなくなってしまうので、
本やネットだけを頼りに独学で身に付けるのは、とっても大変なんです。

どうして動かない?なんでそうなる?
そんなイライラ、モヤモヤを一緒に解消しませんか?

『人生が変わるjQueryアコーディオンパネル』では『jQueryって何?』から始めて、
アコーディオンパネルを作成します。

モノ作りで大切なのは、自分のイメージを具現化すること。
『こういう物作りたいんだけど…』から実際のコードに落とし込むまでの考え方もお伝えしていきます。
学んだ事をずっと生かせる、応用力の付くコースです!

シンプルなコードで作りますので、
完成品はカスタマイズして、ご自身のwebサイトなどに簡単に導入できます!

パソコンだけお持ちになって
是非遊びに来てくださいー(^^)


――――――――――――
◆◆『人生が変わるjQuery』シリーズについて◆◆

ラインナップは3コースです。

1.人生が変わるjQueryタブ
http://www.street-academy.com/myclass/2216

2.人生が変わるjQueryアコーディオンパネル
http://www.street-academy.com/myclass/2647

3.人生が変わるjQuery LightBox
http://www.street-academy.com/myclass/2648


<完成サンプル>

1.jQueryタブ
http://speakingdesign.com/sample/97.html

2.jQueryアコーディオンパネル
http://speakingdesign.com/sample/97.html#sample2

3.jQuery LightBox
http://speakingdesign.com/sample/97.html#sample3

*本家LightBox
http://lokeshdhakar.com/projects/lightbox2/



<3コースの中で、重複内容はありますか?>
重複箇所として、jQueryの基本的な説明が全コース冒頭に入っています。
また、3作品共通で使用するメソッドやイベント(jQueryの書き方)がありますので、該当部分の説明は全コース共通になります。



<全部受けないと力になりませんか?>
それぞれ1回で完結する構成になっています。
ご興味のあるものだけご参加ください。

一方で一般的な学習同様、jQueryも作品をたくさん作る事で力がつきます。
繰り返し書く事で自然にメソッドやイベントを覚えたり、
設計や開発手順の感覚が養われていくのは確実ですので、
全て受けて頂くと、ご自身でゼロから制作するための基礎体力がつくはずです。

この講座の先生

Kanda Yukie

都内勤務の現役講師『webデザインで人生変えよう』

Speaking Design 代表
HAL東京非常勤講師
元 デジハリ・オンラインスクール非常勤講師

就職にも、独立にも、趣味にも。
人生のあらゆる目的を叶えてくれる
web制作&デザインノウハウを日本中の皆様にお伝えして...

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

教えた回数26

教えた人数118

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

1.jQueryについて
jQueryの概要についてお話しします。

2.簡単なjQueryを書いてみよう
教材を使って、簡単なjQueryを書いていきます。

3.アコーディオンパネル作成
2で習得した技術を元に、アコーディオンパネルを作っていきます。

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

・html&cssのスキル
出来合いのhtml&cssにjQueryを実装していただく流れになっています。
基本的な知識をお持ちであれば大丈夫です。

・デザインのスキル
必要ありません。
当日は教材に沿って、みんなで同じ物を完成させます。

※本コースは基礎的な内容です。
超得意な方には物足りないと思いますので、ご遠慮ください。

受講料の説明

・オリジナルテキスト
・オリジナル教材
・会場費

全て込みです!

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

・持参いただくもの
ノートPC(macもしくはwindows)
他電源コード、マウス等。

・ブラウザ
当日はGoogle Chromeを使ってお話します。
Google Chromeはmacでもwindowsでも使用可能なブラウザですので、
事前にダウンロードして頂くことをお勧めします。

・テキストエディタ
ソースコードを実際に書いて頂きますので、事前にご準備いただくようお願いいたします。
一般的にTerapad(windowsのみ), Sublime, Dreamweaverがよく使われています。

※当日、テキストエディタの使用に関するお話はありません。
事前に基本操作の確認をお願いいたします。

感想 3

楽しかった!

( 2 )

勉強になった!

( 3 )

行く価値あり!

( 3 )

女性 40代

この講座は「jQueryをわかりやすく体感できる講座」でした

独学ゆえの穴を、基本的なルールから説明していただけました。独学だと、私の場合は基礎が所々曖昧になってしまうので、とても助かりました。また、オリジナルの教材も非常に取り組みやすかったです。こちらが進めやすいよう細かくきちんと準備してくださっていて、講師の方の思いやりと真摯さを嬉しく思いました。
自分で実際にコードを入力してゆくことで、記憶や馴染みが良いように思います。習うより慣れろ的な方が好きな私の性格もあるかもしれませんが、講師の方はとてもにこやか&朗らかで、とても楽しく学べました。ぜひまた受講したいです!

男性

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

とても丁寧な教え方で、少人数なので質問もしやすい雰囲気でした。

男性

この講座は「コスパ良で初心者にも最適」でした

立地と会場も良かったのですが、僅か2時間とはいえ十分に持ち帰ることのできる内容が、何にも増して良かったです。

希少な初心者向けjQueryを教わる機会はここに在ると感じました。

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

先生に問い合わせる

開催予定の日程一覧

  • 開催予定

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

    受講料:¥ 3,500

過去に開催した日程一覧

この講座の関連ツイート

Kanda Yukie さんの他の講座

Page Top