MENUCLOSE
twitter ツイッターfeedlyRSS

オンスタでは、オンラインで学習するために役立つコンテンツを掲載しています。そのほか、UdemyをはじめとしたEラーニングサービスの紹介も行っています。

オンスタ | オンラインで学習するための近道になるサイト
JS初心者必見!JavaScriptの勉強ができるWEBサービス紹介【タイプ別】

JS初心者必見!JavaScriptの勉強ができるWEBサービス紹介【タイプ別】

公開日:2018年12月28日
最終更新日:2022年01月17日
オンスタ運営
プログラミング
マークアップ
ホーム > 全記事一覧 > 制作 > エンジニア > マークアップ > JS初心者必見!JavaScriptの勉強ができるWEBサービス紹介【タイプ別】

Warning: Undefined variable $_cat_enginieer_flag in /home/growgroup/online-study.jp/public_html/wp-content/themes/online-study-wp/views/object/components/related-posts-inline.php on line 37
このエントリーをはてなブックマークに追加
JS初心者必見!JavaScriptの勉強ができるWEBサービス紹介【タイプ別】
【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

こんにちは、ざきやまです!

 

本年も残りわずかとなりましたね〜。
GrowGroupは本日で仕事納めとなります。
今年も1年ご愛顧頂き、誠にありがとうございました!
来年もどうぞよろしくお願いいたします(^▽^)/-☆

 

本年締めのブログとなりますが早速!

 

サイト制作をされている方、特にエンジニアは使わない日はないというくらいお世話になるプログラム言語「JavaScript」!
ざきやまも絶賛勉強中なのですが、本を読み進めるだけではなかなか難しい・・・
ということで、本での学習とは別で進めたい「JavaScriptを勉強できるWEBサービス」をご紹介したいと思います!

 

皆さまはスキルアップのための勉強をするとき、どのような勉強方法を選びますか?
「本や動画を見て勉強」しますか?「問題を解いてひたすら実践する派」ですか?
それとも「文字を見てたら3分で眠くなる、楽しくやりたいぜ」タイプですか?

 

今回はどんなタイプの方でもJavaScriptの勉強ができるように、タイプ別でご紹介いたします!

 

動画でJavaScriptを学ぶ

ドットインストール

3分動画でマスターするプログラム学習サイト「ドットインストール」

https://dotinstall.com/

「3分動画でマスターできる、初心者向けプログラミング学習サイトです。」というサイト説明のとおり、約3分の動画×約10回前後で1レッスンとなっており、テンポよくJavaScriptを学ぶことができます。長時間の授業が苦手だった人にはぴったりです!
現在は「JavaScript入門」やおみくじや電卓をJavaScriptで作るレッスンが8個、無料で公開されております。
プレミアム会員(月額980円)になるとJavaScriptだけでさらに13レッスン追加で閲覧することができる上にソースコードやデモの確認ができるようになります。

 

 

Schoo(スクー)

動画教材によるオンライン動画学習サービス「Schoo(スクー)」

https://schoo.jp/

業界最先端のITスキルをはじめとして、ビジネススキルやプログラミング、WEBデザインなどの授業が生放送形式で公開されています。
無料登録するだけで生放送授業を受けることができ、先生に質問したり他のユーザーとコミュニケーションをとることができるサービスです。(録画などは有料となります)普通の学習サイトでは学べないちょっと変わった授業もあったりします!

 

ひたすら問題を解いてJavaScriptを学ぶ

CODEPREP

学ぶ実践型プログラミング学習サービス「CODEPREP」

https://codeprep.jp/

こちらは2018年3月26日に終了となってしまうのですが、問題を解いて進めていきたいという方にはぴったりなサービスです。
JavaScript入門は無料となっていますが、全てのブックを進めたい場合は月額980円かかります。
実行環境が用意されており、プログラムの動きを視覚的に確認しながら進めることができます。残り4ヶ月のうちにぜひ!

 

ゲーム感覚でJavaScriptを学ぶ

CODE COMBAT

一番ステキなプログラミング学習ゲーム「CODE COMBAT」

https://codecombat.com/

CODE COMBATはコードを書いてステージをクリアしていくRBGブラウザゲームです!
最初にPythonやJavaScriptなどのプログラム言語の中からどれを学ぶか選択することができます。JavaScriptを選択すると、1ステージ目では「構文・メソッド・文字列・ループ・変数」などの知識を身につけることができます。しかもゲームを進めながらという素晴らしいサービスです・・・!序盤は無料でプレイできますが、中盤以降は有料となっています。

 

 

