メインコンテンツにスキップ
eLearner.app

インタラクティブコース

JavaScriptコース

ブラウザーでコードを直接実行するエンジンを使用して、JavaScript を英語でゼロから学びます。

01 · モジュール 1 — 言語の基礎

4 レッスン

基礎: 変数の宣言、型の認識、演算の実行、意思決定。

  1. 1.1変数: let と const値の宣言、const と let の選択、基本的なスコープの理解。~8 min
  2. 1.2プリミティブ型文字列、数値、ブール値、null、未定義: 言語の構成要素。~8 min
  3. 1.3オペレーター算術、比較、ブール論理、演算子の優先順位。~10 min
  4. 1.4条件文: if、else、三項式の値に応じて異なるコードを実行します。~10 min

02 · モジュール 2 — 文字列と数値

4 レッスン

最もよく使用される 2 つのタイプは、テンプレート リテラルを使用したテキストの作成、文字列メソッドを使用したテキストの操作、数値と Math を使用した算術演算です。

  1. 2.1文字列とテンプレートリテラルテキストを構成するための引用符、エスケープ、バッククォート、および `${...}` 補間。~8 min
  2. 2.2文字列メソッドlength、toUpperCase、includes、slice、split、replace: 毎日使用するメソッド。~10 min
  3. 2.3数字と数学整数と小数、四捨五入、Math.min/max/round/floor/ceil、Math.random。~10 min
  4. 2.4型変換Number、String、parseInt、parseFloat、toFixed、および NaN が噛むとき。~8 min

03 · モジュール 3 — 配列とオブジェクト

4 レッスン

最もよく使用する 2 つのデータ構造は、順序付きリスト (配列) とキーと値のマップ (オブジェクト) です。

  1. 3.1配列: 順序付きリスト配列の作成、インデックスによる読み取り/書き込み、プッシュ/ポップ/シフト/シフト解除、長さ。~10 min
  2. 3.2オブジェクト: キーと値のマップリテラル、ドットおよび括弧へのアクセス、プロパティの追加/削除。~10 min
  3. 3.3破壊と拡散複数の値を 1 行で抽出します。配列とオブジェクトを「...」でコピーしてマージします。~12 min
  4. 3.4コレクションの反復処理配列の for…of、オブジェクトの for…in、Object.keys/values/entries。~10 min

04 · モジュール 4 — 関数

4 レッスン

プログラムを再利用可能な部分に分割します。プログラムを宣言し、矢印を使用してコンパクトに記述し、柔軟なパラメータを渡し、クロージャを理解します。

  1. 4.1関数の宣言関数宣言と関数式、パラメータ、戻り値。~10 min
  2. 4.2アロー関数コンパクトな `=>` 構文、簡潔な本体とブロック、暗黙的なリターン。~10 min
  3. 4.3デフォルトパラメータと残りのパラメータ可変引数カウントのデフォルト値「...rest」は、呼び出しサイトで広がります。~12 min
  4. 4.4クロージャと範囲環境を記憶する関数: カウンタ、ファクトリー、スコープ チェーン。~12 min

05 · モジュール 5 — 制御フロー

4 レッスン

繰り返し、ジャンプし、エラーを処理します。これは、コードにデータや問題に反応する機能を与える構造です。

  1. 5.1ループ: for および while古典的な for、while、do…while: 条件が付くまで繰り返します。~10 min
  2. 5.2…の、そして…の為にコレクションの値とオブジェクトのキーを反復します。いつどれを使うか。~10 min
  3. 5.3中断して継続するループを早期に終了するか、次の反復にジャンプします。~10 min
  4. 5.4試してみる/捕まえる/投げるエラーを発生させてキャッチし、通常のフローと例外的なフローを分離します。~12 min

06 · モジュール 6 — 関数配列メソッド

4 レッスン

配列を変換するメソッド: すべての要素を変更するためのマップ、選択するためのフィルター、集計するためのリデュース、検索するための find/some/every、順序に並べ替える。

  1. 6.1マップとフィルターすべての要素 (マップ) を変換し、サブセット (フィルター) を選択します。~10 min
  2. 6.2減らす配列を単一の値 (合計、カウント、マップ) に集約します。~12 min
  3. 6.3見つける、いくつか、すべて最初のものを見つけて、少なくとも 1 つまたはすべてが述語を満たすかどうかを確認します。~10 min
  4. 6.4並べ替えるコンパレータを使用して配列をソートします。安定したソート、toSorted 経由でコピー。~12 min

07 · モジュール 7 — 非同期

4 レッスン

待機するコード: Promise、async/await、シミュレートされたネットワーク呼び出し (フェッチ)、および非同期エラー処理。

  1. 7.1約束: それは何ですか保留中/履行/拒否状態、.then/.catch、Promise.resolve、および拒否。~12 min
  2. 7.2非同期 / 待機同期コードのように読める非同期コードを作成します。~12 min
  3. 7.3フェッチ (シミュレート)エンドポイントを呼び出し、JSON を読み取り、Promise.all で結果を作成します。~14 min
  4. 7.4非同期コードのエラーawait の try/catch、Promise の .catch、Promise.all の失敗。~12 min

08 · モジュール 8 — 練習と作曲

4 レッスン

すべての要素をまとめます。コードをモジュールに整理し、CSV を解析し、入力データを検証し、Promises を使用してタスクをスケジュールします。

  1. 8.1ESMモジュール:インポート/エクスポートコードをファイルに分割し、エクスポートとインポートを使用してライブラリを構成します (概念)。~12 min
  2. 8.2課題: CSV パーサー分割、マップ、分割を使用して、CSV 文字列をオブジェクトの配列に変換します。~15 min
  3. 8.3課題: データバリデーター構成可能なルールを使用してオブジェクトを検証し、すべてのエラーを収集します。~15 min
  4. 8.4課題: Promise を使用したスケジュール設定同時実行制限を設けてタスクを直列、並列で実行します。~15 min