33-js-concepts - 📜 すべての開発者が知っておくべき33のJavaScriptの概念。
(? 33 JavaScript concepts every developer should know.)
Created at: 2018-09-04 21:27:04
Language: JavaScript
License: MIT
すべてのJavaScript開発者が知っておくべき33の概念
紹介
このリポジトリは、開発者がJavaScriptの概念を習得できるようにすることを目的として作成されました。これは必須ではありませんが、将来の研究のためのガイドです。これはスティーブンカーティスによって書かれた記事に基づいており、ここで読むことができます。
コミュニティ
あなた自身の要約やレビューへのリンクを追加してPRを自由に提出してください。リポジトリを母国語に翻訳したい場合は、遠慮なく翻訳してください。
このリポジトリのすべての翻訳を以下に示します。
- اَلْعَرَبِيَّةُ(アラビア語)— アムル・エルセキリー
- 汉语 (中国語) — レ・ティエン
- ポルトガル語 (ブラジルポルトガル語)— ティアゴ・ボーイング
- 한국어 (韓国語) — イ・スイン
- スペイン語 (スペイン語) — アドニス・メンドーサ
- Türkçe (トルコ語)— İlker Demir
- русский язык (ロシア語)— ミハイル・グメンニ
- Tiếng Việt (ベトナム語) — Nguyễn Trần Cung
- ポルスキ(ポーランド語)— ダヴィド・リピンスキー
- فارسی (ペルシア語) — マジッド・アラヴィザデ
- インドネシア語 (インドネシア語) — Rijdzuan Sampoerna
- フランセ(フランス語)—ロビン・メトロル
- हिन्दी (ヒンディー語)— ヴィカス・チャウハン
- Ελληνικά (ギリシャ語)— ディミトリス・ザラチャニス
- 日本語 (日本語)— oimo23
- ドイツ語 (ドイツ語)— ブルハン
- украї́нська мо́ва (ウクライナ語)— アンドリュー・サヴェチュク
- සිංහල (シンハラ語)— ウダヤ・シャメンドラ
- イタリア語 (イタリア語)— ジャンルカ・フィオーレ
- ภาษาไทย (タイ語)— アリフ・ワラム
- カタラ(カタロニア語)—マリオ・エストラーダ
目次
- コール スタック
- プリミティブ型
- 値型と参照型
- 暗黙的、明示的、名義的、構造化、ダックタイピング
- == vs === vs タイプ
- 関数スコープ、ブロックスコープ、字句スコープ
- 式とステートメント
- IIFE、モジュール、名前空間
- メッセージ キューとイベント ループ
- setTimeout, setInterval and requestAnimationFrame
- ジャバスクリプトエンジン
- ビット演算子、型配列、および配列バッファー
- DOM ツリーとレイアウト ツリー
- ファクトリとクラス
- これ、呼び出し、適用、バインド
- new、コンストラクタ、インスタンス、およびインスタンス
- プロトタイプの継承とプロトタイプチェーン
- オブジェクト.作成とオブジェクト.割り当て
- マップ、削減、フィルター
- 純粋関数、副作用、状態変異、イベント伝播
- クロージャ
- 高階関数
- 再帰
- コレクションとジェネレータ
- 約束
- 非同期/待機
- データ構造
- 高価な操作とビッグO表記
- アルゴリズム
- 継承、ポリモーフィズム、コードの再利用
- デザインパターン
- 部分アプリケーション、カリー化、作曲、パイプ
- クリーンなコード
1. コールスタック
参考
記事
📜 JavaScript コールスタック、イベントループを理解する — Gaurav Pandvia📜 JavaScript コールスタックを理解する — チャールズ・フリーボーン📜 Javascript:実行コンテキストとは何ですか?コールスタックとは何ですか?— ヴァレンティーノ・ガリアルディ📜 JSイベントループとコールスタックとは何ですか? — ジェス・テルフォード📜 Javascript での実行コンテキストと実行スタックを理解する — Sukhjinder Arora📜 JavaScript のしくみ: エンジン、ランタイム、コールスタックの概要 — Alexander Zlatkov📜 How JavaScript Works Under The Food: An Overview of JavaScript Engine, Heap and , Call Stack — Bipin Rajbhar
ビデオ
🎥 Javascript:コールスタックの説明—コーディングブロックインド🎥 JSコールスタックは9分で説明—コルトスティール🎥 コールスタックとは何ですか? — エリック・トラウブ🎥 The Call Stack — Kevin Drumm🎥 JavaScript の実行を理解する — Codesmith🎥 JavaScript での実行コンテキスト、ホイスト、スコープ、クロージャの究極のガイド — Tyler McGinnis🎥 とにかくイベントループは一体何ですか? — フィリップ・ロバーツ🎥 La PILA DE EJECUCIÓN (CALL STACK) DE JavaScript — La cocina del Código🎥 JavaScriptコードはどのように実行されますか?❤️ & Call Stack — Akshay Saini
2. プリミティブ型
参考
記事
📜 JavaScript での数値のエンコード方法 — アクセル・ラウシュマイヤー博士📜 JavaScript の数値タイプについて知っておくべきこと — マックスウィザード K📜 すべての JavaScript 開発者が浮動小数点数について知っておくべきこと — Chewxy📜 JavaScript プリミティブの秘密の生活 — Angus Croll📜 プリミティブ型 — フロー📜 (not) JavaScript のすべてはオブジェクトです — Daniel Li📜 JavaScript のデータ型とデータ構造 — MDN📜 JavaScript Objects のさらなる進化 — Arfat Salman📜 JavaScript における Object.freeze() と Const の違い — Bolaji Ayodeji📜 オブジェクトからプリミティブへの変換 — JavaScript.info
ビデオ
🎥 JavaScript リファレンスとプリミティブ型 — Academind🎥 JavaScript プリミティブ型 — Simon Sez IT🎥 JavaScript の値型と参照型 — Mosh を使ったプログラミング🎥 JavaScript Primitive Data Types — Avelx🎥 JavaScript の数字について知りたくなかったことすべて — Bartek Szopka🎥 Javascriptの変数とは何ですか? — みんなのためのJS🎥 TIPOS DE DATOS PRIMITIVOS en JAVASCRIPT - La Cocina del Código
3. 値型と参照型
記事
📜 Javascript での価値と参照の説明 — Arnav Aggarwal📜 Primitive Types & Reference Types in JavaScript — Bran van der Meer📜 JavaScript における値型、参照型、スコープ — ベン・アストン📜 ルーツに戻る: JavaScript Value vs Reference — Miro Koczka📜 JavaScript で "By Value" と "By Reference" を把握する — Léna Faure📜 JavaScript リファレンスと変数のコピー — Vítor Capretz📜 JavaScript プリミティブ値と参照値📜 JavaScript by Reference vs. by Value — nrabinowitz📜 JavaScript インタビュー準備: プリミティブ型と参照型 — Mike Cronin📜 [JavaScript map vs. forEach: When to Use Each - Sajal Soni] (https://code.tutsplus.com/tutorials/javascript-map-vs-foreach-when-to-use-each-one--cms-38365)
ビデオ
🎥 Javascript Pass by Value vs Pass by Reference — techsith🎥 JavaScript 値型と参照型 — Mosh を使ったプログラミング🎥 VALORES vs REFERENCIAS en JAVASCRIPT - La Cocina del Código
4.暗黙的、明示的、名義的、構造化、ダックタイピング
記事
📜 JavaScript の暗黙の強制について知っておくべきこと — Promise Tochi📜 JavaScript 型の強制の説明 — Alexey Samoshkin📜 JavaScript 強制の説明 — Ben Garrison📜 Javascriptの型強制とは正確には何ですか? - スタックオーバーフロー
ビデオ
🎥 == ?=== ???...#@^% - Shirmung Bielefeld🎥 Javascriptでの強制 - Hitesh Choudhary🎥 JavaScript の質問: 強制とは何ですか? - スティーブン・ハンコック🎥 タイピング:静的対動的、弱い対強い - コーデックス🎥 TIPOS DE JAVASCRIPT - La cocina del Código
書物
5. == vs === vs タイプ
記事
📜 JavaScript Double Equals vs. Triple Equals — Brandon Morelli📜 JavaScript で === または == の等価比較演算子を使うべきですか? — パヌ・ピトカマキ📜 == vs === JavaScript: Double Equals and Coercion — AJ Meyghani📜 なぜJavaScriptでトリプルイコール演算子を使用するのですか? — ルイス・ラザリス📜 JavaScript の == と === の違いは何ですか? — クレイグ・バックラー📜 なぜjavascriptの型は常に "オブジェクト"を返すのですか? — スタックオーバーフロー📜 Javascript での型チェック — Toby Ho📜 JavaScript でデータ型をよりよくチェックする方法 — Webbjocke📜 JavaScript に値がないかどうかを確認する — Tomer Aberbach
ビデオ
6. 関数スコープ、ブロックスコープ、字句スコープ
書物
記事
📜 JavaScript 関数 — 基本を理解する — ブランドン・モレリ📜 ファンクションスコープとブロックスコープの戦い — マリウス・ヘリング📜 JavaScript の関数 - ディーパ・パンディ📜 JavaScript でのブロックスコープのエミュレーション — Josh Clanton📜 JavaScript における関数とブロックスコープの違い — Joseph Cardillo📜 JavaScript の関数スコープとブロックスコープ — Samer Buna📜 JavaScript におけるスコープとコンテキストの理解 — Ryan Morr📜 JavaScript のスコープとクロージャ — Zell Liew📜 JavaScript のスコープを理解する — Wissam Abirached📜 JavaScript のスコープを理解する ― ハマド・アーメド📜 関数宣言と関数式を使用する場合 ― アンバー・ウィルキー📜 JavaScript Fundamentals Cheat Sheet: Scope, Context, and "this" ― Alexandra Fren📜 関数 / 関数範囲 ― MDN
ビデオ
🎥 ジャバスクリプトを奇妙にするもの...と素晴らしいpt. 4 — LearnCode.academy🎥 JavaScript の変数スコープ — Kirupa Chinnathambi🎥 JavaScript Block Scope and Function Scope — mmtuts🎥 語彙スコープとは一体何ですか? — NWCalvank🎥 可変スコープ — スティーブ・グリフィス
7.表現とステートメント
記事
📜 Javascriptのエクスプレッション、ステートメント、エクスプレッションステートメントについて知っておくべきことすべて — プロミストチ📜 関数式と関数宣言 — ポール・ウィルキンス📜 JavaScript 関数 — 宣言 vs 式 — ラヴィ・ローシャン📜 関数宣言と関数式 — マンディープ・シン📜 関数宣言と関数式 — アングルス・クロール
ビデオ
8. IIFE、モジュール、名前空間
記事
📜 即時呼び出し関数式をマスターする ― チャンドラガンダマラジュ📜 ES6モジュールはIIFEのケースを時代遅れにしますか?📜 JavaScriptモジュール、モジュールフォーマット、モジュールローダー、モジュールバンドラーの10分間の入門書 ― ユルゲン・ヴァン・デ・モエレ📜 モジュール ― JSの探索📜 ESモジュール:漫画の深掘り — リン・クラーク📜 ES6モジュールを理解する — クレイグ・バックラー📜 JavaScript の ES6 モジュールの概要 — Brent Graham📜 ES6モジュールの詳細 — ニコラス・ベバクア📜 ES6モジュール、ノード.jsマイケルジャクソンソリューション — アルベルト・ヒメノ📜 JavaScript モジュール: 初心者向けガイド — Preethi Kasireddy📜 ウェブ上でのJavaScriptモジュールの使用 — Addy Osmani & Mathias Bynens📜 IIFE: すぐに呼び出される関数式 — パーワインダー📜 JavaScript Module Bundlers — Vanshu Hassija
ビデオ
🎥 すぐに呼び出された関数式 - Beau が JavaScript を教える — freeCodeCamp🎥 JavaScript IIFE を理解する — Sheo Narayan🎥 JavaScript モジュール: ES6 インポートとエクスポート — Kyle Robinson🎥 ES6 - モジュール — ライアン・クリスティアーニ🎥 現実世界のES6モジュール — サム・ソログッド🎥 ES6モジュール — テンプルコーディング🎥 JavaScript IIFE (Immediate Invooked Function Expressions) — Steve Griffis
9. メッセージキューとイベントループ
記事
📜 JavaScript イベントループの説明 — Anoop Raveendran📜 JavaScript イベント ループ: 説明 — Erin Sweson-Healey📜 JSを理解する:イベントループ—アレクサンダーコンドフ📜 JavaScript イベントループを理解する — アシシュ・グプタ📜 JavaScript イベントループ — フラビオは対処します📜 JavaScript の仕組み: イベントループ — Alexander Zlatkov📜 タスク、マイクロタスク、キュー、スケジュール — ジェイク・アーチボルド📜 ピザレストランのアナロジーによるJavaScriptイベントループの視覚化 — Priyansh Jain📜 JavaScript Visualized: Event Loop — Lydia Hallie
ビデオ
🎥 とにかくイベントループは一体何ですか? |JSConf EU — フィリップ・ロバーツ🎥 JavaScript イベントループ — コムサイエンスの簡略化🎥 私はイベントループで立ち往生しています — フィリップ・ロバーツ🎥 イン・ザ・ループ - ジェイク・アーチボルド | JSConf.Asia 2018🎥 Desmitificando el Event Loop (スペイン語)🎥 Callbacks, Sincrono, Assíncrono e Event Loop (PT-BR)
10. setTimeout, setInterval, requestAnimationFrame
記事
📜 setTimeout と setInterval — JavaScript.Info📜 setInterval を使わない理由 — Akanksha Sharma📜 setTimeout VS setInterval — Develoger📜 requestAnimationFrame の使用 — Chris Coyier📜 JavaScript のリクエストを理解するAnimationFrame() — JavaScript Kit📜 JavaScript での時間間隔の処理 - アミットマーチャント
ビデオ
🎥 Javascript: setTimeout と setInterval の仕組み — コーディングブロックインド🎥 setTimeout と setInterval in JavaScript — techsith🎥 JavaScript タイマー — Steve Griffith🎥 JavaScript setTimeOut と setInterval の説明 — Theodore Anderson
11. ジャバスクリプトエンジン
記事
📜 JavaScript エンジン — Jen Looper📜 Chrome V8 エンジンが JavaScript をマシンコードに変換する仕組みを理解する — DroidHead📜 V8 のバイトコードを理解する — フランツィスカ・ヒンケルマン📜 Google の V8 JavaScript エンジンの歴史 — Clair Smith📜 JavaScript の要点: エンジンの仕組みを知っておくべき理由 - ライナー・ハーネカンプ📜 JavaScript エンジンの基礎: シェイプとインラインキャッシュ📜 JavaScript エンジンの基礎: プロトタイプの最適化📜 V8がアレイ操作を最適化する方法
ビデオ
🎥 JavaScript Engine: The Good Parts™ — Mathias Bynens & Benedikt Meurer🎥 JSエンジンはGoogleのV8アーキテクチャ🚀 を公開🔥 しました|ナマステ JavaScript 第16話 - アクシャイ・サイニ
12. ビット演算子、型配列、配列バッファ
記事
📜 JS を使用したプログラミング: ビット演算 — アレクサンダー・コンドフ📜 実生活での JavaScript のビット演算子の使用 — ian m📜 JavaScript ビット演算子 — w3resource📜 Javascript のビット演算子 — Joe Cha📜 Javascript におけるバイナリ計算とビット演算子に関する包括的な入門書 — Paul Brown📜 JavaScriptでビット単位の操作を理解するにはどうすればよいですか?
ビデオ
13. DOM ツリーとレイアウトツリー
書物
記事
📜 JavaScript で DOM を理解し、変更する方法 — タニア・ラシア📜 ドキュメントオブジェクトモデルとは何か、そしてなぜそれを使用する方法を知っておく必要があるのか — レオナルドマルドナド📜 例を含む JavaScript DOM チュートリアル — Guru99📜 DOMとは何ですか? — クリス・コイエ📜 JavaScript で DOM を横断する — Zell Liew📜 DOM ツリー📜 Javascript で DOM をトラバースする方法 — ヴォイスラヴ・グルイッチ📜 レンダーツリーの構築 — イリヤ・グリゴリック📜 DOMとは正確には何ですか?
ビデオ
14. 工場とクラス
記事
📜 JavaScript でクラスを使用する方法 — タニア・ラシア📜 JavaScript クラス — 内部 — Majid📜 より良い JavaScript with ES6, Pt. II: A Deep Dive into Classes ― Peleke Sengstacke📜 プレーンな JavaScript でのファクトリデザインパターンの理解 — Aditya Agarwal📜 JavaScript のファクトリ関数 — Josh Miller📜 JS ES6 のファクトリパターン — SnstsDev📜 クラスvsファクトリー機能:今後の道を探る — クリスティ・サルセスク📜 ES6クラスが実際にどのように機能し、独自のクラスを構築するか — ロバート・グロス📜 JavaScript でスーパーを理解する📜 JavaScript のクラスを理解するための簡単なガイド
ビデオ
🎥 JavaScript Factory Functions — Mosh を使ったプログラミング🎥 JavaScript のファクトリ関数 — 楽しい楽しい関数🎥 JavaScript チュートリアル関数ファクトリ — クリプトチャン
15.これ、呼び出し、適用、バインド
参考
記事
📜 JavaScript の call(), apply() および bind() メソッドをグロッキングする — Aniket Kudale📜 使い方: JavaScript の call() , apply() and bind() — Niladri Sekhar Dutta📜 JavaScript の Apply, Call, and Bind メソッドは JavaScript プロフェッショナルにとって不可欠 — Richard Bovell📜 Javascript: call(), apply() and bind() — Omer Goldberg📜 呼び出し/適用/バインドの違い — イワン・シフリム📜 JavaScript でハックを呼び出し、適用し、バインドするもの — Ritik📜 Mastering 'this' in JavaScript: Callbacks and bind(), apply(), call() — Michelle Gienow📜 JavaScript の適用、呼び出し、バインドは、クックアウトをホストすることで説明 — Kevin Kononenko📜 どのように そして いつ Javascriptでバインド、呼び出し、および適用を使用するか — Eigen X📜 これが何であるかを説明しましょう。(ジャバスクリプト) — ジェイソン・ユー📜 JavaScript の "this" キーワードを理解する — Pavan📜 キーワード this と JavaScript のコンテキストを理解する方法 — Lukas Gisder-Dubé📜 Javascriptでこれは一体何ですか? — フリダエシュ・シャルマ📜 これとJavascriptでバインド — ブライアン・バーバー📜 JavaScript で "this" を使って正気を保つための 3 つのテクニック — Carl📜 JavaScript の "this" キーワードをマスターする — Aakash Srivastav📜 JavaScript でのこのバインディング – 4.新しいバインディング — スパイロス・アルグリアス📜 JavaScript での 'this' の簡単な紹介 — Natalie Smith📜 JavaScript の「これ」を私の猫に説明する — アンドレイ・K📜 Javascript の 'this' キーワードを使った会話 — カレン・エフェレヤン📜 JavaScript の call(), apply() および bind() とは何ですか — Amitav Mishra📜 JavaScript での 'this' バインディングを理解する — Yasemin Cidem
ビデオ
🎥 JavaScript の呼び出し、適用、バインド — テクシス🎥 JavaScript Practical Applications of Call, Apply and Bind 関数 — techsith🎥 JavaScript (call, bind, apply) — 好奇心旺盛な aatma🎥 ES2017の世界における機能と「これ」を理解する — ブライアンヒューズ🎥 バインドとこれ - JavaScript でのオブジェクトの作成 - FunFunFunction🎥 JS 関数メソッド call(), apply(), and bind() — スティーブ・グリフィス
16. 新規、コンストラクタ、インスタンス、およびインスタンス
記事
📜 初心者のためのJavaScript: 'new' 演算子 — Brandon Morelli📜 JavaScript の「新しい」キーワードをわかりやすく説明しましょう — Cynthia Lee📜 コンストラクター、演算子 "new" — JavaScript.Info📜 JavaScript コンストラクタを理解する — Faraz Kelhini📜 コンストラクタ関数を使用する — オープンクラスルーム📜 typeofとinstanceof: 動的型チェックの簡素化 — アクセル・ラウシュマイヤー博士📜 JavaScript のインスタンス演算子は何ですか — appendTo📜 機能とオブジェクト、互いのインスタンス — キロリスク
17. プロトタイプの継承とプロトタイプチェーン
参考
記事
📜 Javascript : Prototype vs Class — Valentin PARSY📜 JavaScript エンジンの基礎: プロトタイプの最適化 — Mathias Bynens📜 JavaScript Prototype — NC Patro📜 Javascript のプロトタイプ — Sandeep Ranjan📜 JavaScript のプロトタイプ — Rupesh Mishra📜 JavaScript のプロトタイプ: 風変わりですが、仕組みは次のとおりです — Pranav Jindal📜 JavaScript を理解する: プロトタイプと継承 — Alexander Kondov📜 JavaScript におけるクラス (ES5) とプロトタイプ継承を理解する — Hridayesh Sharma📜 JavaScript におけるプロトタイプ、プロト、プロトタイプの継承 — Varun Dey📜 プロトタイプ継承 — JavaScript.Info📜 JavaScript でプロトタイプと継承を操作する方法 — Tania Rascia📜 Master JavaScript Prototypes & Inheritance — Arnav Aggarwal📜 JavaScript のプロトタイプ継承を CSS を使って説明 — Nash Vail📜 JavaScript におけるプロトタイプ継承 — Jannis Redmann📜 ES6クラスの謎解きとプロトタイプの継承 ― ネオ・イゴダロ📜 プロトタイプ継承入門 — ダラニ・ジャヤカンタン📜 JSでプロトタイプ継承を構築しましょう— var-che📜 JavaScript のオブジェクト、プロトタイプ、クラス — Atta📜 JavaScript プロトタイプの魔法の世界 — ベレン📜 JavaScript におけるプロトタイプ継承を理解する — ローレンス・イーグルス📜 JavaScript のオブジェクトとプロトタイプ — Irena Popova
ビデオ
🎥 Javascript Prototype Inheritance — Avelx🎥 JavaScript プロトタイプの継承について説明しました。I — テクシス🎥 JavaScript プロトタイプの継承の説明 pt. II — techsith🎥 JavaScript プロトタイプの継承の説明 — Kyle Robinson🎥 高度なJavaScript - 1分でプロトタイプの継承🎥 古典的な JavaScript クラスとプロトタイプ継承の概要 — ペンタコード🎥 オブジェクト指向 JavaScript - プロトタイプ — ネット忍者🎥 JavaScript のプロトタイプ — kudvenkat🎥 JavaScript を使ったプロトタイプ — O'Reilly🎥 JavaScript のプロトタイプの初心者向けガイド — Tyler Mcginnis🎥 JavaScript のプロトタイプ - p5.js チュートリアル — コーディングトレイン
書物
18. オブジェクト作成とオブジェクト割り当て
参考
記事
📜 Object.create in JavaScript — Rupesh Mishra📜 Object.create(): JavaScript でオブジェクトを作成する新しい方法 — Rob Gravelle📜 Object.create による基本的な継承 — Joshua Clanton📜 Object.create() In JavaScript — GeeksforGeeks📜 Object.create() と新しい演算子の違いを理解する — Jonathan Voxland📜 JavaScript オブジェクトの作成: パターンとベストプラクティス — Jeff Mott📜 JavaScript でのオブジェクトのコピー ― オリナミ・オラトゥンジ📜 JavaScript: Object.assign() — Thiago S. Adriano📜 JavaScript オブジェクトをディープクローンする方法 — Flavio Copes📜 Object.create(): いつ、なぜ使うべきか — VZing
ビデオ
19.マップ、削減、フィルタリング
記事
📜 JavaScript 関数型プログラミング — map, filter, reduce — Bojan Gvozderac📜 Javascriptで地図、フィルタリング、削減を学ぶ — ジョアン・ミゲル・クーニャ📜 JavaScript の Map, Reduce, and Filter — Dan Martensen📜 JavaScript で Map, Filter, & reduce を使用する方法 — Peleke Sengstacke📜 JavaScript — 連鎖マップ、フィルタリング、縮小を学ぶ — ブランドン・モレリ📜 マップ、リデュース、フィルタ、ES6を使用したJavascriptデータ構造 — ディーパック・グプタ📜 Javascriptでのmap、filter、reduceを理解する — Luuk Gruijs📜 JSでの関数型プログラミング:マップ、フィルター、リデュース(パート5) — オメルゴールドバーグ📜 JavaScript: Map, Filter, Reduce — William S. Vincent📜 Arrow Functions: JavaScript の太くて簡潔な構文 — Kyle Pennell📜 JavaScript: Arrow Functions for Beginners — Brandon Morelli📜 ES6矢印関数を使用する必要がある場合(および使用すべきでない場合)、シンシア・リー📜 JavaScript — Learn & Understanding Arrow Functions — Brandon Morelli📜 (JavaScript )=> 矢印関数 — sigu📜 Javascript.reduce() — Paul Anderson📜 JavaScript で forEach を map と filter に置き換えるべき理由 — Roope Hakulinen📜 JavaScript をシンプルにする – .map(), .reduce(), .filter() を使う — Etienne Talbot📜 ダイエットをすることで説明されるJavaScriptのReduceメソッド — Kevin Kononenko📜 JavaScript における map, filter, reduce の違い — Amirata Khodaparast📜 マップ⇄フィルター⇄削減↻ — アシャイ・マンドワリヤ📜 .map() で道を見つける — ブランドン・ウォズニエヴィッチ📜 JavaScript で独自のマップ、フィルタリング、関数の削減を記述する方法 — Hemand Nair📜 JavaScript で配列を操作する方法 — ボラジ・アヨデジ📜 JavaScript で map(), reduce(), filter() を使ってコードベースを単純化する方法 — Alex Permyakov📜 .map(), .filter(), および .reduce() — Andy Pickle📜 クラッシュコースのマップ/フィルター/削減 — クリス・アチャード📜 マップ、フィルター、削減 – アニメーション — JavaScript 教師📜 マップ、フィルター、リデュースなど アルゴリズムウィザードになるために知っておくべき配列イテレータ — マウロ・ボノ📜 JavaScript の .map, .filter, .reduce の使い方 — Avery Duffin📜 Javascriptパフォーマンステスト - 各vsのvs(マップ、削減、フィルタリング、検索)—ディーパックグプタ📜 .map(), .filter() および .reduce() を適切に使用する — サザンカ・クダゴダ📜 JavaScript Reduce メソッド✂️ をマスターする — sanderdebr📜 JavaScript Map – JS .map() 関数の使い方 (配列メソッド) — FreeCodeCamp
ビデオ
🎥 マップ、フィルター、削減 — リディア・ハリー🎥 Functional JavaScript: Map, forEach, Reduce, Filter — Theodore Anderson🎥 JavaScript Array superpowers: Map, Filter, Reduce (Part I) — Michael Rosata🎥 JavaScript Array superpowers: Map, Filter, Reduce (Part 2) — Michael Rosata🎥 JavaScript 高階関数 - Filter, Map, Sort & Reduce — Epicop🎥 [配列メソッド 2/3] .filter + .map + .reduce — CodeWithNick🎥 JavaScript の矢印関数 - 何を、なぜ、どのように — 楽しい楽しい関数🎥 JavaScript を使った関数型プログラミングの学習 — Anjana Vakil - JSUnconf🎥 地図 - パート2 JavaScript - 楽しい楽しい機能🎥 基本を減らす - JavaScript の FP のパート 3 - 楽しい楽しい関数🎥 高度な削減 - JavaScript の FP のパート 4 - 楽しい楽しい関数🎥 配列メソッドの|を減らすJavaScript チュートリアル - フローリンポップ🎥 マップ配列メソッド |JavaScript チュートリアル - フローリンポップ🎥 1分|で異なる配列方法ミドゥデフ(スペイン語)
20. 純粋関数、副作用、状態突然変異、イベント伝播
記事
📜 Javascript と関数型プログラミング — 純粋関数 — Omer Goldberg📜 JavaScript インタビューをマスターする: 純粋関数とは? — エリック・エリオット📜 JavaScript: 純粋関数とは何か、なぜそれを使うのか? — ジェームズ・ジェフリー📜 JavaScript の純粋関数 — @nicoespeon📜 関数型プログラミング: 純粋関数 — Arne Brasseur📜 Pure Functions in Javascript — Krunal📜 JavaScript を純粋にする — Jack Franklin📜 配列、オブジェクト、突然変異 — フェデリコ・クニュッセル📜 不変性の状態 — マチェイ・シコラ📜 Hablemos de Inmutabilidad — Kike Sanchez📜 How to deal with dirty side effects in your pure functional JavaScript — James Sinclair📜 Preventing Side Effects in JavaScript — David Walsh📜 Wielding Pure Functions in JavaScript and Function Composition — Peleke Sengstacke📜 JavaScript: Pure Functions — William S. Vincent📜 Functional programming paradigms in modern JavaScript: Pure functions — Alexander Kondov📜 Understanding Javascript Mutation and Pure Functions — Chidume Nnamdi📜 Functional-ish JavaScript — Daniel Brain📜 Event Propagation — MDN📜 Event Propagation — Bubbling and capturing
Videos
🎥 Pure Functions — Hexlet🎥 Pure Functions - Functional Programming in JavaScript — Paul McBride🎥 JavaScript Pure Functions — Seth Alexander🎥 JavaScript Pure vs Impure Functions Explained — Theodore Anderson🎥 Pure Functions - Programação Funcional: Parte 1 - Fun Fun Function🎥 Event Propagation - JavaScript Event Bubbling and Propagation - Steve Griffith
21. Closures
Reference
Articles
📜 I never understood JavaScript closures — Olivier De Meulder📜 Understand JavaScript Closures With Ease — Richard Bovell📜 Understanding JavaScript Closures — Codesmith📜 Understand Closures in JavaScript — Brandon Morelli📜 A simple guide to help you understand closures in JavaScript — Prashant Ram📜 Understanding JavaScript Closures: A Practical Approach — Paul Upendo📜 Understanding JavaScript: Closures — Alexander Kondov📜 How to use JavaScript closures with confidence — Léna Faure📜 JavaScript closures by example — tyler📜 JavaScript — Closures and Scope — Alex Aitken📜 Discover the power of closures in JavaScript — Cristi Salcescu📜 Getting Closure — RealLifeJS📜 Closure, Currying and IIFE in JavaScript — Ritik📜 Understanding Closures in JavaScript — Sukhjinder Arora📜 A basic guide to Closures in JavaScript — Parathan Thiyagalingam📜 Closures: Using Memoization — Brian Barbour📜 A Brief Introduction to Closures and Lexical Scoping in JavaScript — Ashutosh K Singh📜 Demystify Closures — stereobooster📜 Scopes and Closures - JavaScript Concepts — Agney Menon📜 Understanding Closures in JavaScript — Matt Popovich📜 whatthefuck.is · A Closure - Dan Abramov📜 Closures in JavaScript can... - Brandon LeBoeuf
Videos
🎥 JavaScript The Hard Parts: Closure, Scope & Execution Context - Codesmith🎥 Javascript Closure — techsith🎥 Closures — Fun Fun Function🎥 Closures in JavaScript — techsith🎥 JavaScript Closures 101: What is a closure? — JavaScript Tutorials🎥 Closures — freeCodeCamp🎥 JavaScript Closures — CodeWorkr🎥 Closures in JS - Akshay Saini🎥 CLOSURES en JavaScript: Qué son y cómo funcionan - Carlos Azaustre
22. High Order Functions
Books
Articles
📜 Higher-Order Functions in JavaScript — M. David Green📜 Higher Order Functions: Using Filter, Map and Reduce for More Maintainable Code — Guido Schmitz📜 First-class and Higher Order Functions: Effective Functional JavaScript — Hugo Di Francesco📜 Higher Order Functions in JavaScript — John Hannah📜 Just a reminder on how to use high order functions — Pedro Filho📜 Understanding Higher-Order Functions in JavaScript — Sukhjinder Arora📜 Higher Order Functions - A pragmatic approach — emmanuel ikwuoma
Videos
🎥 JavaScript Higher Order Functions & Arrays — Traversy Media🎥 Higher Order Functions — Fun Fun Function🎥 Higher Order Functions in Javascript — Raja Yogan🎥 Higher Order Iterators in JavaScript — Fun Fun Function🎥 Higher Order Functions in JavaScript — The Coding Train🎥 Part 1: An Introduction to Callbacks and Higher Order Functions - Codesmith🎥 Part 2: Understanding Why We Need Higher Order Functions - Codesmith🎥 Higher-Order Functions ft. Functional Programming - Akshay Saini
23. Recursion
Articles
📜 Recursion in JavaScript — Kevin Ennis📜 Understanding Recursion in JavaScript — Zak Frisch📜 Learn and Understand Recursion in JavaScript — Brandon Morelli📜 Recursion in Functional JavaScript — M. David Green📜 Programming with JS: Recursion — Alexander Kondov📜 Anonymous Recursion in JavaScript — simo📜 Recursion, iteration and tail calls in JS — loverajoel📜 Intro to Recursion — Brad Newman📜 Accio Recursion!: Your New Favorite JavaScript Spell — Leanne Cabey📜 Recursion Explained (with Examples) — Christina
Videos
🎥 Recursion In JavaScript — techsith🎥 Recursion — Fun Fun Function🎥 Recursion and Recursive Functions — Hexlet🎥 Recursion: Recursion() — JS Monthly — Lucas da Costa🎥 Recursive Function in JavaScript — kudvenkat🎥 What on Earth is Recursion? — Computerphile🎥 Javascript Tutorial 34: Introduction To Recursion — codedamn🎥 Recursion, Iteration, and JavaScript: A Love Story | JSHeroes 2018 — Anjana Vakil🎥 Recursion crash course - Colt Steele
24. Collections and Generators
Reference
Articles
📜 ES6 In Depth: Collections — Jason Orendorff📜 ES6 Collections: Using Map, Set, WeakMap, WeakSet — Kyle Pennell📜 ES6 WeakMaps, Sets, and WeakSets in Depth — Nicolás Bevacqua📜 Map, Set, WeakMap and WeakSet — JavaScript.Info📜 Maps in ES6 - A Quick Guide — Ben Mildren📜 ES6 — Set vs Array — What and when? — Maya Shavin📜 ES6 — Map vs Object — What and when? — Maya Shavin📜 ES6: Working with Sets in JavaScript — Dead Code Rising📜 Array vs Set vs Map vs Object — Real-time use cases in Javascript (ES6/ES7) — Rajesh Babu📜 How to create an array of unique values in JavaScript using Sets — Claire Parker-Jones📜 What You Should Know About ES6 Maps — Just Chris📜 ES6 Maps in Depth — Nicolás Bevacqua📜 What are JavaScript Generators and how to use them — Vladislav Stepanov📜 Understanding JavaScript Generators With Examples — Arfat Salman📜 The Basics of ES6 Generators — Kyle Simpson📜 An Introduction to JavaScript Generators — Alice Kallaugher
Videos
🎥 JavaScript ES6 / ES2015 Set, Map, WeakSet and WeakMap — Traversy Media🎥 The Differences between ES6 Maps and Sets — Steve Griffith🎥 Javascript Generators - THEY CHANGE EVERYTHING - ES6 Generators Harmony Generators — LearnCode.academy
25. Promises
Reference
Articles
📜 JavaScript Promises for Dummies ― Jecelyn Yeen📜 Understanding promises in JavaScript — Gokul N K📜 Master the JavaScript Interview: What is a Promise? — Eric Elliott📜 An Overview of JavaScript Promises — Sandeep Panda📜 How to use Promises in JavaScript — Prashant Ram📜 Implementing Promises In JavaScript — Maciej Cieslar📜 JavaScript: Promises explained with simple real life analogies — Shruti Kapoor📜 Promises for Asynchronous Programming — Exploring JS📜 JavaScript Promises Explained By Gambling At A Casino — Kevin Kononenko📜 ES6 Promises: Patterns and Anti-Patterns — Bobby Brennan📜 A Simple Guide to ES6 Promises — Brandon Morelli📜 The ES6 Promises — Manoj Singh Negi📜 ES6 Promises in Depth — Nicolás Bevacqua📜 Playing with Javascript Promises: A Comprehensive Approach — Rajesh Babu📜 How to Write a JavaScript Promise — Brandon Wozniewicz📜 A Coding Writer’s Guide: An Introduction To ES6 Promises — Andrew Ly📜 Understanding Promises in JavaScript — Chris Noring📜 Converting callbacks to promises — Zell Liew📜 JavaScript Promises: Zero To Hero Plus Cheat Sheet — Joshua Saunders📜 Promises - JavaScript concepts — Agney Menon📜 JavascriptPromise
101 — Igor Irianto📜 Simplify JavaScript Promises — Sunny Singh📜 The Lowdown on Promises — Aphinya Dechalert📜 JavaScript Visualized: Promises & Async/Await — Lydia Hallie📜 Promises in JavaScript — Peter Klingelhofer📜 Best Practices for ES6 Promises — Basti Ortiz📜 Lo que debemos saber de EScript 2020 — Kike Sanchez📜 Promise Basics - javascript.info
Videos
🎥 Let's Learn ES6 - Promises — Ryan Christiani🎥 JavaScript ES6 / ES2015 Promises — Traversy Media🎥 Promises — Fun Fun Function🎥 Error Handling Promises in JavaScript — Fun Fun Function🎥 Promises Part 1 - Topics of JavaScript/ES6 — The Coding Train🎥 JavaScript Promise in 100 Seconds
26. async/await
Reference
Books
📜 Eloquent JavaScript, 3rd Edition: Ch. 11 - Asynchronous Programming📜 Exploring JS: Asynchronous Programming
Articles
📜 Understanding async/await in Javascript — Gokul N K📜 Asynchronous Javascript using async/await — Joy Warugu📜 Modern Asynchronous JavaScript with async/await — Flavio Copes📜 Asynchronous JavaScript: From Callback Hell to Async and Await — Demir Selmanovic📜 Javascript — ES8 Introducing async/await Functions — Ben Garrison📜 How to escape async/await hell — Aditya Agarwal📜 Understanding JavaScript’s async await — Nicolás Bevacqua📜 JavaScript Async/Await: Serial, Parallel and Complex Flow — TechBrij📜 From JavaScript Promises to Async/Await: why bother? — Chris Nwamba📜 Flow Control in Modern JS: Callbacks to Promises to Async/Await — Craig Buckler📜 JavaScript: Promises and Why Async/Await Wins the Battle — Nick Parsons📜 How to improve your asynchronous Javascript code with async and await — Indrek Lasn📜 Making Fetches Easy With Async Await — Mickey Sheridan📜 7 Reasons Why JavaScript Async/Await Is Better Than Plain Promises — Mostafa Gaafar📜 Asynchronous Operations in JavaScript — Jscrambler📜 JavaScript: Promises or async-await — Gokul N K📜 Async / Await: From Zero to Hero — Zhi Yuan📜 JavaScript Visualized: Promises & Async/Await — Lydia Hallie📜 Making asynchronous programming easier with async and await — MDN📜 JavaScript Async/Await Tutorial – Learn Callbacks, Promises, and Async/Await in JS by Making Ice Cream
Videos
🎥 Async + Await — Wes Bos🎥 Asynchrony: Under the Hood — Shelley Vohr🎥 async/await in JavaScript - What, Why and How — Fun Fun Function🎥 async/await Part 1 - Topics of JavaScript/ES8 — The Coding Train🎥 async/await Part 2 - Topics of JavaScript/ES8 — The Coding Train🎥 Complete Guide to JS Async & Await ES2017/ES8 — Colt Steele🎥 Tips for using async/await in JavaScript — James Q Quick
27. Data Structures
Articles
📜 Data Structures in JavaScript — Thon Ly📜 Algorithms and Data Structures in JavaScript — Oleksii Trekhleb📜 Data Structures: Objects and Arrays ― Chris Nwamba📜 Data structures in JavaScript — Benoit Vallon📜 Playing with Data Structures in Javascript — Anish K.📜 The Little Guide of Queue in JavaScript — Germán Cutraro📜 All algorithms writing with JavaScript in the book 'Algorithms Fourth Edition'📜 Collection of classic computer science paradigms in JavaScript📜 All the things you didn't know you wanted to know about data structures📜 JavaScript Data Structures: 40 Part Series — miku86📜 Data Structures: Understanding Graphs — Rachel Hawa📜 Data Structures Two Ways: Linked List (Pt 1) — Freddie Duffield📜 Data Structures Two Ways: Linked List (Pt 2) — Freddie Duffield📜 Graph Data Structures Explained in JavaScript — Adrian Mejia
Videos
🎥 Algorithms In Javascript | Ace Your Interview — Eduonix Learning Solutions🎥 Data Structures and Algorithms in JavaScript — freeCodeCamp🎥 Learning JavaScript Data Structures and Algorithms: Sorting — Packt Video🎥 JavaScript Data Structures: Getting Started — Academind
28. Expensive Operation and Big O Notation
Articles
📜 Big O Notation in Javascript — César Antón Dorantes📜 Time Complexity/Big O Notation — Tim Roberts📜 Big O in JavaScript — Gabriela Medina📜 Big O Search Algorithms in JavaScript — Bradley Braithwaite📜 Time Complexity Analysis in JavaScript — Jennifer Bland📜 Algorithms in plain English: time complexity and Big-O Notation — Michael Olorunnisola📜 An Introduction to Big O Notation — Joseph Trettevik
Videos
🎥 JavaScript: Intro to Big O Notation and Function Runtime — Eric Traub🎥 Essential Big O for JavaScript Developers — Dave Smith🎥 Big O Notation - Time Complexity Analysis — WebTunings
29. Algorithms
Articles
📜 Data Structures and Algorithms using ES6📜 Algorithms and data structures implemented in JavaScript with explanations and links to further readings📜 JS: Interview Algorithm📜 Algorithms in JavaScript — Thon Ly📜 JavaScript Objects, Square Brackets and Algorithms — Dmitri Grabov📜 Atwood's Law applied to CS101 - Classic algorithms and data structures implemented in JavaScript📜 Data Structures and Algorithms library in JavaScript📜 Collection of computer science algorithms and data structures written in JavaScript📜 Algorithms and Data Structures in JavaScript — Oleksii Trekhleb
30. Inheritance, Polymorphism and Code Reuse
Reference
Articles
📜 Inheritance in JavaScript — Rupesh Mishra📜 Simple Inheritance with JavaScript — David Catuhe📜 JavaScript — Inheritance, delegation patterns and Object linking — NC Patro📜 Object Oriented JavaScript: Polymorphism with examples — Knoldus Blogs📜 Program Like Proteus — A beginner’s guide to polymorphism in Javascript — Sam Galson📜 Object-oriented JavaScript: A Deep Dive into ES6 Classes — Jeff Mott
Videos
🎥 Inheritance in JavaScript — kudvenkat🎥 JavaScript ES6 Classes and Inheritance — Traversy Media🎥 Polymorphism in JavaScript — kudvenkat
31. Design Patterns
Books
Articles
📜 4 JavaScript Design Patterns You Should Know — Devan Patel📜 JavaScript Design Patterns – Beginner's Guide to Mobile Web Development — Soumyajit Pathak📜 JavaScript Design Patterns — Akash Pal📜 Javascript Design Patterns: What They Are & How To Use Them — Patrick Simpson📜 JavaScript Design Patterns: Understanding Design Patterns in JavaScript - Sukhjinder Arora📜 All the 23 (GoF) design patterns implemented in Javascript — Felipe Beline📜 The Power of the Module Pattern in JavaScript — jsmanifest📜 Design Patterns for Developers using JavaScript pt. I — Oliver Mensah📜 Design Patterns for Developers using JavaScript pt. II — Oliver Mensah📜 Design patterns in modern JavaScript development📜 Understanding Design Patterns: Iterator using Dev.to and Medium social networks! — Carlos Caballero📜 JavaScript Design Patterns - Factory Pattern — KristijanFištrek📜 JavaScript Design Pattern — Module Pattern - Factory Pattern — Moon📜 Design Patterns: Null Object - Carlos Caballero📜 Strategy Pattern - Francesco Ciulla📜 Adapter Pattern - Francesco Ciulla📜 The Power of Composite Pattern in JavaScript - jsmanifest📜 In Defense of Defensive Programming - Adam Nathaniel Davis
Videos
32. Partial Applications, Currying, Compose and Pipe
Books
Articles
📜 Use function composition in JavaScript — Rémi📜 Currying in JavaScript ES6 — Adam Bene📜 Composition and Currying Elegance in JavaScript — Pragyan Das📜 Functional JavaScript: Function Composition For Every Day Use — Joel Thoms📜 Functional Composition: compose() and pipe() — Anton Paras📜 Why The Hipsters Compose Everything: Functional Composing In JavaScript — A. Sharif📜 A Gentle Introduction to Functional JavaScript pt III: Functions for making functions — James Sinclair📜 Curry And Compose (why you should be using something like ramda in your code) — jsanchesleao📜 Function Composition in JavaScript with Pipe — Andy Van Slaars📜 Practical Functional JavaScript with Ramda — Andrew D'Amelio, Yuri Takhteyev📜 The beauty in Partial Application, Currying, and Function Composition — Joel Thoms📜 Curry or Partial Application? — Eric Elliott📜 Partial Application in JavaScript — Ben Alman📜 Partial Application of Functions — Functional Reactive Ninja📜 Currying vs Partial Application — Deepak Gupta📜 Partial Application in ECMAScript 2015 — Ragan Wald📜 Functional Composition in Javascript — Joe Cortopassi📜 So You Want to be a Functional Programmer pt. I — Charles Scalfani📜 So You Want to be a Functional Programmer pt. II — Charles Scalfani📜 So You Want to be a Functional Programmer pt. III — Charles Scalfani📜 So You Want to be a Functional Programmer pt. IV — Charles Scalfani📜 So You Want to be a Functional Programmer pt. V — Charles Scalfani📜 An introduction to the basic principles of Functional Programming — TK📜 Concepts of Functional Programming in Javascript — TK📜 An Introduction to Functional Programming Style in JavaScript — JavaScript Teacher📜 A practical guide to writing more functional JavaScript — Nadeesha Cabral📜 A simple explanation of functional pipe in JavaScript — Ben Lesh
Videos
🎥 Compose vs Pipe: Functional Programming in JavaScript — Chyld Studios🎥 JavaScript Functional Programing: Compose — Theodore Anderson🎥 Function Composition - Functional JavaScript — NWCalvank🎥 JavaScript Function Composition Explained — Theodore Anderson🎥 Let's code with function composition — Fun Fun Function🎥 Partial Application vs. Currying — NWCalvank🎥 JavaScript Partial Application — Theodore Anderson🎥 call, apply and bind method in JavaScript
33.クリーンコード
記事
📜 クリーンコードの説明–初心者のためのクリーンコーディングの実用的な紹介— freeCodeCamp📜 JavaScript に適合したクリーンコードの概念 — Ryan McDermott📜 クリーンコードプラクティス: クリーンコードの書き方 — Tirth Bodawala📜 JavaScript クリーンコーディングのベストプラクティス — András Tóth📜 JavaScript クリーンコード内の関数パラメータ — Kevin Peters📜 コードをクリーンに保つ — サミュエル・ジェームス📜 最新の JavaScript 構文を使用するためのベストプラクティス — M. デビッド・グリーン📜 クロスノード/ウェブ開発のベストプラクティス - ジミー・ヴェルティング📜 クリーンなコードの記述 - ディラン・パウルス📜 クリーンなコードの記述とプログラミングの実践 - Nityesh Agarwal📜 クリーンコード、ダーティコード、ヒューマンコード - ダニエルアーバイン📜 より良いJavaScriptを書くための実用的な方法 - ライランドG📜 知っておくべきクリーンコードの原則 - Kesk on Medium(ミディアム)📜 クリーンコードブック-ロバートCマーティン
