| 対象者 | プログラミングを行なったことのない初心者の方 | ||
|---|---|---|---|
| 学習目標 | Javascriptを習得する | ||
| ダウンロード テキスト |
あり | ||
| 動作環境 | こちらからご確認ください | ||
| レッスン数 | 56レッスン | 標準学習時間 | 約17時間 |
- トップ
- 講座
- JavaScript講座
JavaScript講座

Webページは、HTMLやCSS、JavaScriptなどさまざまなプログラミング言語を記述して作られています。その中で、JavaScriptはWebサイトに様々な機能を付加することができ、マウスの動きに合わせた表現などユーザの動作に応じた「動的ページ」を可能にします。
この講座ではHTMLやCSSでは表現できないインタラクティブな表現方法を学ぶことができます。
現在Web制作の第一線で活躍しているクリエイターが基本知識だけでなく、実際の制作現場で求められるノウハウやスキルに即した解説を行うので、すぐに使える技術が身につきます。
知識・スキルをしっかり定着できる講座構成
解説動画と理解度をチェックする問題が一組になった講座構成になっております。
問題を解くのは、解説動画を見る前でも見ながらでも見た後でもかまいません。
重要な箇所を問題として出題しているため、もし間違ってもすぐに動画を見直すことで、知識が定着しやすくなります。
また、知識を身につけても実際にページが作成できなくては意味がありません。講座のまとめである総合演習では、作成したページの添削を行いますので、自分のコーディング力のレベルが分かり、より実力が付いた上で現場で仕事ができるようになります。
カリキュラム
| No. | タイトル |
|---|---|
| 1 | JavaScriptの役割と書き方 |
| 2 | HTML内に直接書く方法 |
| 3 | 外部ファイルとして書く方法 |
| 4 | JavaScriptの実行とデバッグ |
| 5 | 変数と定数 |
| 6 | 変数の演算 |
| 7 | 条件分岐 |
| 8 | 繰り返し |
| 9 | 補助制御構文 |
| 10 | 先生インタビュー |
| 11 | 配列とは |
| 12 | 繰り返し処理と配列 |
| 13 | 連想配列 |
| 14 | 関数とは |
| 15 | 関数の作成と利用 |
| 16 | スコープ |
| 17 | オブジェクトとは |
| 18 | stringオブジェクト |
| 19 | Mathオブジェクト |
| 20 | Dateオブジェクト |
| 21 | オブジェクトの作成と利用 |
| 22 | 先生インタビュー |
| 23 | DOMとは |
| 24 | ウインドウの操作 |
| 25 | DOM応用 |
| 26 | マウスイベント |
| 27 | その他のイベント |
| 28 | イベントリスナー |
| 29 | 画像の切り替え |
| 30 | フェードイン・フェードアウト |
| 31 | 画像の拡大と縮小 |
| 32 | アニメーション |
| 33 | 先生インタビュー |
| 34 | 図形の描画 |
| 35 | グラデーション |
| 36 | 画像の描画 |
| 37 | グラフの作成 |
| 38 | 初期値の自動設定 |
| 39 | 必須入力項目 |
| 40 | 入力内容のチェック |
| 41 | データの検索 |
| 42 | データの整列 |
| 43 | ローカルストレージの利用 |
| 44 | JSONフォーマット |
| 45 | 先生インタビュー |
| 46 | ムービーの操作 |
| 47 | オーディオの操作 |
| 48 | jQueryとは |
| 49 | jQueryによるドキュメント操作 |
| 50 | jQueryによるイベント処理 |
| 51 | jQueryによるイメージデータの操作 |
| 52 | Ajaxとは |
| 53 | Ajaxのプログラム |
| 54 | 先生インタビュー |
| 55 | 総合演習 |
| 56 | 模範解答 |