無料オンライン学習Livoo!ホーム > コース紹介 > 【完全無料】JavaScript講座

HTML、CSS、JavaScript、PHP、DBの総合的な知識を身につけて、未経験から即戦力のプログラマーを目指すJavaScript講座!
JavaScript講座の特徴
JavaScriptを短期間で学べる講座です!
WEBサイト、ホームページを制作するならまずはJavaScriptを最速で学べるこの講座から!

Webページは、HTMLやCSS、JavaScriptなどさまざまなプログラミング言語を記述して作られています。今ご覧になっているこのWebページもそうです。
JavaScriptはWebサイトに様々な機能を不可することができ、マウスの動きに合わせた表現などユーザの動作に応じた「動的ページ」を可能にします。
JavaScript講座ではHTMLやCSSでは表現できないインタラクティブな表現方法を学んでいただきます。JavaScriptの習得にはHTML・CSSの知識があることが前提ですので、HTML・CSS講座と併せて受講することをおすすめします。

JavaScript講座の動画
無料講座に申込む
Web制作のプロの講師によるわかりやすい解説が魅力!
制作現場で求められるスキルやすぐに使える技術をWeb制作の第一線で活躍しているクリエイターが解説!

現在Web制作の第一線で活躍しているクリエイターが基本知識だけでなく、実際の制作現場で求められるノウハウやスキルに即した解説を行うので、すぐに使える技術が身につきます。

動画を見ながら問題を解き、学んだ内容の知識定着を促進!
動画を見直すこともできるので、重要な箇所の見逃しもなく覚えることができます!

動画の右側に表示される問題を解くのは、解説動画を見る前でも見ながらでも見た後でもかまいません。
重要な箇所を問題として出題しているため、もし間違ってもすぐに動画を見直すことで、知識が定着しやすくなります。

総合演習にて身につけた知識をおさらいしながらページを制作し、基本を完璧に理解!
作成したページは添削を行いますので、自分のコーディング力のレベルがわかり、より技術を磨くことができます!

知識を身につけても実際にページが作成できなくては意味がありません。作成したページの添削を行いますので、自分のコーディング力のレベルが分かり、より実力が付いた上で現場で仕事ができるようになります。

無料講座に申込む
カリキュラム
カリキュラムを見る

  • 0 学習の前に

    • -
      Webアプリ開発環境 インストールマニュアル
  • 1 JavaScriptの基本

    • 1-1
      JavaScriptの役割と書き方
    • 1-2
      HTML内に直接書く方法
    • 1-3
      外部ファイルとして書く方法
    • 1-4
      JavaScriptの実行とデバッグ
  • 2 変数と演算

    • 2-1
      変数と定数
    • 2-2
      変数の演算
  • 3 制御構文

    • 3-1
      条件分岐
    • 3-2
      繰り返し
    • 3-3
      制御構文の組み合わせ
    • 3-4
      補助制御構文
  • 4 配列

    • 4-1
      配列とは
    • 4-2
      繰り返し処理と配列
    • 4-3
      連想配列
  • 5 関数

    • 5-1
      関数とは
    • 5-2
      関数の作成と利用
    • 5-3
      スコープ
  • 6 イベントハンドラ

    • 6-1
      マウスポインタの変更
    • 6-2
      マウスの移動に反応する
    • 6-3
      イベントハンドラのいろいろ
    • 6-4
      イベントリスナー
  • 7 オブジェクト

    • 7-1
      オブジェクトとは
    • 7-2
      stringオブジェクト
    • 7-3
      Mathオブジェクト
    • 7-4
      Dateオブジェクト
    • 7-5
      オブジェクトの作成と利用
  • 8 イメージデータの操作

    • 8-1
      画像の切り替え
    • 8-2
      フェードイン・フェードアウト
    • 8-3
      画像の拡大と縮小
    • 8-4
      アニメーション
  • 9 Canvas

    • 9-1
      図形の描画
    • 9-2
      グラデーション
    • 9-3
      画像の描画
    • 9-4
      グラフの作成
  • 10 フォーム操作

    • 10-1
      初期値の自動設定
    • 10-2
      必須入力項目
    • 10-3
      入力内容のチェック
  • 11 データ操作

    • 11-1
      データの検索
    • 11-2
      データの整列
    • 11-3
      ローカルストレージの利用
    • 11-4
      JSONフォーマット
  • 12 DOM

    • 12-1
      ウインドウの操作
    • 12-2
      スクロールの操作
  • 13 マルチメディア

    • 13-1
      ムービーの操作
    • 13-2
      オーディオの操作
  • 14 jQuery

    • 14-1
      jQueryとは
    • 14-2
      jQueryによるドキュメント操作
    • 14-3
      jQueryによるイベント処理
    • 14-4
      jQueryによるイメージデータの操作
  • 15 Ajax

    • 15-1
      Ajaxとは
    • 15-2
      Ajaxのプログラム
  • 16 総合演習

    • 16-1
      総合演習
    • 16-2
      模範解答
◎1項15分、標準学習時間 約12時間
0 学習の前に - Webアプリ開発環境 インストールマニュアル
1 JavaScript
 の基本
1-1 JavaScriptの役割と書き方
1-2 HTML内に直接書く方法
1-3 外部ファイルとして書く方法
1-4 JavaScriptの実行とデバッグ
2 変数と演算 2-1 変数と定数
2-2 HTMLの歴史
3 制御構文 3-1 条件分岐
3-2 繰り返し
3-3 制御構文の組み合わせ
3-4 補助制御構文
4 配列 4-1 配列とは
4-2 繰り返し処理と配列
4-3 連想配列
5 関数 5-1 関数とは
5-2 関数の作成と利用
5-3 スコープ
6 イベントハンドラ 6-1 マウスポインタの変更
6-2 マウスの移動に反応する
6-3 イベントハンドラのいろいろ
6-4 イベントリスナー
7 オブジェクト 7-1 オブジェクトとは
7-2 stringオブジェクト
7-3 Mathオブジェクト
7-4 Dateオブジェクト
7-5 オブジェクトの作成と利用
8 イメージデータ
 の操作
8-1 画像の切り替え
8-2 フェードイン・フェードアウト
8-3 画像の拡大と縮小
8-4 アニメーション
9 Canvas 9-1 図形の描画
9-2 グラデーション
9-3 画像の描画
9-4 グラフの作成
10 フォーム操作 10-1 初期値の自動設定
10-2 必須入力項目
10-3 入力内容のチェック
11 データ操作 11-1 データの検索
11-2 データの整列
11-3 ローカルストレージの利用
11-4 JSONフォーマット
12 DOM 12-1 ウインドウの操作
12-2 スクロールの操作
13 マルチメディア 13-1 ムービーの操作
13-2 オーディオの操作
14 jQuery 14-1 jQueryとは
14-2 jQueryによるドキュメント操作
14-3 jQueryによるイベント処理
14-4 jQueryによるイメージデータの操作
15 Ajax 15-1 Ajaxとは
15-2 Ajaxのプログラム
16 総合演習 16-1 総合演習
16-2 模範解答
◎1項15分、標準学習時間 約12時間
  • Webサイト制作はまずはここからHTML講座
  • 理想のデザインを実現するためのCSS講座
  • PHP初級講座
  • PHP上級講座
  • DB講座
よくある質問
質問

途中で課金になることはありますか?

解答

Livoo!の講座は無料で受講いただけます。
途中で課金されることはございませんのでご安心ください。

質問

動作環境を教えてください。

解答

詳細は、こちらの動作環境詳細ページにまとめておりますので、ご確認くださいませ。

無料講座に申込む