新型コロナウィルスの感染拡大防止にあたりご確認ください

新型コロナウィルスの感染拡大防止の為、一定期間はお電話でのカウンセリングをご案内させていただきます。

みなさまの安全に配慮し、発熱や風邪の症状がある、海外渡航歴がある場合にも、電話カウンセリングをお願いしております。それ以外の方でも、交通機関での移動にご不安を感じられる方は同様に電話カウンセリングも可能でございます。一人一人に合った支援をさせていただきますので、ご希望がございましたら登録後カウンセリングに進む際にお申し付けください。

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

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

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

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

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

関連する記事

人気の記事

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

無料サポート登録簡単30秒

【厚生労働省】職業紹介事業許可番号(13-ユ-308734)

  • STEP1
  • STEP2
  • STEP3
  • 次のstepで入力すると返事が来る!
  • プロフィール入力すると返事が来る!
  • ご希望の条件を選択してください

    ご希望の勤務形態

    必須

    ご希望の勤務地

    任意

  • プロフィールをご入力ください!必須入力項目はこのページで終わりです。

    氏名

    必須

    氏名かな

    必須

    生年月日

    必須

    電話番号

    必須

    メールアドレス

    必須

  • スキルシート・ポートフォリオをお持ちの方はアップロードしてください

    スキルシート

    任意

    提出しておくことで
    迅速なご紹介が可能に!

    職務経歴書

    ドラッグアンドドロップ or ファイルを選択 選択されていません

    履歴書

    ドラッグアンドドロップ or ファイルを選択 選択されていません

    スキルシートを確認しています...

    スキルシートを確認しています...

    ※ファイルは5MB以下で対応するファイル形式 ? でアップロードしてください
    Microsoft Office .xls .xlsx .doc .docx .ppt .pptx
    KINGSOFT Office .xls .xlsx .doc .docx .ppt
    iWork .numbers .pages .key
    LibreOffice .ods .odt .odp
    OpenOffice .ods .odt .odp
    その他 .pdf

    ポートフォリオURL

    任意

    ?

    ポートフォリオとは主にクリエイターの方が自己PRのために過去の作品や制作実績をまとめた作品集の事です。

    ポートフォリオをWeb上で公開されている方はそのURLを、データでお持ちの方は作品データをアップしたURLを入力してください。

    ※データをアップされる場合は、保存期間や容量制限の少ないGoogleドライブを推奨しています。

    その他ご要望

    任意

  • 下記の内容をご確認いただき問題ないようでしたら、送信してください

    プロフィール入力すると返事が来る!

    • ご希望の勤務形態 必須

    • ご希望の勤務地 任意

      第一希望:
      第二希望:

    • 氏名 必須

    • 氏名かな 必須

    • 生年月日 必須

    • 電話番号 必須

    • メールアドレス 必須

    • 職務経歴書 任意

    • 履歴書 任意

    • ポートフォリオURL 任意

    • その他ご要望 任意

    個人情報の取り扱い 」と「 利用規約 」に同意の上、 『同意して登録する』 ボタンをクリックして下さい。

プライバシーマーク

レバテック株式会社は「プライバシーマーク」使用許諾事業者として認定されています。
個人情報の秘密は厳守します。ご入力いただいた情報は許可を頂くまで求人企業に公開することはありませんので、ご安心ください。

申し込みに関するご注意
以下の方は弊社の事業基盤、求人動向から、ご提案のご連絡までお時間をいただく可能性があります。ご了承ください。
IT業界、または希望職種が未経験の方
レバテックキャリア対象エリア以外での勤務地、また在宅での作業を希望される方

JavaScriptの求人・転職一覧