ホーム » [Lev2] プログラミングの勉強方法 » JavaScriptの無料学習サイト&ゲームのおすすめ19選!
a
[Lev2] プログラミングの勉強方法

JavaScriptの無料学習サイト&ゲームのおすすめ19選!

JavaScriptを無料で学習できるサイトをお探しではありませんか?

JavaScript関連の書籍はたくさん出版されていますが、無料学習サイトも充実しているので、チェックしてみることをおすすめします。

JavaScriptはWeb開発で主に利用されることが多く、サーバー側とフロントサイド側両方で重宝される言語ですので、習得すればエンジニアとしてキャリアの幅が広がります。

本記事にて紹介する無料学習サイトでJavaScriptの勉強をスタートしてみましょう。

JavaScriptの無料学習サイトのおすすめ一覧

JavaScriptの無料学習サイトを学習形態別におすすめを紹介していきます。

ご自身が勉強しやすいサイトからチェックしてみてください。

JavaScriptを動画にて学習できるサイト

JavaScriptの動画講義を視聴できるサイトを紹介していきます。

視聴するだけですから気軽に勉強できますし、わかりやすい解説によって初学者でも理解が進みやすいと思います。

ドットインストール


動画でJavaScriptを学べるサイトで、無料で学べる講座が多数公開されています。

JavaScriptを通して簡単なアプリを作る講座などもあり実践的です。

有料だと数10の講座を追加で受講でき、1,080円という比較的安価ですので、ドットインストールで受けたい講座があったら有料プランにしてもいいかもしれません。

⇒ドットインストール公式

paiza


1つのレッスンにつき3分間という短い講義と練習問題をセットにして進めていくスタイルのJavaScript学習サイトです。

動画ならわかりやすいですし、学んだことをすぐアウトプットするので、身に付きやすいと思います。

⇒paiza公式

Schoo


動画講義があり、生放送でも様々なトピックを扱っている珍しいサイトです。

JavaScriptの講座は簡単なゲームやアプリ開発をしてみるといった興味深いものがありますので、チェックしておいて損はないと思います。

⇒Schoo公式

【番外編】Udemy


Udemyは有料で動画講座を提供しているため、無料では学習できませんが、JavaScriptに関してかなり内容の充実した講座が多数あるので紹介させていただきます。

価格は1万から2万程度の講座が多いですが、頻繁に割引セールをやってますので、セール時を狙って講座を購入するのがおすすめです。

⇒Udemy公式

JavaScriptをWeb上でコーディングの学習ができるサイト

JavaScriptをWeb上でコーディングの学習ができるサイトを紹介しています。

開発環境を構築する必要なく、すぐコードを書いて勉強できるのでおすすめです。

Progate


課題を与えられ、コーディングしながらステップアップしていけるサイトです。

課題をクリアするとレベルアップする仕組みとなっており、一種のゲーム感覚で成長していくことを楽しめるという点でもおすすめです。

⇒Progate公式

CODEPREP


こちらもコーディングしながらJavaScriptを学んでいくサイトです。

一部有料ですが、無料でも基本を学習することができます。

⇒CODEPREP公式

code.9leap


JavaScriptのフレームワークであるenchant.jsを利用しつつ、課題としてサービス・ゲームを作っていくことを通して学べるサイトです。

enchant.jsはゲーム開発の現場でよく利用されており、将来的にゲーム開発のエンジニアを目指しているような人にはおすすめですね。

⇒code.9leap公式

codecademy


海外の学習サイトであるため英語が読めないといけませんが、ブラウザ上で気軽に学習できるので、英語の勉強も兼ねつつJavaScriptを習得したい人にはうってつけかもしれません。

学習の進み具合が%で表示され、修了するごとにレベルが上がっていくのでモチベーションが続きやすいです。

⇒codecademy公式

JavaScriptを解説しているサイト

ここではJavaScriptを解説しているサイトを紹介していきます。

サンプルコードが充実しているサイトが多いので、書いて覚えることも可能です。

初心者のためのJavaScript入門 – @IT


IT系のスキルを広く解説している@ITにはJavaScript入門の記事があります。

コードを書きながら進めていけますし、中級者以上向けの記事もたくさんあるのでおすすめです。

⇒@IT公式

JavaScript入門 – パズルネット智慧


JavaScriptの完全初学者向けにわかりやすい解説をしているサイトです。

サンプルコードが充実しているので書いて覚えたい人にもおすすめです。

⇒パズルネット智慧公式

JavaScript入門 – Let’sプログラミング


