jQuery初級 | 基礎が分かれば怖くないjQuery

1日でjQueryがどう動くのかを理解し、動かして遊ぶ。jQueryを身につけるための第一歩をアシストします。

learn

こんなことを学びます

jQueryはアニメーションや計算などを手軽にプログラミングできる、とても優れたJavaScriptプラグインです。


この講座は、

・HTML/CSSを使えるようになったので、次はプログラミングもやってみたい方
・難しそうなので踏み出せずにいる方
・開発者と詳しい話をしたいデザイナー/ディレクターの方

といった、「入門者」「初心者」の方を対象とした講座となっています。
jQueryのキソのキソを理解して、自分の手で楽しくスライドショーのプログラミングをしてみましょう。


【どんな事をするの?】
漫然とプログラミングをするのではなく、
[解説]→[質問タイム]→[プログラミング]→[答え合わせ]→[質問タイム]
の流れに沿って、一つ一つの内容をしっかりと理解、習得できるように進めていきます。
質問タイムでは、どんどん質問しちゃってくださいね。


【途中でわからなくなったらどうしよう?】
講座は細かく区切って進めていきますので、ご安心ください。
もし、わからなくなってしまっても、都度「答え合わせ」で正解プログラムコードをお渡しするので、つまづいた箇所だけを後で復習する事もできます。


【教わるのはどんな内容?】
・jQueryとは?
  ~まず知っておきたいjQueryの役割~
・jQueryの基本とセレクターの使い方
  ~「日本語」と比較できるjQuery~
・jQueryの命令
  ~いよいよ動かしてみる~
・jQueryのイベント
  ~動かすタイミングが大事!~
・エフェクト
  ~綺麗に見せるための効果をつけてみる~
といった内容について、解説とハンズオン形式で進めていきます。
聞いた事が無い用語も出てくるかもしれませんが、それらについても解説していきます。


【html/cssはどれくらい知ってればいい?】
下記のhtml/cssが読めれば、jQueryについて問題なく理解できる講座設計にしています。
-------------------------------------
<!--html-->
<div class="slider">
<ul>
<li><img src="img01.jpg"></li>
<li><img src="img02.jpg"></li>
<li><img src="img03.jpg"></li>
</ul>
</div>
-------------------------------------
/*--css--*/
#slider { width: 960px; }
#slider ul li { float: left; }
-------------------------------------
続きを読む

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

新宿・代々木

価格(税込)

¥6,000

受けたい
45人が受けたい登録しています

teacher

この講座の先生

フロントエンド人財育成のプロフェッショナル

株式会社モノサス所属現役フロントエンドエンジニア

フロントエンドエンジニア集団であるCodingFactoryの部長として、制作関連の責任者を歴任。
フロントエンドエンジニア・プロジェクトマネージャーとして大小問わず多くの案件を成功に導く。
[ http://coding-factory.com/ ]

現在は
・Web技術者育成カリキュラム「神山ものさす塾」講師
・株式会社モノサス海外支社にてWebエンジニアのインストラクター
などの人事教育業務に従事しとります。

「マネージャー職」でありながら、「現役エンジニア」を兼務していた経験から、「教えられる側の気持ち」に添った講座を心がけてます。

detail

講座詳細

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

    10:00~12:00
    ・jQueryとは?
      ~まず知っておきたいjQueryの役割~
    ・jQueryの基本とセレクターの使い方
      ~「日本語」と比較できるjQuery~
    ・jQueryの命令
      ~いよいよ動かしてみる~

    12:00~13:00
     ランチ休憩

    13:00~17:00
    ・jQueryのイベント
      ~動かすタイミングが大事!~
    ・エフェクト
      ~綺麗に見せるための効果をつけてみる~

    ※適宜、途中休憩をはさみます。
  • こんな方を対象としています

    ・HTML/CSSを使えるようになったので、次はプログラミングもやってみたい方
    ・難しそうなので踏み出せずにいる方
    ・開発者と詳しい話をしたいデザイナー/ディレクターの方
  • 受講料の説明

    領収書はストリートアカデミーから発行できますので、社外での研修にもぜひご利用ください。
    http://goo.gl/2LiQep
  • 受講する際は以下をお読み下さい

    当日は以下の持ち物をご持参ください。

    ・インターネット接続可能なノートPC(Windows Mac問わず)
    ・電源アダプター
    ・テキストエディター
     文字コード:UTF-8が編集出来るもの
     行番号が表示されるもの
     ※秀丸、サクラエディターなど

review

レビュー

  • 6

  • 楽しかった!( 5 )

  • 勉強になった!( 5 )

  • 行く価値あり!( 5 )

  • 男性 40代

    この講座は「わかりやすく親しみやすいセミナー」でした

    素敵な会場で、先生も気さくで居心地の良いセミナーでした。内容も非常に分かりやすかったです。試験的に開催されたとの事でしたが、また開催されることがあれば参加したいです。

  • 女性 40代

    この講座は「微妙にわからない、聞きにくいところが理解できるようになります」でした

    jQueryやJavascriptstについては独学でやってもいまひとつわからず、業務で関わるソースコードはすでに完成されていて読み解くのが一苦労の状況でした。
    今回、受講して「あれはそういうことだったんだ!」の連続でようやく理解できそうです。初心者の方にはもちろん、今更周りに聞けず、、、とお悩みの方にもおすすめです。

    講座の途中、一部CSSの修正なども発生して先生がすみませんと仰っていましたがそのような派生した修正は実務でも常につきものですので私にとっては良い経験です。

    強いて何かあるとしたら、1点、中央のディスプレイが大きかったのですが文字が少々読みにくかった程度でしょうか。テーブルをもう少し前に寄せれば問題ない範囲かと思います。続編があればまた参加したいです!

  • 男性 30代

    この講座は「楽しんで学習できました」でした

    丁寧で、初心者にも理解できました。
    テキストもわかりやすかったです。

  • 女性 20代

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

    とてもわかりやすくて丁寧に教えてもらいました。
    コードを書きながら勉強しますので、jQueryの基本を理解した上でっすぐに実現できます!
    ウェブデザイン、ウェブ制作やプログラミングに興味を持ってる方にお勧め〜

  • 女性

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

    テキストも解説も、わかりやすく、ためになりました。

  • more

    この先生の他の講座

    relation

    関連講座

    watching

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