Web講座

jQueryではじめるJavaScript入門

JavaScriptの基礎を定評のあるjQueryとともに学ぶ。

HTML5でインタラクティブなコンテンツをつくろうとしたとき、CSSだけでなくJavaScriptコードも書けると表現の幅は大きくひろがります。
jQueryは応用しやすく、定評のあるライブラリです。標準のJavaScriptだけでは何行にもなってしまう処理も、jQueryを使うことで簡単に書けます。CSSの知識が活かせることも特長です。

本講座は、JavaScriptの基礎を身につけながら、jQueryも活用した効率のよいスクリプティングについて学ぶことを目的としています。実際にコードとして書く作例は、段階を踏んで解説します。できるだけ、目で見て結果が確かめられるサンプルを選びました。

受講対象者は、HTMLとCSSの基礎を学んだ方です。JavaScriptは書いたことがなくて構いません。

概要

講義時間 10:00~16:30(昼休憩60分) 5.5時間×1日間
受講料 20,000円+消費税 (教材費込) 優待制度もございます。
難易度 ★★★☆☆初級 前提スキルをご確認ください。

※アプリケーションバージョンアップのお知らせ(2017年10月より)

詳しくは講座開催要項へ

カリキュラム

JavaScriptの基本
script要素にJavaScriptを書く/変数を使う/ボタンクリックでランダムな数字を出す/関数を定義して呼出す
jQueryを使う
jQueryの書き方/CSSを定める/CSSを活用したプルダウンメニュー/img要素のランダムな差替え/ナビゲーションバーの固定
jQueryプラグイン
BigVideo/Particleground

到達目標

  • JavaScriptの基本的な構文を理解する
  • 作例をとおしてプログラムの処理の組み立て方を学ぶ
  • jQueryでできることと、基本的なコードの書き方を理解する
  • jQueryプラグインの役割と、使い方を知る

作例・授業風景

  1. jQuery: CSSを活用したプルダウンメニュー
    http://jsdo.it/FumioNonaka/Kbmb
  2. jQuery: img要素のランダムな差替え
    http://jsdo.it/FumioNonaka/0IeO
  3. jQuery: Fixed navigation
    http://jsdo.it/FumioNonaka/0pkd
  4. jQuery + BigVideo.js: Simple ambient video
    http://jsdo.it/FumioNonaka/2v8E
  5. jQuery + Particleground: Background particle
    http://jsdo.it/FumioNonaka/4Sx9

担当講師のコメント

JavaScriptの初歩的な書き方とjQueryの基本的な構文を学びながら、実際のコードで目に見えて動くサンプルをつくります。細かい構文までは深入りせず、jQueryもうまく使って、プログラムで処理をどう組み立てるのか理解していただきます。 jQueryで行う操作は、HTML要素やCSSの設定と操作、およびマウスインタラクションなどです。ご紹介できるのは、ごくかぎられた機能にすぎません。けれど、基本的な構文やプログラミングの考え方がわかれば、その後の学習は深めやすくなります。基礎を学ぶ意味はそこにあります。

(野中文雄)

受講前提スキル

下記すべてのPC操作が行える方を対象とした講座です。ご確認ください。
※スキル不足の方は、Web業務ベーシックトレーニング~CSS編からの受講をお勧めします

  • 会社もしくは個人でホームページを作成・更新したことがある
  • HTMLのソースを読むことができる
  • CSSを使用してサイトの文字デザインをコントロールできる
  • セレクタ・プロパティ・バリューの違いがわかる
  • クラスセレクタの設定ができる

講座開催要項

講義時間 10:00~16:30 5.5時間×1日間
受講料 20,000円+消費税 (教材費込) 優待制度もございます。
難易度 ★★★☆☆初級 前提スキルをご確認ください。
募集人数 10名 (最少開講人数:3名)
担当講師 野中 文雄(のなか ふみお)
テキスト オリジナルテキスト
受講OS Windows 7/Mac OS X (お申し込み時に選択)
使用ソフト Adobe Dreamweaver CC(アドビ ドリームウィーバー CC):エディタ
Firefox(ファイアーフォックス):Webブラウザ
※その他類似製品、旧バージョンをご利用の方も受講いただけます。
持ち物 ノート、筆記用具
データ持ち帰り希望の方は、保存用メディア(CD-R、USBメモリなど)
その他 お申込み前にご来場時のお願いをご確認ください。

jQueryではじめるJavaScript入門:開催日

2017年9月27日(水) 申し込み可|△*1
2017年11月21日(火) 申し込み可|△*1

*1:申し込みがまだ開講最少人数に達していません。最終開講確定日は、開催日の5営業日前となります。

*2:満席に達しています。クリックするとキャンセル待ちフォームへ移動します。3席以上のキャンセル待ちで追加開講の調整をさせていただきます。

  • 3名様以上まとめてのお申し込みで、日程外講習を開催することも可能です
  • 全国対応の出張・訪問研修も可能です 詳しくは企業向け講習をご覧ください
  • 上記日程で都合がつかない、土日に開講してもらいたいという方のために、開講リクエストを承ります

お申込みはこちら

関連講座

ご来場時のお願い

  • 開場は講義開始時間の30分前となります。講義開始5分前までに受付をお済ませください。
  • 遅刻する場合は、必ず事前にご連絡ください。
  • 駐車場・駐輪場の用意はございません。公共の交通機関をご利用ください。
  • 会場内は全面禁煙です。喫煙される方は、携帯灰皿の持参にご協力ください。
  • 教室内の空調が寒く感じられる方へは膝かけをご用意しておりますが、数に限りがございます。冷房が苦手な方は、上着を持参くださるようお願い申し上げます。
  • 受講者様へのお電話の取り次ぎは休憩時間のみとさせていただきます。

開講日カレンダー

Web講座一覧

Web基礎
Web業務ベーシックトレーニング~必須基礎知識編
Web業務ベーシックトレーニング~HTMLマークアップ編
はじめてのGoogleアナリティクス講座
アクセスアップにつなげるSEO基礎講座
Jimdo
無料ではじめるビジネスサイト作成講座
Jimdoテクニカル講座
HTML+CSS
Web業務ベーシックトレーニング~CSS編
HTML+CSS実践トレーニング
HTML+CSSプロフェッショナルテクニック
CSS3
CSS3アニメーションでつくるインターフェイス表現
Adobe Fireworks
Fireworksで学ぶWebデザインの基礎
Adobe Dreamweaver
Dreamweaverベーシックトレーニング
Dreamweaverアドバンストレーニング
HTML5
HTML5 + CreateJSによるリッチコンテンツ作成講座
Javascript
jQueryではじめるJavaScript入門
WordPress
WordPressベーシックトレーニング
WordPressアドバンストレーニング
Adobe Flash
Flashベーシックトレーニング
Adobe Flash ActionScript
ActionScriptベーシックトレーニング(ActionScript 3.0対応)
基礎から学ぶActionScript 3.0