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日間 |
| 受講料 | 22,000円（税・教材費込） |
| 難易度 | ★★★☆☆初級 前提スキルをご確認ください。 |
カリキュラム
- JavaScriptの基本
- script要素にJavaScriptを書く／変数を使う／ボタンクリックでランダムな数字を出す／関数を定義して呼出す
- jQueryを使う
- jQueryの書き方／CSSを定める／CSSを活用したプルダウンメニュー／img要素のランダムな差替え／ナビゲーションバーの固定
- jQueryプラグイン
- BigVideo／Particleground
カリキュラム内容は予告なく変更される可能性があります。
到達目標
- JavaScriptの基本的な構文を理解する
- 作例をとおしてプログラムの処理の組み立て方を学ぶ
- jQueryでできることと、基本的なコードの書き方を理解する
- jQueryプラグインの役割と、使い方を知る
作例・授業風景
-
jQuery: CSSを活用したプルダウンメニュー
http://jsdo.it/FumioNonaka/Kbmb - jQuery: img要素のランダムな差替え
http://jsdo.it/FumioNonaka/0IeO - jQuery: Fixed navigation
http://jsdo.it/FumioNonaka/0pkd - jQuery + BigVideo.js: Simple ambient video
http://jsdo.it/FumioNonaka/2v8E - jQuery + Particleground: Background particle
http://jsdo.it/FumioNonaka/4Sx9
担当講師のコメント
JavaScriptの初歩的な書き方とjQueryの基本的な構文を学びながら、実際のコードで目に見えて動くサンプルをつくります。細かい構文までは深入りせず、jQueryもうまく使って、プログラムで処理をどう組み立てるのか理解していただきます。 jQueryで行う操作は、HTML要素やCSSの設定と操作、およびマウスインタラクションなどです。ご紹介できるのは、ごくかぎられた機能にすぎません。けれど、基本的な構文やプログラミングの考え方がわかれば、その後の学習は深めやすくなります。基礎を学ぶ意味はそこにあります。
（野中文雄）
受講前提スキル
下記すべてのPC操作が行える方を対象とした講座です。ご確認ください。
※スキル不足の方は、HTML+CSS入門（Web業務ベーシックトレーニング～CSS編）からの受講をお勧めします
- 会社もしくは個人でホームページを作成・更新したことがある
- HTMLのソースを読むことができる
- CSSを使用してサイトの文字デザインをコントロールできる
- セレクタ・プロパティ・バリューの違いがわかる
- クラスセレクタの設定ができる
講座開催要項
| 講義時間 | 10:00～16:30 5.5時間×1日間 |
|---|---|
| 受講料 | 22,000円（税・教材費込） |
| 難易度 | ★★★☆☆初級 前提スキルをご確認ください。 |
| 募集人数 | 10名（最少開講人数：2名） |
| 担当講師 | 野中 文雄（のなか ふみお） |
| テキスト | オリジナルテキスト |
| ▼来場形式 | |
| 受講OS | Windows 10／Mac OS X （お申し込み時に選択） |
| 使用ソフト | Adobe Dreamweaver CC（アドビ ドリームウィーバー CC）：エディタ Google Chrome（グーグルクローム）：Webブラウザ ※その他類似製品、旧バージョンをご利用の方も受講いただけます。 |
| 持ち物 | ノート、筆記用具、A4サイズのテキストが入る袋 データ持ち帰り希望の方は、保存用メディア（USBメモリ推奨） |
| その他 | お申込み前にご来場時のお願いおよび感染症拡大防止のお願いをご確認ください。 |
| ▼オンライン形式 | |
| 必須ソフト | |
| 必要環境 | 以下の環境を開催日までにご準備ください（1は必須、2は推奨）
|
| その他 | テキストは開催日前日までにご指定の場所へお送りします。 |
関連講座
ご来場時のお願い
- 開場は講義開始時間の20分前です。講義開始5分前までに受付をお済ませください。
- 遅刻する場合は、必ず事前にご連絡ください。
- 駐車場・駐輪場の用意はございません。公共の交通機関をご利用ください。
- 会場内は全面禁煙です。喫煙される方は、携帯灰皿の持参にご協力ください。
- 教室内の空調が寒く感じられる方へは膝かけをご用意しておりますが、数に限りがございます。冷房が苦手な方は、上着を持参くださるようお願い申し上げます。
- 受講者様へのお電話の取り次ぎは休憩時間のみとさせていただきます。
感染症拡大防止のお願い
- 受講日当日朝に必ず検温を実施し、平熱であることをご確認の上ご来場ください。
- 風邪症状がある場合、気分が優れない場合は、受講を見合わせてください。
- スクール会場内でのマスク着用については、任意とさせていただきます。
- 会場入室時は、入口に設置された消毒液にて手指の消毒を実施してください。
