icon
icon

JavaScriptの学習におすすめの無料問題集を現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptのおすすめ無料問題集について現役エンジニアが解説しています。JavaScriptはブラウザで利用できるだけでなく、非常に多様的に使われています。今回は、無料で学習できる問題集サイトをみていきましょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

JavaScriptの学習におすすめの無料問題集について、TechAcademyのメンター(現役エンジニア)が実際のコードを使って初心者向けに解説します。

 

JavaScriptについてそもそもよく分からないという方は、JavaScriptとは何なのか解説した記事をみてみましょう。

 

なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。

 

田島悠介

今回は、JavaScriptに関する内容だね!

大石ゆかり

どういう内容でしょうか?

田島悠介

JavaScriptのおすすめ無料問題集について詳しく説明していくね!

大石ゆかり

お願いします!

 

JavaScriptとは

JavaScriptとは、1995年にブラウザにモーション(動き)をつけるために開発されるプログラムです。

また、JavaScriptとJavaは全く別の言語であり、Java(大規模システムなどによく利用される)を発展させてJavaScriptになったわけではありません。

元々JavaScriptは、Netscape社が開発した自社の「Netscape Navigator」というブラウザーで初めて搭載されたものでした。

 

そして、JavaScriptは、今のネット社会においては無くてはならないものに変化しました。

JavaScriptはほぼすべてのブラウザで利用できるだけでなく、スマートフォンやWEBゲームなどでも利用されており、幅広く活用されています。

また、フレームワーク(「Vue.js」「Angular」「React」)なども多く存在しているのも特徴です。

フロントエンドだけでなく、サーバーサイドの開発もJavaScript(Node.js)で行えるのことは大きな魅力だといえるでしょう。

下記は、JavaScriptがブラウザで果たす役割をまとめたものです。

 

HTML:

  • マークアップ言語
  • コンテンツに構造と意味を与えます。
  • 段落や見出しを定義したり、画像を挿入したりできます。

CSS:

  • スタイリング言語
  • コンテンツのスタイリングが可能です。
  • フォントや背景の色やサイズを指定できます。

JavaScript:

  • プログラミング言語
  • コンテンツの動的処理などを行います。
  • 入力された値によって表示する内容を変更します。

また、JavaScriptではコンテンツの操作を行う事が可能です。

  • 入力内容のチェック
  • アニメーションの表示
  • 別画面の表示
  • ファイルの取得
  • その他

更に詳しいJavaScriptの役割はこちらをご覧下さい。

 

JavaScriptの問題集の選び方

JavaScriptを学ぶ場合、学習コストそのものはそこまで高くありません。

言語そのものは無料で配布されており、特別なエディターも必要としないためです。

デバッグもブラウザーで直ぐに確認できます。

しかし、インターネットの発展とともにJavaScriptの発展も速いスピードで行われているため基礎だけでなく、最新の知識を手に入れておく必要があるといえるでしょう。

その為、問題集は以下のポイントを押さえた学習がおすすめです。

  1. 基礎を反復練習する
  2. 最新の技術を習得する

また、大抵の問題集は「学習した後に問題を解く」といった構成であるため、問題だけやりたい場合などでサイトを使い分けるとよいでしょう。

 

[PR] コーディングで副業する方法とは

JavaScriptの練習問題が無料で解けるサイト

Progate

初心者は基礎からレッスンを受けて、応用テストで確認できるため、おすすめです。

また、勉強状況をTwitterなどで発信できるため、同じように勉強している人たちとつながれます。

その他にもモチベーションを保つための工夫がされているため、試してみましょう。

CODEPREP

問題を解きながら学習をしていく方式です。

問題は埋め込み式になっており、必要なコードを入力して回答していくことで次に進みます。

わからない場合は、HINTがあるため、学習に行き詰まることはありません。

CODEPREPは一度、Javascriptを勉強してから利用するか、他の勉強と並行で利用することをおすすめします。

CodinGame

一風変わった学習方法であり、ゲームを解く感覚で問題を説いていきます。

また、全ての問題や説明文は英語であるため、注意が必要です。

サイトとして、色々な企業と連携をとっているため、ここでハイスコアを出すことで企業にアピールすることが可能です。

JavaScript練習問題集

この問題集は「こちらはよしもと芸人もりたけんじが自身のテストとして作ったJavaScript練習問題集です。」です。

問題の質も高く、初心者から中級者向けだといえます。

仕様として、問題と答えが一緒に表示されてしまう点は残念であるものの、シンプルな構造でわかりやすいといえるでしょう。

 

執筆してくれたメンター

小宮山晃史(こみやまこうじ)

現在はOracle系システムの導入コンサルに勤め、仕事でコーディングをする機会は少なくなくなっているが、ライフワークで数多くの言語を勉強中。

iphoneのアプリ開発やWEBサーバの構築など幅広く挑戦しています。

 

大石ゆかり

JavaScriptの学習におすすめの無料問題集にどんなものがあるのか、よく分かったので良かったです!

田島悠介

ゆかりちゃん、これからも分からないことがあったら質問してね!

大石ゆかり

分かりました。ありがとうございます!

 

TechAcademyでは、初心者でも、JavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので、参加してみてください。