Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
JavaScriptをとことんやってみよう【超初心者から脱初心者へレベルアップ】【わかりやすさ重視】
Rating: 4.4 out of 5(1,551 ratings)
10,377 students

JavaScriptをとことんやってみよう【超初心者から脱初心者へレベルアップ】【わかりやすさ重視】

わかりやすさ重視でバニラJavaScript(ES6)を扱っています。関数やオブジェクトから、イベントリスナーを使ったイベント処理、近年必須なPromise、Ajaxのためのfetchまで。webpackなどの環境構築方法までこれ1つでok
Last updated 3/2026
Japanese

What you'll learn

  • JavaScriptを基礎からわかりやすく
  • ES6の文法をメインに
  • NodeJs(npm)を使ったモダンJavaScriptの理解
  • イベントリスナー、Promise、Ajax(非同期通信)の勘所

Course content

7 sections100 lectures9h 40m total length
  • Udemyの簡単な説明1:30
  • 講座で扱っている資料・サンプルコード0:05
  • JavaScriptでできること2:18

    javascriptはホームページで何かを動かすために作られた言語になります。

    スライドショー、ポップアップウィンドウ、ソート、検索などなど。

    javascriptはクライアント側になります。

    Webアプリから機能が派生して、どんどんできることが増えています。

    簡単な年表も解説しています。

    2015年 ECMAScript2015 で大きく変わりました。

  • JavaScriptの環境説明2:18
  • JavaScriptの書き方 その15:19
  • JavaScriptの書き方 その22:06
  • JavaScriptの変数 その13:29
  • JavaScriptの変数 その23:02
  • JavaScriptの配列4:01
  • JavaScriptの連想配列(オブジェクト) その13:48
  • JavaScriptの連想配列(オブジェクト) その22:20
  • JavaScriptの連想配列(オブジェクト) その34:10
  • JavaScriptの演算子3:05
  • JavaScriptのif文 その13:50
  • JavaScriptのif文 その24:46
  • JavaScriptのif文 その35:15
  • JavaScriptのfor-of文 for文4:09
  • JavaScriptのswitch文3:20
  • JavaScriptのユーザー定義関数 その12:59
  • JavaScriptのユーザー定義関数 その27:14
  • JavaScript Stringオブジェクト その1 concat5:53
  • JavaScript Stringオブジェクト その2 trim, substring, replace4:49
  • JavaScript Mapオブジェクト3:51
  • JavaScript Arrayとコールバック関数4:45
  • JavaScript Arrayとアロー関数 foreach5:13
  • JavaScript Arrayとアロー関数 filter, find, map8:25
  • JavaScript Objectオブジェクト(プロパティ)3:56
  • JavaScript ユーザー定義関数+組み込み関数5:43
  • JavaScript オブジェクトにメソッドや値を組み込む(this)3:56
  • JavaScript メソッドチェーン3:31
  • JavaScript 変数/定数のスコープ4:19

Requirements

  • インターネット接続可能なパソコン
  • HTML/CSSを多少知っておくといいです(動画内で簡単な解説はしています)
  • わからない事があったら遠慮なく質問する主体性

Description

今や世界中で使われ、大活躍しているプログラミング言語が『JavaScript』です。


『JavaScript』の初歩の初歩から解説し、


『JavaScript』の代名詞とも言える『イベントリスナー』を何度も使い、


MDNのマニュアルを軸に、


DOMやオブジェクトの使い方をできるだけわかりやすく解説しています。



また、モダンJavaScriptとも呼ばれますが、


Promise、async/await、fetch、モジュール、クラスなども解説しつつ、


webpackやbabelを使った最近の開発環境の作り方までセットで解説しています。


『JavaScript』は2015年に大幅にパワーアップしたのですが、

そこから5年以上経っているということと、

インターネットエクスプローラー11を使っているPCも減っているだろうということで、

『JavaScript ES6以降』の書き方をメインに解説しています。


(講座の補足としてIE11対応方法(bableなど)も解説しています)


特にJavaScriptで特徴的な、

『DOM操作』

『イベントリスナー』

『非同期処理・通信(Promise/async/fetch)』

に重点をおいて解説をしています。


初心者の頃に詰まった事、知っておきたかった事など、


過去の自分に向けるように構成し、


まったくの超初心者から、脱初心者へ、


ぐいーんとレベルアップできるような内容になっていると思います。


■更新情報

2023/2 fetchでフォーム登録できない件を修正しました。(APIサーバー側の設定変更)


■扱っていること


書き方/変数・型/関数・アロー関数/コールバック関数/配列・オブジェクト・連想配列/DOM操作/イベントリスナー/サンプル(モーダル・タブ・スライドショー)/フォーム/ブラウザオブジェクト(window,history,location)/JSON/非同期(Promise、async/await)/Ajax(fetch)/WebAPI(サードパーティAPI)/クラス/モジュール/環境構築(webpack+babel+loader)


おまけ・・Sass/Scss、Node.js/npm, webpack, babel, Moment.js


■扱っていないこと

Vue.jsなどのフレームワーク→別の講座で制作予定

canvasを使ったグラフィックプログラミング→別の講座で制作予定

JavaScriptの細かい仕様・・まずは木よりも森を見る事を重視しています。

jQuery


追加動画も検討していますのでぜひお気軽にご連絡くださいませ。


Who this course is for:

  • プログラミングに少しでも興味がある方
  • ホームページにJavaScriptも含めたいと思っている方
  • VueJsやjQueryから入ったためJavaScriptを復習したい方
  • webpackやbabelを使った2020年時点での開発環境を知りたい方