JavaScriptを学ぶならこれで充分！

プログラミング初心者でも
JavaScriptがマスターできる完全無料の教材

• JavaScriptを学ぶ前に

  • はじめてのJavaScript
  • プログラムを実行する準備
  • JavaScriptの構造
  • コードを書く時の基本ルール
  • コメントの書き方

• インタラクション

  • ダイアログボックス

• データ型

  • データ型とtypeof演算子
    
  • データ型 -プリミティブ
  • データ型 -オブジェクト
  • 文字列型（String）
  • 数値型（Number）
  • 論理型（Boolean）
  • null型・undefined型
  • 型変換とルール
  • プリミティブ型とラッパーオブジェクト
  • 長整数（BigInt）
  • MapとSet
    

• 演算子

  • 演算子の優先順位
  • 演算子の種類と役割
  • 算術演算子
  • 代入演算子
  • 比較演算子
  • 論理演算子
  • 条件演算子（三項演算子）
  • インクリメント演算子とデクリメント演算子における前置・後置の違い

• 変数

  • 変数と宣言
  • 変数名のルールと命名規則
  • letとconstの使い分け

• オブジェクト

  • オブジェクト
  • オブジェクトの操作

• 配列

  • 配列
  • 配列の操作

• 配列メソッド

  • 配列メソッド -追加・削除・抜き取り・分割・結合
  • 配列メソッド -検索
  • 配列メソッド -並び替え
  • 配列メソッド -繰り返し
  • 配列メソッド -新しい配列
  • 配列メソッド forEach・map・filterの違い

• 条件分岐

  • 条件分岐 -if文
    
  • 条件分岐 -switch文

• 繰り返し処理

  • 繰り返し処理 -for文
  • 繰り返し処理 -while文
    

• 関数の基礎

  • 関数と宣言
    
  • 関数と引数
  • 関数と戻り値
  • 関数式
  • 関数オブジェクト
  • argumentsオブジェクト
  • アロー関数
  • コールバック関数
  • 関数とメソッド

• 関数の機能

  • 関数宣言と関数式の違い
    
  • アロー関数と従来の関数の違い
  • 再帰の考え方と関数
  • spreadオペレーターとrestパラメーター
  • setTimeoutとsetIntervalによる関数スケジューリング

• Dateオブジェクト

  • Dateオブジェクトの作成
  • Dateオブジェクトとインスタンスメソッド -日付・時刻の取得
  • Dateオブジェクトとインスタンスメソッド -文字列の取得
  • Dateオブジェクトとインスタンスメソッド -経過ミリ秒の取得
  • Dateオブジェクトと静的メソッド

• Mathオブジェクト

  • Mathオブジェクトと静的プロパティ
  • Mathオブジェクトと静的メソッド

• ドキュメント

  • DOMの仕組みと構造
  • DOMナビゲーション
  • 要素ノードの検索 -getElement
  • 要素ノードの検索 -querySelector
  • ノードの種類・名前・値の取得
  • HTMLコンテンツの取得と書き込み -innerHTML
  • テキストの取得と書き込み -textContent
  • 要素の属性の取得・設定・削除
  • 要素のスタイルの取得・設定・削除
  • 新しいノードの作成
  • ノードの追加・置き換え・削除
  • 要素にテキストを追加する方法
  • クラスの変更 -classList

• イベント概要

  • イベントハンドラ
  • イベントリスナー
  • イベントオブジェクト
  • バブリングとキャプチャリング
  • Event.targetとEvent.currentTarget
  • イベント移譲
  • デフォルト動作のキャンセル
  • 新しいイベントの発生

• イベント詳細

  • マウスイベント -ボタン操作
  • マウスイベント -カーソル移動
  • マウスイベント -座標とキー
  • キーボードイベント
  • フォーカスイベント

• デバッグ

  • Console API
    
  • JavaScriptで発生するエラー

• プロトタイプ

  • プロトタイプの仕組み
  • オブジェクトとプロトタイプ継承
  • プロトタイプとメソッド

• this

  • thisの振る舞い
    
  • thisの参照 -call・apply
  • thisの束縛 -bind

• 非同期処理

  • 非同期処理とコールバック関数
    
  • Promise -then・catch
  • Promise -finally・Promise.all
  • Async/Await

• 例外処理

  • 例外処理とエラーオブジェクト
    
  • 非同期処理と例外処理

• クラス

  • オブジェクト指向とクラス
    
  • クラスとメソッド -インスタンスメソッド・アクセッサプロパティ
  • クラスとメソッド -staticメソッド
  • クラスの継承

• エコシステム

  • JavaScriptのエコシステム
    
  • パッケージマネージャー -Npm
  • パッケージマネージャー -Yarn
  • モジュールバンドラー -webpack

• ネットワークリクエスト

  • HTTPプロトコルとHTTP通信の仕組み
    
  • AjaxとXMLHttpRequest
  • JSONデータを扱う方法
  • FetchAPIとHTTPリクエスト

• データ保存

  • Cookieの操作
    
  • Web Storage

• 正規表現

  • 正規表現の概要
    

• テスト

  • テストフレームワーク -Jest
    
  • テストコードの書き方
  • テスト駆動開発

• ベストプラクティス

  • 良いコメントを書くためのポイント
  • JSDocコメント
  • 読みやすいコードを書くためのポイント
    
  • 構文チェックツール -ESLint
  • コード整形ツール -Prettier

• 実践

  • スライドショーの作り方
    
  • ミニクイズの作り方
  • アナログ時計の作り方
  • 数値当てゲームの作り方
  • 音声ファイルの再生
  • TODOリストの作り方
  • コンソールを使ったデータ表示
  • カウントダウンタイマーの作り方
  • モーダルウィンドウの作り方
  • ストップウォッチの作り方