CODEPREP

プログラミング学習ゲーム「CodinGame」

https://www.codingame.com/

こちらまだこれからプレイする予定なのですが、本当にリアルなゲームにしか見えないこちら。
非常に丁寧に作り込まれていると話題で、ゲームの種類も豊富にあるそうです!英語サイトということもありやや難易度が高そうなのですが、難易度のランクがあるみたいなので一通り基礎を学んだあとの腕試しに挑戦してみるのもいいかもしれません!

 

最後に

いかがでしょうか?
毎日毎日、本とPCと睨めっこしながら難しい勉強をするのは誰だって疲れてしまいますよね。
このように勉強方法を変えると気分も変わって効率よく学ぶことができるのではないでしょうか!
ぜひ参考にしてみてください!

 

最後までご閲覧いただきましてありがとうございました〜^^/
それでは、よいお年をお迎えください!


【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

Udemyを実際に体験した方の感想記事もぜひご覧ください♪

関連コンテンツ


Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
新年早々スマホコーディングの「html/css」についてもう一度おさらいしてみる。
マークアップ
公開日: 2017年01月18日
最終更新日: 2017年01月18日
新年早々スマホコーディングの「html/css」についてもう一度おさらいしてみる。
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
IT系勉強会に参加して輪を広げよう!
Webデザイン
テクノロジー
プログラミング
マーケティング
公開日: 2017年11月08日
最終更新日: 2017年11月08日
IT系勉強会に参加して輪を広げよう!
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
WordPressで簡単な機能を追加する時のTIPS
プログラミング
公開日: 2017年09月30日
最終更新日: 2017年09月30日
WordPressで簡単な機能を追加する時のTIPS
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
【仮想環境構築】Vagrant + VirtualBoxで「作って壊せる」テスト環境を作ってみよう!
システム
テクノロジー
プログラミング
公開日: 2018年03月16日
最終更新日: 2018年03月16日
【仮想環境構築】Vagrant + VirtualBoxで「作って壊せる」テスト環境を作ってみよう!
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
コーダーはCSS設計に夢を見る
テクノロジー
マークアップ
公開日: 2017年02月10日
最終更新日: 2022年01月17日
コーダーはCSS設計に夢を見る
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
[JavaScript_中級者への道] Js_Promiseを使ってみる
プログラミング
公開日: 2020年02月21日
最終更新日: 2022年01月17日
[JavaScript_中級者への道] Js_Promiseを使ってみる
  • # ES6
  • # JavaScript
  • # Promise
  • # コールバック
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
コピペ実装!CSSだけで作れるお洒落で使いやすいボタン◉サンプルコード12選
Webデザイン
マークアップ
公開日: 2018年03月02日
最終更新日: 2018年03月02日
コピペ実装!CSSだけで作れるお洒落で使いやすいボタン◉サンプルコード12選
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
【CSS】CSSレイアウト組まとめ(中編)
テクノロジー
マークアップ
公開日: 2017年10月06日
最終更新日: 2017年10月06日
【CSS】CSSレイアウト組まとめ(中編)
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
Scratchなら遊び感覚で学べる!サービスの特徴やメリットをピックアップ
プログラミング
公開日: 2019年08月04日
最終更新日: 2022年01月17日
Scratchなら遊び感覚で学べる!サービスの特徴やメリットをピックアップ
  • # Scratch
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
[JavaScript_中級者への道] JavaScript開発環境について – npm について
マークアップ
公開日: 2020年03月19日
最終更新日: 2022年01月17日
[JavaScript_中級者への道] JavaScript開発環境について – npm について
  • # Bower
  • # Grunt
  • # node.js
  • # npm
  • # タスクランナー
  • # 歴史
  • # 開発環境
オンスタ運営
全記事一覧

web制作者にオススメのオンライン学習サイト「Udemy」

世界最大級のコースがラインナップ!電子書籍サイト「Udemy」

世界最大級のコースがラインナップ!オンライン学習サイト「Udemy」

「Udemy」ではいつでもどんなトピックでも、専門家が教える何千ものコースを用意されており、無料で学べるコースも多数あります。もうちょっと勉強したいな。スキルアップしたいな。と思ったら是非チェックしてみてください。