人生が変わるjQuery

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

  • 開催回数

    6
  • 受けた人

    24
  • 受けたい人

    90
  • 感想読む

    14

こんなことを教えます

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

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

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

『人生が変わるjQuery』では『jQueryって何?』から始めて、
タブ/アコーディオンパネル/簡易版LightBoxの3つを作成します。

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

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

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




<完成サンプル>

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/

この講座の先生

Kanda Yukie

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

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

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

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

教えた回数26

教えた人数118

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

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

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

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

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

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

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

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

受講料の説明

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

全て込みです!

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

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

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

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

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

感想 14

楽しかった!

( 10 )

勉強になった!

( 12 )

行く価値あり!

( 9 )

女性

この講座は「jQueryの仕組みがわかる」でした

基本のメソッドの練習をした後にタブやアコーディオンパネルを作っていくので、jQuery初心者でも楽しく作業が出来ました。先生もテンポよく進めてくださるので、4時間があっという間でした。また他の講座も受けてみたいです。

男性

この講座は「ステップアップできる講座」でした

jQueryはダウンロードして貼付け クラスつけるだけで中身を理解していなかったです。
独学でやるにも ハードルが高く感じてしまい
なかなか取り組まなかったのですが・・・ 

ストリートアカデミーに出会ったこと
同じ興味をもった人と学びたい気持ちから
初めて受講させていただきました♪ 

最初は緊張気味でしたが、
先生がわからないヶ所をマンツーで指導して下さったりしてくれたおかげで まぁドシロウトの私でもなんとかやり遂げることができました♪

次も参加して さらなるステップアップやたくさんの人と出会って刺激を受けたいなぁと思わせてくれる講座内容でした~ 

次も楽しみにしてます(ノ∀`)☆

男性 30代

この講座は「初心者にも分かりやすい講義」でした

基本から丁寧に解説して頂けます。
その場でコードを書いて動かしてみることで、jQueryの使いやすさ、面白さを体感できました。
これからも継続的に勉強しようと思います。

男性

この講座は「今後のjQueryを使う上で基盤となる講座」でした

講座では、基本となる文法やよく使用されるメソッド等を学習してからアコーディオンパネル等の実際使用されるテクニックを通して習ったメソッドを使用しつつどのような処理が必要でどのように動いているのかの説明等をしていただけたので自分のサイトに加えるときもしっかり理解して機能を追加できる講座だと感じました。現在自分でもサービスを作成しているのでぜひ今日習ったものを活かしてもっと見た目を華やかなサイトを作りたいとモチベーションを上げてくれる講座だと思いました。

男性 30代

この講座は「プラグインに頼らずに」でした

ブラグインに頼らずにj-queryを
身に付けたい方には最適です。

M3

男性

この講座は「丁寧でわかりやすい講座」でした

基本をとてもわかりやすく、丁寧に教えてくださいました。
そのため、jQueryに触れるのが初めての私でも、授業についていくことができました。
手を動かしながらの授業だったので、4時間があっという間でとても楽しかったです。

男性 20代

この講座は「デザインの基礎がよくわかる」でした

短時間で、効果的なテクニックを習得できます。
講座を受けて感じたのは、このテクニックをどう活かすかという部分です。
目的を持って受けると良いと思います。

女性

この講座は「勉強になりました。」でした

的確に教えていただき、大変勉強になりました。ありがとうございました。

女性 20代

この講座は「分かりやすく、勉強になる講座」でした

独学ではどうしても意味が分からなかった部分が、すっきりと理解できました。基礎的でな部分とすぐにでも使えるメジャーな動作をを教わったので、これをもとに自分で色々試してみようとおもいました。

男性

この講座は「一つレベルアップできる講義」でした

・初心者、経験者問わず、丁寧に説明いただきました。
・jqueryの便利さを実感できました。
・html,css,javascriptの事前知識があると理解が深まると思います。

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

先生に問い合わせる

開催予定の日程一覧

  • 開催予定

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

    受講料:¥ 6,500

過去に開催した日程一覧

この講座の関連ツイート

Kanda Yukie さんの他の講座

Page Top