jQuery・jQuery Mobileの入門・基本・基礎トレーニング・講座

イマジカデジタルスケープ 短期集中クリエイティブ講座

イマジカデジタルスケープ・AfterEffects・Photoshop・HTML・CSS・JavaScript・1日トレーニング

Web・動画・映像・ゲーム・DTP・CG・Adobe Creative Cloud・キャリア・就活に

 
 
1 11月・12月・日曜開講のお知らせ
 

お客様index

企業・自治体のお客様に 業務効率化、コスト削減に
クリ博登録者・学生の方に 割引トレーニングはコチラ


イトウ先生のTipsnote


【近日開催予定】 jQuery・jQueryMobileの基礎知識(PC・スマートフォン) |価格:12960円より|

アドビ一覧 > 【近日開催予定】 jQuery・jQueryMobileの基礎知識(PC・スマートフォン) |価格:12960円より|

講座概要

このトレーニングは、HTML、CSS、JavaScriptでのマークアップを理解している方を対象に、jQuery・jQuery Mobileを使用したPCサイト及びスマートフォン用サイトを作りながら、今後自分で調べられる力を身につけることを目的としたトレーニングです。
jQueryは、HTML・CSSでのWebサイトに美しいインターフェイスや様々な振る舞いを比較的容易に提供でき、また、既存のモダンブラウザ全てに対応するクロスブラウザ対応のため、ブラウザによるJavaScriptの実装の差異を意識せずに使用することができる、優れたJavaScriptライブラリです。
このトレーニングでは、jQuery及びjQuery Mobile、jQuery CSSの設置から、初期設定、既存ライブラリの仕組みの理解、ソースの編集、カスタマイズなどを学習します。

なお、jQueryおよびjQueryMobileは、JavaScriptを使用したスクリプトになるため、JavaScriptの理解が不十分の方は、このトレーニングを受講される前に、JavaScriptの基礎知識のご受講も合わせてご検討ください。
また、特にjQueryMobileでは、HTML5から加わった新しい属性、またCSS3でのセレクタやプロパティを使ったデザインが多くなるため、HTML5/CSS3でのマークアップ、新しいタグやセレクタ、メソッドに関する理解が不十分の方は、このトレーニングを受講される前に、HTML5・CSS3の基礎知識(PC・スマートフォン)のご受講も合わせてご検討ください。

期待される効果

  • 既存のHTML/CSSでのページに、美しいインターフェイスや振る舞いを追加することが可能になります。
  • jQueryを使用し、HTMLやCSSを動的に操作する意味を理解できるようになります。
  • JavaScriptで行っていることが、より簡単にできるという意味が理解できるようになります。

受講対象者

受講者へのメッセージ

jQueryおよびjQueryMobileを使用することによって、HTMLやCSSだけでは難しい、Webサイトに美しい振る舞いを設定することが可能になります。また、クロスブラウザ対応でブラウザ間による表示の誤差をそれほど気にしなくてもいいことから、制作のレスポンスが良くなります。
jQueryは、Adobe DreamweaverやFireworksなどの主要Web関連アプリケーションや、Adobe EdgeなどアプリケーションではjQueryをベースにした様々な機能が組み込まれており、今後のWebサイト制作では非常に重要な役割を担うスクリプトの一つといえると思います。
jQueryおよびjQueryMobileの理解には、HTML・CSSの理解、特にCSSの理解は必須となりますが、JavaScript、またHTML5/CSS3の理解があると、jQueryおよびjQueryMobileでやっていることが、どのような仕組みで何をしているのかが、よりよく理解できるようになりますので、このトレーニングは、JavaScriptの基礎知識と、HTML5・CSS3の基礎知識(PC・スマートフォン)のトレーニングとセットでのご受講をご検討ください。HTMLやCSSに関する理解がこれからの方は、HTML・XHTML・CSSの基礎知識からご受講ください。

伊藤 和博

