お客さまがご利用のブラウザはサポートされていないため、正常に利用できない可能性があります。 お手数ですが、こちらをご確認いただき推奨環境のブラウザをインストールしてご利用ください。

【初心者限定】jQuery Cafe V2【ワークショップ】

対面

あらゆるサイトに使われているjQueryの超入門セミナー【内容拡大版】

こんなことを学びます

【jQueryって何?】

サイトを閲覧したとき、画像がスライドしたりポップアップしたり、ボタンクリックで内容がフェイドイン/アウトしたり、滑らかなアニメーション動作でメニューが出て来たり・・・ということに気付かれたことはありますか?

それは、ほとんどの場合「jQuery」というWEB技術が使われています。

「jQuery」は、従来より使われて来たjavascriptを拡張したライブラリです。

「javascriptって?? ライブラリ!?なにそれ???」
なあなたでも大丈夫。jQueryはhtmlとcssがある程度分かる方であればどなたでも簡単なエフェクトが加えられるようになっております。
 つまり、デザイナーやコーダー、WEBサイトオーナーに最適な仕組みであると言えます。

 本講座では、処理の流れを出来るだけ言葉に置き換えて説明をすることにより、プログラム言語などに馴染みのない方にもスムーズに理解を進めていただくことが出来ます。

 また、配布されている豊富なプラグインを組込む実習もしてみたいと思います。

 見るだけだと難しそうだけど、やってみるとカンタンなのがjQuery。
ご自分のPCをご持参頂き、自ら手を動かして習得して頂けるハンズ・オン形式により、実感をもって学んでいく事が出来ます。

※この講座は以前開催していた「jQuery Cafe」に新しい内容を追加したものです。「jQuery Cafe」をすでに受講された方にもオススメ出来ます。
続きを読む

開催日程がありません

開催予定エリア

銀座・大手町

価格(税込)

¥6,000

現在は開催リクエストを受け付けていません
受けたい
101人が受けたい登録しています

対面受講日程

開催日程はありません。

この講座の先生

Webエンジニア・プロデューサー / 3DCG

建築士・設計関連システム構築・3DCG技師を経て、現在はWEB制作全般(デザインはもちろんですが、特にフロント・バックエンジニアリング、CMS構築)および建築ビジュアライゼーションを専門としております。
 対応システム・ソフトウェアはWordpress, PHP(CakePHP,Codeigniter, fuelPHPetc), JavaEE,MySQL, javascript, jQuery, iOS(Objective-C), Adobe Photoshop, VectorWorks, SketchUp, AutoCAD, Cinema4D...etc

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

    【イントロダクション】

    【jQuery超基本】

    ・jQueryをサイトに読込ませる
    ・お約束事を覚えよう
    ・コンソールから様々なhtml操作をしてみる
    ・まずはshow(),hide()系メソッドで遊んでみる
    ・サンプルhtmlに色々な機能を実装してみる

    【jQueryプラグインを導入してみよう】

    ・プラグインをダウンロード、サイトに登録
    ・プラグインサイトを見ながらhtmlを作る
    ・実行して見る
    ・スマホでも見てみよう

    【フォーム処理をしてみよう】

    ・フォームの値を取得してみる(テキストボックス・テキストエリアなど)
    ・フォームの値をチェックしてエラーを出す

    【ajaxを実装してみよう】

    ・ajaxを使っているサイトを見てみよう
    ・サーバ側にファイルを置く
    ・ajaxを使いサーバと通信してみる
    ・通信結果を表示する
    • こんな方を対象としています

      ・WEBデザイナー、コーダー
      ・WEBオーナー、管理者等WEBに関わる方全般
      ※スキルレベル
      htmlとcssのあらましを知っている(idやclassセレクタが使える程度でOK)
      以下のcssの意味が分かるくらいの方の方が入りやすいと思います。

      #content .big{color:#FF0000; font-size:20px; margin:10px 10px;}

      #box1{ display:block; width:200px; height:150px;}
    • 受講する際は以下をお読み下さい

      ノートPCおよび電源アダプタを必ずご持参下さい。
      ブラウザは最新版のChromeをご準備下さい。
      出来れば、テキストエディタ(windowsならTerapad , 秀丸など Macならmi , sublime textなど)Dreamweaverも可。
    ※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

    レビュー4

    • 楽しかった!( 1 )
    • 勉強になった!( 4 )
    • 行く価値あり!( 2 )
  • W2

    女性 30代

    この講座は「知識ゼロでも基本がしっかり理解できる講座」でした

    ▼この講座へのおすすめ
    まだjQueryの学ぶべき範囲全体を知らないので、初心者レベルの中でどれくらい高いのか正確にはわかりません。他の方のレビューを見る限りでは、「最低限わかっていてさらにもう一歩ふみこみたい方」にはものたりないのかもしれませんが、逆に自分のような「知識ゼロの方、未経験の方」には大変おすすめです。

    ▼「教わる→実際に書く」講座
    上記のスライド画面の通り文法のようなコードを色分けした説明がとってもわかりやすく、本での独学だったら何週間かかるかわからない、あるいは文章がくみ取れずに挫折しそうだけど、このたった数時間の講座のおかげですぐに理解することができました!私の場合は持ち帰れるスライドが印刷された資料にスライドと同じ色のペンでマーカーを引くことでより理解できました。
    「教わる→実際に書く」さらに「つまずいたら解決できるまで対応してくれる」ので、大変身につきやすかったですが、受講者2名のみだったからこそ解決できるまで対応してもらえたのであって、満席ではそうはいかなかったと思います。
    知識ゼロの自分にピッタリでした。

    ▼Ajax
    受講者によっては「Ajaxまで進むよりも、今教わった基礎の反復練習をもっとしたい人」と「Ajaxも教わりたい人」にわかれるかなと思いましたが、個人的にはこの価格で基礎からAjaxまで教えていただけて大変満足でした。

    ▼HTML/CSSとの連携の理解が深まる
    私はハンバーガーメニューが「HTML/CSSの部分はできているのであとはjQueryさえわかれば完成」という段階だったので、この講座のあと完成できて、ものすごい達成感がありました!同じような方に大変おすすめですが、もちろんハンバーガーメニューのHTML/CSSができない人でも受講は問題ありません。
    また、お問い合わせフォームのHTMLもわかっているとそこのjQueryがなお理解しやすいですが、それもわかっていなくても問題ありません。
    ちなみに受講後ほぼ毎日、オンライン学習サイトで講座の該当箇所を反復することで確実に身につきました。

  • W2

    女性 50代

    この講座は「とても勉強になりました!」でした

    とてもわかりやすかったです!質問にもとても丁寧に答えていただきまして勉強になりました。

  • M2

    男性 40代

    この講座は「入門者向け超初級講座」でした

    参加者も自分を含め2名と少人数制でした。講座の内容もjQueryの概要説明から始まり、実際にコードを入力して挙動を確認後、ライブラリを適用してみるといった内容でした。これから、JavascriptやjQueryを始めたい方が一番最初に受講するのが最適な講座だと感じました。

  • W1

    女性

    この講座は「初心者向けの講座」でした

    「初心者限定」とあるように、はじめて勉強する方やjQueryに抵抗感を抱いている方にはおすすめです。
    他言語でもプログラミングを経験している方は、少し物足りなさがあるかもしれません。
    わからないことがあるときは、丁寧に教えてくださいます。

  • この先生の他の講座

    403

    開催リクエスト受付中

    銀座・大手町
    31

    開催リクエスト受付中

    梅田・北新地

    関連講座

    この講座を見た人は、こんな講座も見ています

    お探しの講座が見つかりませんでしたか?