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

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って何?Web初心者でも理解できるように簡単に解説!
エンジニア
マークアップ
公開日: 2019年06月13日
最終更新日: 2022年01月17日
HTMLって何?Web初心者でも理解できるように簡単に解説!
  • # HTML
  • # pickup
  • # 初心者
オンスタ運営

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
【PHP】PHPでライブラリ管理!「Composer」を使ってみよう
テクノロジー
プログラミング
公開日: 2017年12月06日
最終更新日: 2017年12月06日
【PHP】PHPでライブラリ管理!「Composer」を使ってみよう
オンスタ運営

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
JAMstackってなに?もやもやするのでJAMstackについて調べてみた。
テクノロジー
プログラミング
公開日: 2021年03月08日
最終更新日: 2021年03月08日
JAMstackってなに?もやもやするのでJAMstackについて調べてみた。
  • # GatsbyJS
  • # JAMStack
  • # JavaScript
  • # Netlify
オンスタ運営

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
一歩踏み込んだマークダウン(Markdown)の紹介とマークダウン記法を学ぶ
マークアップ
公開日: 2019年10月08日
最終更新日: 2022年01月17日
一歩踏み込んだマークダウン(Markdown)の紹介とマークダウン記法を学ぶ
  • # markdown
  • # マークダウン
  • # 効率化
オンスタ運営

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
【Code.org】4歳から18歳まで!ビジュアルプログラミング言語でプログラミングが学べる『Code.org』について調べてみた
エンジニア
オンライン学習
プログラミング
制作
公開日: 2020年07月21日
最終更新日: 2022年01月17日
【Code.org】4歳から18歳まで!ビジュアルプログラミング言語でプログラミングが学べる『Code.org』について調べてみた
  • # Code.org
オンスタ運営

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プラグイン】スクロール連動型アニメーション!jQuery不要のJSプラグイン「AOS」!
Webデザイン
プログラミング
公開日: 2017年07月17日
最終更新日: 2022年01月17日
【JSプラグイン】スクロール連動型アニメーション!jQuery不要のJSプラグイン「AOS」!
オンスタ運営

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

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

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

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

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