paiza開発日誌

IT/Webエンジニア向け総合求人・学習サービス「paiza」(https://paiza.jp ギノ株式会社)の開発者が開発の事、プログラミングネタ、ITエンジニアの転職などについて書いています。

初心者でもJavaScriptの基礎知識が身につく7つの学習サイトと書籍

f:id:paiza:20181220163309j:plain
Photo by Christiaan Colen
f:id:paiza:20140916135428p:plainこんにちは。谷口です。

ITエンジニアを目指している方、Webサービスを作ってみたい方の中には、「JavaScriptを学びたい」という方も多いかと思います。

JavaScriptは、動的なWebサイトやアプリの開発で、主にフロントエンドと呼ばれるユーザーの目に触れる部分を開発する言語です。現代のWeb開発においては必要不可欠な言語と言っても過言ではありません。

そのため、初心者だけでなく現役エンジニアの方からも「なんとなく使っているけど実はJavaScriptが苦手」「ちゃんと学び直したい」という声を聞くこともあります。

そこで今回は、プログラミング初心者の方でもJavaScriptの基礎知識が学べるサイトと書籍をご紹介します。

Progate

f:id:paiza:20150204125057p:plain
Progateは、スライドによるレッスンで基礎を学び、オンラインエディタでプログラミングをして実行結果を見ることができます。問題を解く際は、エディタやプレビュー画面と一緒にお手本となる見本画面や解説も見ることができます。

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

f:id:paiza:20150831191304p:plain
「マンガでわかるJavaScript」は、これからプログラミングを学びたい方や、非エンジニアだけどJavaScriptの知識が必要になった方など、初心者向けの学習漫画です。架空の高校生たちに教える形式で、基礎から応用までが解説されているので、漫画を読むだけでそれなりに実践的な知識まで得ることができます。

書籍化もしています。

マンガでわかるJavaScript

マンガでわかるJavaScript

Elevator Saga

f:id:paiza:20160530175817p:plain
Elevator Sagaは、JavaScriptを使ってエレベーターのアルゴリズムを考えるゲームです。

「何秒間のうちに何人を運ぶ」などといった条件がステージごとに決まっているので、クリア目指してコードを追記・修正しながら、エレベーターの動きを制御していきます。

paizaラーニングのJavaScript入門編

動画でプログラミングが学べるpaizaラーニングでは、「JavaScript入門編」を公開しています。先日、新たに「JavaScript入門編3: ループ処理を学ぶ」が追加されました!

動画講座とJavaScriptのオンライン実行環境、演習問題が用意されているので、面倒な環境構築などをしなくても、動画と演習問題を通して楽しくJavaScriptの使い方が学べます。

コードガールこれくしょん


コードガールこれくしょん」略してガルこれは、ナビゲーターと一緒にプログラミング問題を解き、「コードガール」を集めながらストーリーを進めていく、プログラミング学習ゲームコンテンツです。JavaScriptはもちろんJava、PHP、Ruby、Python、C、C++、C#に対応しています。

ゲーム内ではクエスト報酬やログインボーナス・ミッションクリア等の各種特典として手に入る「コイン」や「ダイヤ」を使って、ガチャでさまざまな「コードガール」を収集することができます。クエストで有利になる特殊スキルを発動させたり、「これくしょん」に入れてマイページに飾ったりと、コードガールをたくさん集めるほど楽しみ方が広がります。

JavaScriptの基礎が学べる書籍

スラスラ読める JavaScript ふりがなプログラミング (ふりがなプログラミングシリーズ)

スラスラ読める JavaScript ふりがなプログラミング (ふりがなプログラミングシリーズ)

これから学ぶ JavaScript

これから学ぶ JavaScript

  • 作者: WINGSプロジェクト齋藤新三,山田祥寛
  • 出版社/メーカー: インプレス
  • 発売日: 2018/07/20
  • メディア: 単行本(ソフトカバー)
  • この商品を含むブログを見る

まとめ

前述の通り、JavaScriptはWeb開発に必要不可欠な言語なため、使いこなせるようになれば、エンジニアとして応募できる求人の幅も広がります。興味のある方はぜひ学習を始めてみてください。そしてある程度の基礎が身につきましたら、ぜひpaizaでご自分のスキルをはかってみてくださいね。


paizaラーニングJavaScript入門編こちら



 

paizaラーニング」では、未経験者でもブラウザさえあれば、今すぐプログラミングの基礎が動画で学べるレッスンを多数公開しております。

詳しくはこちら

paizaラーニング

そしてpaizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。

スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。

詳しくはこちら

paizaのスキルチェック





※このブログで紹介しているキャンペーンやイベント、およびサイト内の情報については、すべて記事公開時の情報となります。閲覧されたタイミングによっては状況が変わっている場合もございますのでご了承ください。

ITプログラマー・エンジニア転職・就活・学習のpaiza

プログラミング入門講座|paizaラーニング

PHP入門編Ruby入門編Python入門編Java入門編JavaScript入門編C言語入門編C#入門編アルゴリズム入門編AI機械学習入門

エンジニアのためのプログラミング転職サイト|paiza転職

プログラミング スキルチェックエンジニア求人一覧

未経験からエンジニアを目指す人の転職サイト|EN:TRY

プログラミング スキルチェックエンジニア未経験可求人一覧

エンジニアを目指す学生の就活サイト|paiza新卒

プログラミング スキルチェックエンジニア求人一覧

ブラウザを開くだけで エディタ、Webサーバ、DB等の開発環境が整う|PaizaCloud