株式会社イマジカデジタルスケープ
トレーニンググループ・トレーニングディレクター

講師歴20年。講座開発数100以上。
総合商社のスクールでMac/Winを使ったDTP/Webトレーニングスクールの業務全般を担当。大手PCメーカー、プリンターメーカー、化粧品メーカー、大手印刷会社、大手広告代理店、新聞社、大手玩具メーカー、大学、官公庁、団体などに向けたト レーニングなど幅広い企業の人材育成に携わる。
現在は、イマジカデジタルスケープにてAdobeCCを中心としたトレーニングの企画、講師を務める。Adobe認定エキスパート、JAGAT認定DTP エキスパート、アップルコンピュータ認定技術者、CIW JavaScript Specialist、CIW Web Design Specialist。

開催日時

開催日 時間
【近日開催予定】 10:00〜17:00

会場

イマジカデジタルスケープ・トレーニングルーム
住所:東京都渋谷区道玄坂1-10-8 渋谷道玄坂東急ビル8F (JR「渋谷」駅西口より徒歩5分、国道246号沿い) [ MAP ]

カリキュラム

はじめに
  • jQuery,jQueryMobileの概要
  • ダウンロードと設置
jQueryについて
  • セレクターとフィルター
  • セレクターの分類
  • htmlの操作
  • CSSの操作
jQueryの書き方
メソッド
  • htmlメソッド
  • cssメソッド
  • textメソッド
  • wrapメソッド
  • 要素の挿入に関するメソッド
  • 置換と変更、削除に関するメソッド
  • メソッドチェーン
イベント
  • クリックやダブルクリックによるイベント
  • マウスの操作と連動したイベント
  • toggle
  • unbind
  • live
外部ファイルの表示
  • 外部text
  • 外部HTML
アニメーション
  • アニメーションの表示非表示
  • スピードのコントロール
  • スライドアニメーション
  • フェードイン、フェードアウト
  • 不透明度の変更
CSS3との併用
  • プロパティの取得について
  • CSSの一括適用と一括削除
  • ストライプテーブル
  • イメージギャラリー
  • タブパネル
  • ドロップダウンメニュー
jQueryの高速化
トラバージング
コンテキストメニューの操作
パブリング
jQueryMobileについて
  • スマートフォン向けフレームワーク
  • 検証環境
  • jQueryMobileの初期設定
ページの考え方とページ遷移
  • CSSの読み込みと、headの重要性
フォームUI
  • フリップスイッチ
  • チェックボックスとラジオボタン
  • ボタン(送信・キャンセル)
  • スライダー
  • セレクトメニュー
  • ボタンアイコン
ページ作成
  • header,footerなどの各主要要素
  • page
  • dialog
  • テーマ
  • トランジション
  • スライドアニメーション
  • ポップアップとフェード
  • ヘッダーとフッターのカスタマイズ
  • ナビゲーションバー
  • フルスクリーンモード
  • グリッドレイアウト
リストUI
  • リストビュー
  • 分割リスト
  • 角丸リスト
  • リストディバイダー
  • アイコン
  • 検索フィルター
オリジナルカラーテーマ
カスタマイズ
  • Theme Roller

テキスト

オリジナルテキストを使用。受講料に含まれているのでお得です!

持ち物

  • 受講票(プリントアウト環境が無い場合には、携帯・スマートフォン等への画面コピーでも可)
  • 筆記用具

※データの持ち帰り、データの持ち込みはできません。

使用アプリケーション

  • テキストエディタ
  • Google Chrome
  • Firefox
  • Safari
  • Internet Explorer
  • Opera

使用端末

Macintosh(MacPro 2.66GHz)またはWindows

【Macintoshの操作に不安のある方へ】



     

【近日開催予定】 jQuery・jQueryMobileの基礎知識(PC・スマートフォン) |価格:12960円より|

【近日開催予定】 jQuery・jQueryMobileの基礎知識(PC・スマートフォン) |価格:12960円より|

