MENUCLOSE
twitter ツイッターfeedlyRSS

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

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

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

公開日:2017年12月28日
最終更新日:2017年12月28日
オンスタ運営
プログラミング
マークアップ
ホーム > 全記事一覧 > 制作 > エンジニア > マークアップ > 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
JSでのFunctional Programmingの原則と書き方
テクノロジー
プログラミング
公開日: 2021年10月04日
最終更新日: 2021年10月04日
JSでのFunctional Programmingの原則と書き方
t.yoshioka

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テクニック
Webデザイン
マークアップ
公開日: 2018年02月09日
最終更新日: 2018年02月09日
【コーディング】実装に悩んだ時に使える便利な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
requestAnimationFrameの基本的な書き方と使用例を学んでみた。
テクノロジー
プログラミング
公開日: 2021年06月30日
最終更新日: 2021年06月30日
requestAnimationFrameの基本的な書き方と使用例を学んでみた。
d.kitahama

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
游ゴシックのテキストをIEで表示すると謎の余白ができる【問題検証と対策】
デザイン
マークアップ
公開日: 2019年03月30日
最終更新日: 2022年01月17日
游ゴシックのテキストをIEで表示すると謎の余白ができる【問題検証と対策】
オンスタ運営

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
【最新】Pythonの学習におすすめの本全部で14選
プログラミング
制作
電子書籍
公開日: 2019年06月25日
最終更新日: 2022年01月17日
【最新】Pythonの学習におすすめの本全部で14選
  • # Python
  • # おすすめ
  • # 本
オンスタ運営

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
Sketchを使ったイラストレーター(illustrator)から爆速でコーディングする方法
マークアップ
公開日: 2017年07月29日
最終更新日: 2017年07月29日
Sketchを使ったイラストレーター(illustrator)から爆速でコーディングする方法
オンスタ運営

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
残り5時間!Udemyで新規受講生向けのセール実施中!新規ユーザー向けに対象コースが¥1,320から
エンジニア
オンライン学習
オンライン学習キャンペーン情報
デザイナー
デザイン
プログラミング
制作
公開日: 2019年11月07日
最終更新日: 2022年01月17日
残り5時間!Udemyで新規受講生向けのセール実施中!新規ユーザー向けに対象コースが¥1,320から
  • # Python
  • # 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
JSのWeb API(getBoundingClientRect)の活用例を紹介
プログラミング
公開日: 2021年10月15日
最終更新日: 2021年10月15日
JSのWeb API(getBoundingClientRect)の活用例を紹介
m.watanabe

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
夏だしオバケ怖いってことでPhantomJSを使ってスクレイピング試してみた
プログラミング
公開日: 2017年08月04日
最終更新日: 2017年08月04日
夏だしオバケ怖いってことでPhantomJSを使ってスクレイピング試してみた
オンスタ運営
全記事一覧

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

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

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

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