無料で始めるJavaScript学習初心者~中上級者まで!JavaScriptが学べる学習サイト12選

最終更新日:2019年10月8日

レバテックキャリアは
ITエンジニア・Webクリエイター専門の転職エージェントです

JavaScriptはプログラミング初心者でも比較的とりかかりやすく、jQueryをはじめとする便利なライブラリやフレームワークが多数あり、Webサイト、アプリ、ゲームなどさまざまなところで利用されています。
これからJavaScriptを学ぼうと思っている初心者向けの学習サイト、JavaScriptの基礎は身についている中上級者向けの学習サイトを12個ご紹介します。
無料(一部レッスン有料のサイトあり)の学習サイトを中心に紹介していますので、この機会にJavaScriptを始めてみてはいかがでしょう。

初心者向けの学習サイト

ドットインストール / JavaScript入門 (全24回)

Webサイト「ドットインストール」。JavaScript入門の画像

http://dotinstall.com/lessons/basic_javascript_v2

定番のプログラミング学習サイト「ドットインストール」のJavaScript入門レッスンです。
全24回のレッスンでJavaScriptの基本的な使い方を学んでいきます。
各レッスン動画は3分以内なので、ちょっとした隙間時間に勉強するのに最適です。

Progate / JavaScript 基礎編

Webサイト「Progate」。JavaScript基礎編の画像

https://prog-8.com/

無料で学べるプログラミング学習サイト「Progate」では、JavaScriptの基礎が学べるレッスンが用意されています。
修了目安の時間は3時間で、JavaScriptの基本文法、変数、条件分岐、繰り返し処理、配列と連想配列、関数を学びます。
jQueryの初級編もありますので、JavaScriptの基礎編の勉強を終えたらそちらのレッスンもぜひ受けてみてください。

CODEPREP / はじめてのJavaScript

Webサイト「CODEPREP」。はじめてのJavaScriptの画像

http://codeprep.jp/ja

「CODEPREP」はゲーム感覚でプログラミングが学べるサイトです。
「はじめてのJavaScript」は9チャプター構成で、JavaScriptの基本ルール、型、演算を学び、簡単な計算プログラムを作ります。
他にも応用編として以下のレッスンが無料で受けられます。

・JavaScriptで学ぶオブジェクト指向入門
・JavaScriptでつくる残り文字数表示
・JavaScriptでつくるHigher or Lower
・JavaScriptでつくるポップアップ
・JavaScriptでつくるおみくじ
・JavaScriptでつくるタイマー

CodeStudy  / JavaScript

http://jeek.jp/study/exp

「CodeStudy」はブラウザ上でコードを書きながらプログラミングが学べるサイトで、JavaScriptのレッスンが無料で受けられます。
レッスンを受けるには無料の会員登録が必要となります。

マンガで分かるJavaScriptプログラミング講座

Webサイト「マンガで分かるJavaScriptプログラミング講座」の画像

http://crocro.com/write/manga_javascript/wiki.cgi

マンガでJavaScriptが勉強できるサイトです。
4部構成で、第3部ではWebページのプログラミング、第4部ではjQueryを学びます。
「活字ばかりの参考書の勉強は頭に入らない」という方におすすめです。

Codecademy / JavaScript

Webサイト「Codecademy」の画像

https://www.codecademy.com/

海外のプログラミング学習サイト「Codecademy」でもJavaScriptのレッスンが無料(一部有料)で受けられます。
学習の進捗状態が確認でき、科目修了ごとにバッジがもらえるので、学習意欲が続きやすいサイトです。
日本語に対応していないので英語で読解しなければなりませんが、学習を記録しないなら登録せずにレッスンを受けられるので、まずはどんな感じか試してみてはいかがでしょう。

AjaxTower / JavaScript入門

Webサイト「AjaxTower」の画像

http://www.ajaxtower.jp/js/

初心者~中級者向けにプログラミングの解説を行っているサイトで、JavaScript関連の記事が多数あります。
JavaScript入門のページから各記事が閲覧できます。
初心者から中級者に向けた内容になっていますので、これからJavaScriptを学ぶ方に最適です。

パズルネット智慧(ソフィア) / JavaScript入門

Webサイト「パズルネット智慧」。JavaScript入門の画像

http://www.pori2.net/js/

「パズルネット智慧」はパズル関係コンテンツを配信しているサイトで、JavaScript初心者向けの入門解説記事もあります。
基本編、ダイアログ編、フォーム編、タイマー編、DOM編など13のカテゴリに分けて解説しているので、目的に応じて学習しやすいです。

Web Programming Primer / JavaScript入門編・中級編

Webサイト「Web Programming Primer」。JavaScript入門編の画像

http://wp-p.info/

「Web Programming Primer」はプログラマーやクリエイターのための情報サイトで、HTML5、CSS、JavaScript、PHPの各プログラミング言語の解説ページがあります。
JavaScriptは入門編と中級編がありますので、初心者から中級者におすすめです。

中級者〜向けの学習サイト

code.9leap.net

Webサイト「Wcode.9leap.net」の画像

http://code.9leap.net/

ゲームやアプリが簡単に作れるHTML5 + JavaScriptのフレームワーク「enchant.js」を使ってプログラミングが学習できるサイトです。
JavaScriptの基礎を学んだ方で、「enchant.js」を使ったゲーム開発に興味がある方はぜひトライしてみてください。

MDN / JavaScriptリファレンス

Webサイト「MDN」。JavaScriptリファレンスの画像

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference

「MDN(Mozilla Developer Network)」によるJavaScriptリファレンスです。
チュートリアル(初級編、中級編、上級編)もあります。
不完全ながらも日本語訳がされており、英語が苦手な方にありがたいサイトです。

とほほのJavaScriptリファレンス

Webサイト「とほほのJavaScriptリファレンス」の画像

http://www.tohoho-web.com/js/​

こちらもJavaScriptのリファレンスサイトです。
JavaScript入門の解説もありますが、ある程度JavaScriptを扱えるようになった中級者以上向けとなっています。

まとめ

JavaScriptはさまざまなWebサイト、アプリで利用されているので、Webの仕事に携わるなら学んでおいて損はないプログラミング言語です。
初心者でも比較的学びやすい言語ですし、今回紹介したような初心者向けの学習サイトがたくさんありますので、あまり難しく考えずに楽な気持ちで勉強を始めてみてください。

ITエンジニア・Webクリエイターの転職ならレバテックキャリア

レバテックキャリアはIT・Web業界のエンジニア・クリエイターを専門とする転職エージェントです。最新の技術情報や業界動向に精通したキャリアアドバイザーが、年収・技術志向・今後のキャリアパス・ワークライフバランスなど、一人ひとりの希望に寄り添いながら転職活動をサポートします。一般公開されていない大手企業や優良企業の非公開求人も多数保有していますので、まずは一度カウンセリングにお越しください。

転職支援サービスに申し込む

また、「初めての転職で、何から始めていいかわからない」「まだ転職するかどうか迷っている」など、転職活動に何らかの不安を抱えている方には、無料の個別相談会も実施しています。キャリアアドバイザーが一対一で、これからのあなたのキャリアを一緒に考えます。お気軽にご相談ください。

「個別相談会」に申し込む

プロのアドバイザーがあなたのお悩みや疑問にお答えします

- 転職個別相談会開催中 -

相談内容を選択してください

※転職活動や求人への応募を強制することはありません

内定率が高い

関連する記事

人気の記事

スキルアップ記事トップへ

JavaScriptの求人・転職一覧