JavaScriptの入門者向けに丁寧な説明をしているサイトです。

クラスに関する解説が充実しているのが特徴的ですね。

⇒Let’sプログラミング公式

とほほのWWW入門


昔からあるサイトでサンプルコードを書きながら学習を進めていくスタイルをとってます。

とにかく書いて覚えていきたい人にはおすすめです。

⇒とほほのWWW入門公式

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


マンガ形式でJavaScriptについて解説していくサイトです。

堅苦しい説明はないので、気軽に学習したい人におすすめです。

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

Web Programming Primer


JavaScriptに関して入門編から中級編、応用編、実践編と初学者から中級者以上の人まで幅広く解説しているサイトです。

他サイトで物足りないと感じた人はチェックしてみましょう。

⇒Web Programming Primer公式

UX MILK


基本的にはWebサイトのデザインに関する記事が中心のサイトですが、 JavaScriptに関する記事も多いです。

実践的、実務的な内容のものが多いので、非常に参考になると思います。

⇒UX MILK公式

コピペで使える JavaScript逆引きリファレンス


JavaScriptで実現したい動作に関するコードを辞書的に調べることができるサイトです。

すでにJavaScriptを使って実務をしている人や、JavaScriptを取り入れたサイトなどを作りたい人向けと言えます。

⇒コピペで使える JavaScript逆引きリファレンス公式

JavaScriptをゲームで学習ができるサイト

JavaScriptをゲームで学習ができるサイトを紹介していきます。

ゲーム好きなら遊びながら学べますし、子供にもおすすめです。

ロジックサマナー~閃光の召喚プログラマ


召喚士として召喚獣を操りながら世界に平和を取り戻すという異世界ものの本格RPGです。

絵やグラフィック、ゲーム性のクオリティは高く、普通にゲームとして楽しめると思います。

JavaScript以外にも多数のプログラミング言語を選択できるのも大変便利です。

⇒ロジックサマナー~閃光の召喚プログラマ公式

プログラミングで彼女を作る


プログラミングを問題を解いていくうちにアイテムを入手でき、彼女に着せ替えなどができるようになるというゲームです。

恋愛ゲーム好きの人にはおすすめかもしれません。

⇒プログラミングで彼女を作る公式

CodeCombat


英語サイトですが(日本語対応)、ゲームをしながらJavaScriptを学べます。

基本的に子供のプログラミング教育向けに作られているサイトですので、プログラミングに興味を持ってもらう目的でお子さんに勧めてみてはいかがでしょうか。

⇒CodeCombat公式

JavaScript以外にはどんな言語がある?

JavaScriptはゲーム開発やWeb開発などで高い需要がありますが、その他にも人気の言語はたくさんあります。

就職転職しやすい言語や、年収が高い言語、スマホアプリ開発言語など様々です。

プログラミングを本格的に勉強して、エンジニアとなりたいならまず最初の言語選びが大事となってきます。

未経験者におすすめのプログラミング言語については下記の記事でまとめているのでぜひチェックしてみてください。

【まとめ】JavaScriptの無料学習サイトは多いのでうまく利用しよう

いかがでしょうか。

JavaScriptの無料学習サイトは多く、充実しているので、自分が勉強しやすいサイトを選びやすくて、学習を進めていきやすいです。

JavaScriptはIT業界の中でも根強い需要があり、習得すればエンジニアとして市場価値を上げることができますからぜひ学習することをおすすめします。

独学サイトを試してみたが学習が進まない、実務に活かせそうにない、とお悩みの人はプログラミングスクールも検討してみましょう。

当サイトにてプログラミング学習相談、スクール選びの相談をしてますのでJavaScriptの学習で何か聞きたいことがあれば以下のフォームよりぜひお気軽にお問い合わせください。

問い合わせはこちら

スクール選びに迷っている方へ無料相談会

variiisではITを学んだことがない人がこれからIT業界へ入りたい人をサポートしています。

様々な悩みをお持ちの方の無料雑談会をお受けしております。

  • プログラミングスクールへ入るか?どのスクールがいいか?入るほうがいいのか?
  • プログラミング学習の第一歩はどうすべきか?
  • 未経験からIT転職はできるのか?
  • IT業界の実情は実際どうなの?

スクール形式のご支援もありますが、まずはざっくばらんにオンラインで話しましょう!

過去100名を超える支援を様々な形で行ってきました。

まずはLINE友達への追加をお待ちしております!
追加された方に特別プレゼントを募集中!!

友だち追加