価格
円(税込)
数量

▼ 下記商品リストからご希望の商品をお選びください。
受講種別

選択
25,920円:一般
12,960円:学割(大学生・大学院生(要学生証))

※学割(大学生・大学院生(要学生証))とは、満29歳までの大学生・大学院生・専門学校生の方をいいます。ご受講の際、年齢が確認できる身分証明証及び在学中であることが確認できる学生証が必要になります。

※当サイト内の会員登録とイマジカデジタルスケープ求人サイトへのご登録とは別の登録となります。会員登録につきましてはご利用案内をご確認ください。

⇒受講種別について
⇒お申し込みが開催日直前の土日祝祭日、年末年始の場合はこちら

 

ご注文手続きへ

★☆受講者の声☆★

  氏名 : 評点 :
内容 :
[書き込み]

 
 
氏名内容評点日付
 
M.T細かい知識はこれから学習、身につけていくとして、まずは全...2016/03/29
 
S.Eこれまで独学でやってきたので、なんとなく把握していたこと...2014/10/29
 
I.M一人で調べると膨大な時間を要するが、ポイントが学べて良か...2014/07/02
 
S.H短時間で、一通りのjQueryでのメソッドの使い方を理解するこ...2014/07/02
 
K.Kふわーっとしかわかっていなかった部分が明確になりました。...2014/03/03
 
O.KjQueryのメソッドを丁寧に解説して頂き、基礎的な部分に関し...2014/02/14
 
O.H細かく構成や使い方などを教えていただいて、今後に役立てら...2014/02/14
 
O.T見やすかったです。2013/11/18
 
O.K個人でwebサイトを作る際にスライドショーなどの実装をした...2013/07/19
 
K.Hライブラリの使用方法が理解出来た。特にスマホ用のライブラ...2013/07/19
 
K.NJavascriptの講習を受けてなかったので心配でしたが、基礎的...2013/01/30
 
H.Hjavascriptよりも、よりwebデザイン寄りなもので自分の求め...2013/01/30
 
M.Yとても勉強になりましたが、マックPCが使い慣れていないせい...2013/01/30
 
M.KjQueryの基礎的な知識とjQueryMobileについての概要がよくわ...2013/01/30

| カテゴリ | | Web | DTP・デザイン | CG・動画・映像 | キャリア・就活 |
| お客様 Index | | 企業・自治体のお客様に | 学生の方に |
| 目的別・状況別 Index | | Webデザイン入門セミナー | 映像編集入門セミナー | DTPデザイン入門セミナー | 魅力的なポートフォリオ作成 |
| Adobe CCを覚えたい方に | | Photoshop CC 2015の使い方・基本 | Illustrator CC 2015使い方・基本 |
| 画像をきれいに編集する方法 | 読みやすい文字の組み方 |
| HTML / XHTML / CSSの基礎知識 | HTML5 / CSS3の基礎知識 | JavaScriptの基礎知識 | jQuary・jQueryMobileの基礎知識 |
| Dreamweaver CC 2015の使い方・基本 | InDesign CCの使い方・基本 |
| AfterEffects CCの使い方・基本 | AfterEffects CC 2014の使い方・実践 |
| Premiere Pro CC 2014の使い方・基本 |
| Webの基本をマスターしている方 | | 棚橋弘季氏の直伝、ユーザー中心のWebサイト設計 | 益子貴寛氏が伝授するCSS実践テクニック |
| 矢野りんさんに学ぶ、”使える”デザイン基礎知識 | こもり氏のHTML+CSS基礎 | 平塚氏のマーケティング基礎 |
| 坂本氏のIA入門 | Webに関わるすべての人の「Webリテラシー」講座 | 神森勉氏に学ぶコーディング講座 |
| 森川眞行氏に学ぶ、大規模サイトの構築・運用マネジメント |
| 就職・転職・就活中の方へ | | 模擬面接セミナー(個別FB付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |