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

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

learn

こんなことを学びます

【jQueryって何?】

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

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

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

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

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

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

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

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

開催予定の日程一覧

  • 開催予定

    開催予定エリア:銀座・大手町

    受講料:¥ 6,000

Kohno Yusuke さんの他の講座

teacher

この講座の先生

Kohno Yusuke

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

建築士・設計関連システム構築・3DCG技師を経て、現在はWEB制作全般(デザインはもちろんですが、特にフロント・バックエンジニアリング、CMS構築)および建築ビジュアライゼーションを専門としております。
 対応システム・ソフトウェアはWordpress, PHP(CakePHP,Co... もっと見る >>

detail

講座詳細

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

    【イントロダクション】

    【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も可。

review

レビュー

  • 女性 20代

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

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

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

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

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

  • 女性 40代

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

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

  • 男性 30代

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

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

  • 女性

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

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