WebデザインのためのjQuery入門

  • tagオンライン
  • tagトレーニング

開催日

全6回 1時間 (いつでも受講可)

開催地

東京

対象者tag

就業者

費用

無料

tag対象者 … どなたでも : 興味のある方 マイページ会員 : 会員登録されている方 面談済み会員:来社・面談済み会員の方 就業者 : パソナテックから就業中の方

詳細

【就業中の方限定】On-Line TRAINING
On-Line TRAININGは、パソナテックから派遣社員・契約社員・プロフェッショナル社員・正社員として就業中の皆さんのスキルアップ支援として開催しております。
ご自身のキャリアプランに必要な研修が無料で参加いただけます。 

申込みページでご希望のコース名をお伺いしますので、メモなどをお取りいただき、準備ください。同時に3コースまでお申込みいただく事が可能です。

----------------------------------------------------
On-Line TRAINING
WebデザインのためのjQuery入門
----------------------------------------------------

■講義内容■
Web制作に欠かせないjQueryの基本を、スマホUIにおけるインタラクションの実装を通じて学んでいきます。

■ jQueryとは
皆さんは、Webサイトの画像がスライドしたり、ページがスムーズにスクロールしたり、画像をクリックしたらライトボックの中に画像が美しく表示されるのをご覧になったことがあると思います。そのようなサイトのインタラクションを実装するためのものとしてjQueryは人気を誇ってきました。
jQueryはJavaScriptのライブラリです。JavaScriptにはブラウザによって動作が異なるという弱点がありましたが、jQueryを使う事によって、IE6等のレガシーブラウザから最新のブラウザまで、ブラウザの違いを気にせずにインタラクションが実装できるようになりました。

■授業で使用するファイル
第2回-2850_downloads.zip
第3回-2851_downloads.zip
第4回-2852_downloads.zip
第5回-2853_downloads.zip
第6回-2854_downloads.zip
ダウンロード後、readme.txtをご一読くださいませ。
※授業以外での利用は禁止します。


■ 事前準備
公式サイトからjQueryをダウンロードしておいてください。
https://code.jquery.com/

【ダウンロード方法】
リンク先の『jQuery 1.x』下にあるminifiedを右クリックしてファイル保存します。
または左クリックをして表示されるscriptタグをHTMLに貼り付けてお使いください。
jQuery 2.x以降はIE6〜8に対応していません。

この授業ではテキストエディタとブラウザを使用します。お手持ちのエディタ、ブラウザで構いませんが、授業では下記を用います。
・テキストエディタ
 Atom  https://atom.io/
・Webブラウザ
 Google chrome  https://www.google.co.jp/chrome/browser/desktop/index.html

第1回:WebデザインのためのjQuery入門 -スマホサイトのためのjQuery-
Web制作に欠かせないjQueryの基本を、スマホUIにおけるインタラクションの実装を通じて学んでいきます。
第1回は、jQueryの概要とその使い方について学んでいきましょう。

第2回:WebデザインのためのjQuery入門 -スムーズに上にもどるボタンの実装-
第2回は、クリックするとスムーズに上に戻ってくれるボタンをjQueryのコードを書いて実装していきます。

第3回:WebデザインのためのjQuery入門 -ドロワーメニューの実装-
第3回は、ドロワーメニューのコードをjQueryで書いていきます。

第4回:WebデザインのためのjQuery入門 -アコーディオンの実装-
第4回は、クリックすると畳まれている内容が表示される、アコーディオンのようなUIをjQueryのコードを書いて実装していきます。

第5回:WebデザインのためのjQuery入門 -モーダルウィンドウの実装-
第5回は、サムネイル画像やボタンをクリックしたらポップアップするモーダルウィンドウをjQueryのコードを書いて実装していきます。

第6回:WebデザインのためのjQuery入門 -フォーム入力チェックの実装-
最終回はフォームで入力漏れがあった場合に送信できない仕組みをjQueryで実装していきます。

■PCについて■
本コースはschooのオンライン動画学習サービスでのご提供です。
PC環境は< こちら >よりご確認ください。

■注意事項■
■個人情報のご登録について
ご利用にあたり、schooアカウント作成に必要な情報(メールアドレス・氏名・住所・連絡先等を含む個人情報)をご登録させて頂きます。あらかじめご了承ください。

■キャンセルについて
トレーニングをキャンセルされる場合は、トレーニング事務局までご連絡ください。

■受講について
ご提供期間中、受講を完了されなかった方は、今後のOn-Line TRAININGのご利用をお断りさせていただく場合がございますので、ご了承ください。


開催日時 全6回 1時間 (いつでも受講可)
申込締切 随時
会場 オンラインにて受講 
対象者 パソナテックから派遣社員・契約社員・プロフェッショナル社員・正社員として就業中の方

※下記の方にお薦めしてます。
WebデザインのためにjQueryを使用したい方
定員数 提供数に制限がございます。順番をお待ちいただく場合もございますので、あらかじめご了承ください。
費用 schooのオンライン動画学習サービスが無料で受講いただけます。

お問い合わせ 株式会社パソナテック
エンジニアマネジメント トレーニング事務局
engineer@pasonatech.co.jp

地図情報地図情報

なし

登録拠点登録拠点

パソナ

パソナテックは全国11拠点にて、転職相談・お仕事紹介・各種イベント・セミナーを実施しています。

ページトップ