hearingcountry / 33-js-concepts

📜 33 concepts every JavaScript developer should know.

33 Konsep Setiap JS Developer yang Harus Diketahui

Pendahuluan

Repository ini dibuat dengan maksud untuk membantu developers dalam menguasai konsep mereka dalam Javascript. Ini bukan sebuah kebutuhan, namun sebagai panduan dalam pembelajaran kedepan. Repository ini berdasarkan artikel yang dituliskan oleh Stephen Curtis dan anda dapat membaca artikelnya disini.

Komunitas

Jangan sungkan untuk memasukan PR kesebuah tautan ringkasan atau ulasan anda. Jika anda ingin menerjemahkan repository ini kedalam bahasa asli anda, jangan sungkan untuk melakukanya.

Semua terjemahan repository ini ada dibawah berikut:

• Chinese — Re Tian
• Portuguese-BR — Tiago Boeing
• Korean — Suin Lee
• Spanish — Adonis Mendoza
• Turkish — İlker Demir
• Russian — Mihail Gumennii
• Tiếng Việt — Nguyễn Trần Chung
• Polish — Dawid Lipinski
• Persian — Majid Alavizadeh
• Indonesian - Rijdzuan Sampoerna

---

Daftar Isi

1. Call Stack
2. Tipe Primitif
3. Tipe Nilai dan Tipe Referensi
4. Implisit, Eksplisit, Nominal, Struktur dan Duck Typing
5. == vs === vs typeof
6. Function Scope, Block Scope dan Lexical Scope
7. Ekspresi vs Pernyataan
8. IIFE, Modules dan Namespaces
9. Message Queue dan Event Loop
10. setTimeout, setInterval dan requestAnimationFrame
11. Mesdalam JavaScript
12. Bitwise Operators, Type Arrays dan Array Buffers
13. DOM dan Layout Trees
14. Factories dan Classes
15. this, call, apply dan bind
16. new, Constructor, instanceof dan Instances
17. Prototype Inheritance dan Prototype Chain
18. Object.create dan Object.assign
19. map, reduce, filter
20. Pure Functions, Side Effects dan State Mutation
21. Closures
22. High Order Functions
23. Recursion
24. Collections dan Generators
25. Promises
26. async/await
27. Struktur Data
28. Operasi yang Mahal dan Big O Notation
29. Algoritma
30. Turunan, Polymorphism dan Penggunaan Ulang Kode
31. Pola Desain
32. Partial Applications, Currying, Compose dan Pipe
33. Kode yang Rapih

---

1. Call Stack

Artikel

• 📜 Memahami susunan panggilan dari JavaScript, Event Loops — Gaurav Pandvia
• 📜 Memahami susunan panggilan dari JavaScript— Charles Freeborn
• 📜 Javascript: Apa itu eksekusi context? Apa itu Call Stack? — Valentino Gagliardi
• 📜 Apa itu JS Event Loop dan Call Stack? — Jess Telford
• 📜 Call Stack — MDN
• 📜 Memahami eksekusi Context dan Eksekusi stack dalam Javascript — Sukhjinder Arora
• 📜 Bagaimana Cara Kerja Javascript?: Sebuah Ikhtisar dari mesin, the Runtime, dan Call Stack — Alexander Zlatkov
• 📜 Panduan Mukhtakir untuk mengeksekusi Contexts, Hoisting, Scopes, dan Closures pada JavaScript — Tyler McGinnis

Video

• 🎥 Javascript: Penjelasan the Call Stack — Coding Blocks India
• 🎥 The JS Call Stack Penjelasan dalam 9 Menit — Colt Steele
• 🎥 JavaScript Eksekusi Stack — Codecademy
• 🎥 Apa itu Call Stack? — Eric Traub
• 🎥 Call Stack — Kevin Drumm
• 🎥 Memahami Eksekusi JavaScript — Codesmith
• 🎥 Call Stack & Event Loop — movies com
• 🎥 Panduan Mukhtakir untuk mengeksekusi Contexts, Hoisting, Scopes, dan Closures pada JavaScript — Tyler McGinnis

⬆ Kembali ke Atas

---

2. Tipe Primitif

Artikel

• 📜 Bagaimana angka dikodekan dalam JavaScript — Dr. Axel Rauschmayer
• 📜 Apa yang Kalian Ingin Ketahui Dari Tipe Angka JavaScript — Max Wizard K
• 📜 Apa yang tiap Pengembang JavaScript Harus Ketahui tentang angka Floating Point — Chewxy
• 📜 Rahasia Dari JavaScript Primitif — Angus Croll
• 📜 Tipe Primitif — Alur
• 📜 (Tidak) Semua yang dalam JavaScript adalah Object - Daniel Li
• 📜 JavaScript Tipe Data dan Struktur Data - MDN

Videos

• 🎥 JavaScript Referensi vs Tipe Primitif — Academind
• 🎥 JavaScript Tipe Primitif — Simon Sez IT
• 🎥 Tipe Nilai dan Tipe Referensi dalam JavaScript — Programming with Mosh
• 🎥 JavaScript Tipe Data Primitif — Avelx
• 🎥 Semua yang tidak ingin anda ketahui tentang nomor JavaScript — Bartek Szopka

⬆ Kembali ke Atas

---

3. Tipe Nilai dan Tipe Referensi

Artikel

• 📜 Menjelaskan Nilai vs. Referensi dalam Javascript — Arnav Aggarwal
• 📜 Memahami Nilai dan Tipe Referensi dalam JavaScript — Zsolt Nagy
• 📜 Tipe Primitif & Tipe Referensi dalam JavaScript — Bran van der Meer
• 📜 Tipe Nilai, Tipe Referensi dan Scope dalam JavaScript — Ben Aston
• 📜 Kembali ke asal: JavaScript Nilai vs Referensi — Miro Koczka
• 📜 Memahami “By Value” dan “By Reference" dalam JavaScript — Léna Faure
• 📜 JavaScript Referensi dan Copy Variables — Vítor Capretz
• 📜 JavaScript Primitive vs Referensi Values
• 📜 JavaScript by Reference vs. by Value — nrabinowitz

Videos

• 🎥 Javascript melewati by Value vs melewati by Reference — techsith
• 🎥 JavaScript Nilai vs Tipe Referensi — Programming with Mosh

⬆ Kembali ke Atas

---

4. Implicit, Explicit, Nominal, Structuring dan Duck Typing

Artikel

• 📜 Apa yang ingin anda ketahui tentang Javascript's Implicit Coercion — Promise Tochi
• 📜 JavaScript Type Coercion Dijelaskan — Alexey Samoshkin
• 📜 Javascript Coercion Dijelaskan — Ben Garrison
• 📜 Apa Sebenarnya Type Coercion dalam JavaScript? - Stack Overflow
• 📜 Anda Tidak Mengetahui JS: Types & Grammar [Book] — Kyle Simpson
• 📜 (Tidak) Semuanya dalam JavaScript adalah sebuah Object - Daniel Li
• 📜 Type Coercion dalam JavaScript, dan kenapa semuanya salah.

Videos

• 🎥 == ? === ??? ...#@^% - Shirmung Bielefeld
• 🎥 Coercion dalam JavaScript - Hitesh Choudhary
• 🎥 Pertanyaan JavaScript: Apa itu Coercion? - Steven Hancock

⬆ Kembali ke Atas

---

5. == vs === vs typeof

Artikel

• 📜 JavaScript Dobel Sama Dengan vs. Triple Sama Dengan — Brandon Morelli
• 📜 Apa perbedaan antara =, ==, dan === dalam JS? — Codecademy
• 📜 Haruskah saya menggunakan === atau == persamaan perbandingan operator dalam JavaScript? — Panu Pitkamaki
• 📜 == vs === JavaScript: Double Sama Dengan dan Coercion — AJ Meyghani
• 📜 Kenapa Menggunakan Triple-Equals Operator dalam JavaScript? — Louis Lazaris
• 📜 Apa perbedaan antara == dan === dalam JavaScript? — Craig Buckler
• 📜 Kenapa javascript's typeof selalu menghasilkan "object"? — Stack Overflow
• 📜 Tipe cek dalam JavaScript — Toby Ho
• 📜 Bagaimana cek tipe data lebih baik dalam JavaScript — Webbjocke
• 📜 Melakukan cek untuk kekosongan sebuah nilai dalam JavaScript — Tomer Aberbach

Videos

• 🎥 JavaScript - typeof operator — Java Brains
• 🎥 Javascript typeof operator — DevDelight

⬆ Kembali ke Atas

---

6. Function Scope, Block Scope dan Lexical Scope

Artikel

• 📜 Anda Tidak Mengetahui JS: Scope & Closures [Book] — Kyle Simpson
• 📜 Pertarungan antara Function Scope dan Block Scope — Marius Herring
• 📜 Meniru Block Scope dalam JavaScript — Josh Clanton
• 📜 Perbedaan Antara Function dan Block Scope dalam JavaScript — Joseph Cardillo
• 📜 Function Scopes dan Block Scopes dalam JavaScript — Samer Buna
• 📜 Memahami Scope dan Context dalam JavaScript | Ryan Morr
• 📜 JavaScript Scope dan Closures — Zell Liew
• 📜 Memahami Scope dalam JavaScript — Wissam Abirached
• 📜 Membicarakan JavaScript - Variables: Scopes, Environments, dan Closures — Dr. Axel Rauschmayer
• 📜 Memahami Scope dalam JavaScript ― Hammad Ahmed

Videos

• 🎥 Apa yang membuat Javascript Aneh ... dan Luar Biasa pt. 4 — LearnCode.academy
• 🎥 Variable Scope dalam JavaScript — Kirupa Chinnathambi
• 🎥 JavaScript Block Scope dan Function Scope — mmtuts
• 🎥 Apaan sih Lexical Scope? — NWCalvank

⬆ Kembali ke Atas

---

7. Ekspresi vs Pernyataan

Artikel

• 📜 Semua yang ingin anda ketahui tentang Ekspresi Javascript, Pernyataan dan Pernyataan Ekspresi — Promise Tochi
• 📜 Function Expressions vs Function Declarations — Paul Wilkins
• 📜 JavaScript Function — Declaration vs Expression — Ravi Roshan
• 📜 Function Declarations vs. Function Expressions — Mandeep Singh
• 📜 Function Declarations vs. Function Expressions — Anguls Croll

Videos

• 🎥 Expressions vs. Statements dalam JavaScript — Hexlet
• 🎥 JavaScript - Expression vs. Statement — WebTunings
• 🎥 Function Statements dan Function Expressions — Codeacademy

⬆ Kembali ke Atas

---

8. IIFE, Modules dan Namespaces

Artikel

• 📜 Mastering Immediately-Invoked Function Expressions ― Chandra Gundamaraju
• 📜 Apakah Modul ES6 Membuat Kasus IIFEs menjadi jadul?
• 📜 10 Menit untuk modul JavaScript, format modul, module loaders dan module bundlers ― Jurgen Van de Moere
• 📜 Modul ― Menjelajah JS
• 📜 ES Modul: Sebuah kartun pendalaman — Lin Clark
• 📜 Memahami ES6 Modul — Craig Buckler
• 📜 Ikhtisar dari Modul ES6 dalam JavaScript — Brent Graham
• 📜 Modul ES6 Mendalam — Nicolás Bevacqua
• 📜 Modul ES6, Node.js dan Solusi Michael Jackson — Alberto Gimeno
• 📜 Modul JavaScript: Panduan Pemula — Preethi Kasireddy

Videos

• 🎥 Immediately Invoked Function Expression - Beau teaches JavaScript — freeCodeCamp
• 🎥 Memahami JavaScript IIFE
• 🎥 Module JavaScript: ES6 Impor dan Expor — Kyle Robinson
• 🎥 ES6 - Modul — Ryan Christiani
• 🎥 Modul ES6 dalam dunia nyata — Sam Thorogood
• 🎥 Modul ES6 — TempleCoding

⬆ Kembali ke Atas

---

9. Message Queue dan Event Loop

Artikel

• 📜 Penjelasan JavaScript Event Loop — Anoop Raveendran
• 📜 The JavaScript Event Loop: Explained — Erin Sweson-Healey
• 📜 Apa itu Event Loop dalam JavaScript — WP Tutor.io
• 📜 Memahami JS: The Event Loop — Alexander Kondov
• 📜 Memahami JavaScript Event Loop — Ashish Gupta
• 📜 Event Loop dalam JavaScript — Manjula Dube
• 📜 The JavaScript Event Loop — Flavio Copes
• 📜 Bagaimana Javascript Bekerja: Event loop — Alexander Zlatkov

Videos

• 🎥 Apa itu event loop ? | JSConf EU — Philip Roberts
• 🎥 JavaScript Event Loop — ComScience Simplified
• 🎥 Saya terjebak di Event Loop — Philip Roberts
• 🎥 Didalam loop - Jake Archibald | JSConf.Asia 2018
• 🎥 Desmitificando el Event Loop (Spanish)

⬆ Kembali ke Atas

---

10. setTimeout, setInterval dan requestAnimationFrame

Artikel

• 📜 setTimeout dan setInterval — JavaScript.Info
• 📜 Kenapa tidak menggunakan setInterval — Akanksha Sharma
• 📜 setTimeout VS setInterval — Develoger
• 📜 Menggunakan requestAnimationFrame — Chris Coyier
• 📜 Memahami JavaScript requestAnimationFrame() — JavaScript Kit
• 📜 Menangani interval waktu dalam JavaScript - Amit Merchant

Videos

• 🎥 Javascript: Bagaimana setTimeout dan setInterval bekerja — Coding Blocks India
• 🎥 setTimeout dan setInterval dalam JavaScript — techsith
• 🎥 JavaScript Timers — Steve Griffith
• 🎥 JavaScript setTimeout, setInterval & clearInterval — DoingITeasyChannel
• 🎥 JavaScript setTimeOut dan setInterval Penjelasan — Theodore Anderson

⬆ Kembali ke Atas

---

11. JavaScript Engines

Artikel

• 📜 Mesin JavaScript — Jen Looper
• 📜 Memahami Bagaimana Chrome V8 Engine Menterjemahkan JavaScript ke Kode Mesin — DroidHead
• 📜 Memahami V8’s Bytecode — Franziska Hinkelmann
• 📜 Bagaimana cara kerja mesin V8 ? — Thibault Laurens
• 📜 Sejarah Singkat dari Google V8 Javascript — Clair Smith
• 📜 JavaScript essentials: Kenapa anda harus tahu cara kerja mesin - Rainer Hahnekamp

Videos

• 🎥 _JavaScript Engines: The Good Parts_™ — Mathias Bynens & Benedikt Meurer

⬆ Kembali ke Atas

---

12. Bitwise Operators, Type Arrays dan Array Buffers

Artikel

• 📜 Memprogram dengan JS: Bitwise Operations — Alexander Kondov
• 📜 Menggunakan JavaScript’s Bitwise Operators di Dunia Nyata — ian m
• 📜 JavaScript Bitwise Operators — w3resource
• 📜 Bitwise Operators dalam JavaScript — Joe Cha
• 📜 Sebuah Comprehensive Primer dalam Binary Computation dan Bitwise Operators dalam JavaScript — Paul Brown

Videos

• 🎥 JavaScript Bitwise Operators — Programming with Mosh

⬆ Kembali ke Atas

---

13. DOM dan Layout Trees

Artikel

• 📜 Bagaimana cara memahami dan Memodifikasi DOM dalam JavaScript — Tania Rascia
• 📜 Apa itu Document Object Model, dan Kenapa anda harus tau apa yang dilakukan — Leonardo Maldonado
• 📜 JavaScript DOM Tutorial dengan contoh — Guru99
• 📜 Apa itu DOM? — Chris Coyier
• 📜 Melintasi DOM dengan JavaScript — Zell Liew
• 📜 Lancar JavaScript [Book] — Document Object Model
• 📜 DOM Tree
• 📜 Bagaimana Melintasi DOM dalam JavaScript — Vojislav Grujić
• 📜 Render Tree Construction — Ilya Grigorik

Videos

• 🎥 JavaScript DOM — The Net Ninja
• 🎥 JavaScript DOM Crash Course — Traversy Media

⬆ Kembali ke Atas

---

14. Factories dan Classes

Artikel

• 📜 Bagaimana Menggunakan Class dalam JavaScript — Tania Rascia
• 📜 Javascript Classes — Under The Hood — Majid
• 📜 ES6 Classes — Nathaniel Foster
• 📜 Lebih Baik JavaScript dengan ES6, Pt. II: Pendalaman terhadap Classes ― Peleke Sengstacke
• 📜 Memahami the Factory Design Pattern pada JavaScript Polos — Aditya Agarwal
• 📜 JavaScript Factory Functions vs Constructor Functions vs Classes — Eric Elliott
• 📜 JavaScript Factory Functions dengan ES6+ — Eric Elliott
• 📜 Factory Functions dalam JavaScript — Josh Miller
• 📜 The Factory Pattern dalam JS ES6 — SnstsDev
• 📜 Class vs Factory function: exploring the way forward — Cristi Salcescu

Videos

• 🎥 JavaScript Factory Functions — Programming with Mosh
• 🎥 Factory Functions dalam JavaScript — Fun Fun Function
• 🎥 Javascript Tutorial Function Factories — Crypto Chan

⬆ Kembali ke Atas

---

15. this, call, apply dan bind

Artikel

• 📜 Bagaimana: call() , apply() dan bind() dalam JavaScript — Niladri Sekhar Dutta
• 📜 Metode JavaScript Apply, Call, dan Bind adalah penting untuk JavaScript Professionals — Richard Bovell
• 📜 Apaan nih?! - Memahami kata kunci this, call, apply, dan bind dalam JavaScript — Tyler McGinnis
• 📜 Javascript: call(), apply() dan bind() — Omer Goldberg
• 📜 Perbedaan Antara call / apply / bind — Ivan Sifrim
• 📜 call(), apply() dan bind() methods dalam JavaScript
• 📜 Mastering 'this' dalam JavaScript: Callbacks dan bind(), apply(), call() — Michelle Gienow
• 📜 JavaScript’s apply, call, and bind explained by hosting a cookout — Kevin Kononenko
• 📜 Bagaimana dan Kapan menggunakan bind, call, dan apply dalam JavaScript — Eigen X
• 📜 JavaScript .bind() vs .apply() dan .call() — Hack Sparrow
• 📜 call() — MDN
• 📜 bind() — MDN
• 📜 apply() — MDN
• 📜 Apa itu 'this' dalam JavaScript? — Daniel Li
• 📜 Biarkan saya menjelaskan apa itu this. (Javascript) — Jason Yu

Videos

• 🎥 JavaScript call, apply dan bind — techsith
• 🎥 JavaScript Practical Applications of Call, Apply dan Bind functions— techsith
• 🎥 JavaScript (call, bind, apply) — curious aatma
• 🎥 Memahami Functions dan 'this' In The World of ES2017 — Bryan Hughes
• 🎥 bind dan this - Object Creation dalam JavaScript - FunFunFunction
• 🎥 JavaScript Practical Applications of Call, Apply dan Bind functions — techsith
• 🎥 JS Function Methods call(), apply(), dan bind() — Steve Griffith

⬆ Kembali ke Atas

---

16. new, Constructor, instanceof dan Instances

Artikel

• 📜 JavaScript untuk pemula: the ‘new’ operator — Brandon Morelli
• 📜 Membuka Tabir kata kunci JavaScript ‘new’ — Cynthia Lee
• 📜 Constructor, operator "new" — JavaScript.Info
• 📜 Memahami JavaScript Constructors — Faraz Kelhini
• 📜 Menggunakan Constructor Functions — Openclassrooms
• 📜 Melebihi typeof dan instanceof: menyederhanakan dynamic type checks — Dr. Axel Rauschmayer
• 📜 Apa itu Instanceof Operator dalam JavaScript — appendTo
• 📜 JavaScript instanceof vs typeof — Gary Rafferty
• 📜 Function and Object, instances of each other — Kiro Risk

⬆ Kembali ke Atas

---

17. Prototype Inheritance dan Prototype Chain

Artikel

• 📜 Javascript : Prototype vs Class — Valentin PARSY
• 📜 Mesin Dasar JavaScript: Mengoptimalisasi prototypes — Mathias Bynens
• 📜 JavaScript Prototype — NC Patro
• 📜 Prototype dalam JavaScript — Sandeep Ranjan
• 📜 Prototypes dalam JavaScript — Rupesh Mishra
• 📜 Prototype dalam JavaScript: itu aneh, tapi ini bagaimana cara kerjanya — Pranav Jindal
• 📜 Turunan dan rantai prototype — MDN
• 📜 Menjadi Master Wawancara JavaScript : Apa Perbedaan Antara Class & Prototypal Inheritance? — Eric Elliott
• 📜 Memahami JavaScript: Prototype dan Inheritance — Alexander Kondov
• 📜 Prototypal Inheritance — JavaScript.Info
• 📜 Bagaimana Bekerja dengan Prototypes dan Inheritance dalam JavaScript — Tania Rascia
• 📜 Master JavaScript Prototypes & Inheritance — Arnav Aggarwal
• 📜 Anda Tidak Mengetahui JS [Book] Chapter 5: Prototypes — Kyle Simpson
• 📜 JavaScript’s Prototypal Inheritance Dijelaskan Dengan Menggunakan CSS — Nash Vail
• 📜 Prototypal Inheritance dalam JavaScript — Jannis Redmann
• 📜 Classical dan Prototypical Inheritance dalam JavaScript — Danny Cornelisse
• 📜 Demystifying ES6 Classes dan Prototypal Inheritance ― Neo Ighodaro
• 📜 Pengenalan ke Prototypal Inheritance — Dharani Jayakanthan
• 📜 Classes dalam JavaScript - Explained — Daniel Li
• 📜 Anda Tidak Mengetahui JS: this & Object Prototypes — Kyle Simpson

Videos

• 🎥 Javascript Prototype Inheritance — Avelx
• 🎥 JavaScript Prototype Inheritance Penjelasan pt. I — techsith
• 🎥 JavaScript Prototype Inheritance Penjelasan pt. II — techsith
• 🎥 JavaScript Prototype Inheritance Penjelasan — Kyle Robinson
• 🎥 Advanced Javascript - Prototypal Penjelasan In 1 Minute
• 🎥 Sebuah Ikhtisar dari Javascript Klasik Classes dan Prototypal Inheritance — Pentacode
• 🎥 Object Oriented JavaScript - Prototype — The Net Ninja
• 🎥 Prototype dalam JavaScript — kudvenkat
• 🎥 JavaScript Menggunakan Prototypes — O'Reilly
• 🎥 Panduan Pemula Untuk Javascript's Prototype — Tyler Mcginnis
• 🎥 Prototypes dalam JavaScript - p5.js Tutorial — The Coding Train

⬆ Kembali ke Atas

---

18. Object.create dan Object.assign

Artikel

• 📜 Object.create() — MDN
• 📜 Object.create dalam JavaScript — Rupesh Mishra
• 📜 Object.create(): Cara Baru dalam Membuat Object dalam JavaScript — Rob Gravelle
• 📜 Turunan Dasae dengan Object.create — Joshua Clanton
• 📜 Object.create() dalam JavaScript — GeeksforGeeks
• 📜 Memahami Perbedaan Antara Object.create() dan operator new — Jonathan Voxland
• 📜 Pembuatan Obyek JavaScript : Pola dan Best Practices — Jeff Mott
• 📜 Berurusan dengan Objects dalam JavaScript With Object.assign, Object.keys dan hasOwnProperty
• 📜 Copying Objects dalam JavaScript ― Orinami Olatunji
• 📜 Object.assign() — MDN
• 📜 JavaScript: Object.assign() — Thiago S. Adriano
• 📜 Bagaimana Cara Mengkloning Terdalam sebuah JavaScript Object — Flavio Copes

Videos

• 🎥 Object.assign() dijelaskan — Aaron Writes Code
• 🎥 Object.assign() Metode — techsith

⬆ Kembali ke Atas

---

19. map, reduce, filter

Artikel

• 📜 JavaScript Functional Programming — map, filter dan reduce — Bojan Gvozderac
• 📜 Learn map, filter dan reduce dalam JavaScript — João Miguel Cunha
• 📜 JavaScript’s Map, Reduce, dan Filter — Dan Martensen
• 📜 Bagaimana cara menggunakan Map, Filter, & Reduce dalam JavaScript — Peleke Sengstacke
• 📜 JavaScript — Memahami Chain Map, Filter, dan Reduce — Brandon Morelli
• 📜 Javascript data structure dengan map, reduce, filter dan ES6 — Deepak Gupta
• 📜 Memahami map, filter dan reduce dalam JavaScript — Luuk Gruijs
• 📜 Functional Programming dalam JS: map, filter, reduce (Pt. 5) — Omer Goldberg
• 📜 JavaScript: Map, Filter, Reduce — William S. Vincent
• 📜 Arrow Functions: Fat dan Concise Syntax dalam JavaScript — Kyle Pennell
• 📜 JavaScript: Arrow Functions untuk Pemula — Brandon Morelli
• 📜 Kapan (dan Kenapa) anda harus menggunakan ES6 arrow functions — dan kapan harus tidak — Cynthia Lee
• 📜 JavaScript — Belajar & Memahami Arrow Functions — Brandon Morelli
• 📜 (JavaScript )=> Arrow functions — sigu
• 📜 Sebuah Kemungkinan untuk menggunakan Async/Await untuk filter(), find(), forEach(), map() dan reduce() metode di Array — Ruwan Geeganage
• 📜 Javascript.reduce() — Paul Anderson

Videos

• 🎥 Map, Filter dan Reduce — Lydia Hallie
• 🎥 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 Higher Order Functions - Filter, Map, Sort & Reduce — Epicop
• 🎥 [Array Methods 2/3] .filter + .map + .reduce — CodeWithNick
• 🎥 Arrow functions dalam JavaScript - What, Kenapa dan How — Fun Fun Function
• 🎥 Learning Functional Programming with JavaScript — Anjana Vakil - JSUnconf

⬆ Kembali ke Atas

---

20. Pure Functions, Side Effects dan State Mutation

Artikel

• 📜 Javascript dan Functional Programming — Pure Functions — Omer Goldberg
• 📜 Menjadi Master Wawancara JavaScript : Apa itu pure functions? — Eric Elliott
• 📜 JavaScript: Apa itu Pure Functions And Kenapa Menggunakanya? — James Jeffery
• 📜 Pure functions dalam JavaScript — @nicoespeon
• 📜 Functional Programming: Pure Functions — Arne Brasseur
• 📜 Pure Functions dalam JavaScript — Krunal
• 📜 Making your JavaScript Pure — Jack Franklin
• 📜 To mutate, or not to mutate, dalam JavaScript
• 📜 Arrays, Objects dan Mutations — Federico Knüssel
• 📜 The State of Immutability — Maciej Sikora
• 📜 Bagaimana berurusan dengan efek samping yang kotor dalam pure functional JavaScript — James Sinclair
• 📜 Menghindari Efek Samping dalam JavaScript — David Walsh
• 📜 Wielding Pure Functions dalam JavaScript dan Function Composition — Peleke Sengstacke
• 📜 JavaScript: Pure Functions — William S. Vincent
• 📜 Paradigma Functional programming dalam modern JavaScript: Pure functions — Alexander Kondov

Videos

• 🎥 Pure Functions — Hexlet
• 🎥 Pure Functions - Functional Programming dalam JavaScript — Paul McBride
• 🎥 JavaScript Pure Functions — Seth Alexander

⬆ Kembali ke Atas

---

21. Closures

Artikel

• 📜 Closures — MDN
• 📜 Saya Tidak Pernah Memahami JavaScript closures — Olivier De Meulder
• 📜 Closure — JavaScript.Info
• 📜 Memahami JavaScript Closures Dengan Mudah — Richard Bovell
• 📜 Memahami JavaScript Closures — Codesmith
• 📜 Memahami Closures dalam JavaScript — Brandon Morelli
• 📜 Panduan Singkat untuk membantu anda memahami closures dalam JavaScript — Prashant Ram
• 📜 Memahami JavaScript Closures: Sebuah Pendekatan Praktikal — Paul Upendo
• 📜 Memahami JavaScript: Closures — Alexander Kondov
• 📜 Bagaimana menggunakan JavaScript closures dengan percaya diri — Léna Faure
• 📜 JavaScript closures by example — tyler
• 📜 JavaScript — Closures dan Scope — Alex Aitken
• 📜 Menjelajahi Kekuatan dari closures dalam JavaScript — Cristi Salcescu

Videos

• 🎥 Javascript Closure — techsith
• 🎥 Closures — Fun Fun Function
• 🎥 Closures dalam JavaScript — techsith
• 🎥 JavaScript Closures 101: Apa itu closure? — JavaScript Tutorials
• 🎥 Closures — freeCodeCamp
• 🎥 JavaScript Closures — CodeWorkr

⬆ Kembali ke Atas

---

22. High Order Functions

Artikel

• 📜 Higher-Order Functions — Lancar JavaScript [Book]
• 📜 Higher-Order Functions dalam JavaScript — M. David Green
• 📜 Higher Order Functions: Menggunakan Filter, Map dan Reduce Untuk Kode yang dapat Lebih Dipelihara (Maintainable) — Guido Schmitz
• 📜 First-class dan Higher Order Functions: Effective Functional JavaScript — Hugo Di Francesco
• 📜 Higher Order Functions dalam JavaScript — John Hannah
• 📜 Higher-order Functions — Richard Bovell
• 📜 Higher Order Functions dalam JavaScript — Zsolt Nagy
• 📜 Bersenang-senang dengan Higher Order Functions dalam JavaScript — Derick
• 📜 Sebuah Peringatan pada bagaimana dalam menggunakan high order functions — Pedro Filho
• 📜 Bagaimana Menggunakan JavaScript closures dengan percaya diri — Léna Faure
• 📜 JavaScript closures dengan contoh — tyler

Videos

• 🎥 JavaScript Higher Order Functions & Arrays — Traversy Media
• 🎥 Higher Order Functions — Fun Fun Function
• 🎥 Higher Order Functions dalam JavaScript — Raja Yogan
• 🎥 Higher Order Iterators dalam JavaScript — Fun Fun Function
• 🎥 Higher Order Functions dalam JavaScript — The Coding Train

⬆ Kembali ke Atas

---

23. Recursion

Artikel

• 📜 Recursion dalam JavaScript — Kevin Ennis
• 📜 Memahami Recursion dalam JavaScript — Zak Frisch
• 📜 Belajar dan Memahami Recursion dalam JavaScript — Brandon Morelli
• 📜 Recursion dalam Functional JavaScript — M. David Green
• 📜 Programming with JS: Recursion — Alexander Kondov
• 📜 Anonymous Recursion dalam JavaScript — simo
• 📜 Recursion, iteration dan tail calls in JS — loverajoel
• 📜 Memahami Recursion dalam JavaScript with Confidence — Jay

Videos

• 🎥 Recursion dalam JavaScript — techsith
• 🎥 Recursion — Fun Fun Function
• 🎥 Recursion dan Recursive Functions — Hexlet
• 🎥 Recursion: Recursion() — JS Monthly — Lucas da Costa
• 🎥 Recursive Function dalam JavaScript — kudvenkat
• 🎥 What on Earth is Recursion? — Computerphile
• 🎥 Javascript Tutorial 34: Introduction To Recursion — codedamn

⬆ Kembali ke Atas

---

24. Collections dan Generators

Artikel

• 📜 ES6 Secara Mendalam: Collections — Jason Orendorff
• 📜 ES6 Collections: Menggunakan Map, Set, WeakMap, WeakSet — Kyle Pennell
• 📜 ES6 WeakMaps, Sets, dan WeakSets in Depth — Nicolás Bevacqua
• 📜 Pengenalan untuk Sets dalam JavaScript — Alligator.io
• 📜 Pengenalan untuk Maps dalam JavaScript — Alligator.io
• 📜 Map, Set, WeakMap dan WeakSet — JavaScript.Info
• 📜 Maps dalam ES6 - Sebuah Panduan Singkat — Ben Mildren
• 📜 ES6 — Set vs Array — Apa dan Kapan? — Maya Shavin
• 📜 ES6 — Map vs Object — Apa dan Kapan? — Maya Shavin
• 📜 ES6: Bekerja dengan Sets dalam JavaScript — Dead Code Rising
• 📜 Array vs Set vs Map vs Object — Real-time use cases dalam JavaScript (ES6/ES7) — Rajesh Babu
• 📜 Bagaimana membuat array yang unik dalam JavaScript using Sets — Claire Parker-Jones
• 📜 Apa yang harus anda ketahui tentang ES6 Maps — Just Chris
• 📜 ES6 Maps yang Mendalam — Nicolás Bevacqua
• 📜 Generator — MDN web docs
• 📜 Apa itu JavaScript Generators dan bagaimana cara menggunakanya — Vladislav Stepanov
• 📜 Memahami JavaScript Generators Dengan Contoh — Arfat Salman
• 📜 Dasar dari ES6 Generators — Kyle Simpson

Videos

• 🎥 JavaScript ES6 / ES2015 Set, Map, WeakSet dan WeakMap — Traversy Media
• 🎥 Perbedaan Antara ES6 Maps dan Sets — Steve Griffith
• 🎥 Javascript Generators - MERUBAH SEGALANYA - ES6 Generators Harmony Generators — LearnCode.academy

⬆ Kembali ke Atas

---

25. Promises

Artikel

• 📜 Promise — MDN
• 📜 JavaScript Promises for Dummies ― Jecelyn Yeen
• 📜 Memahami promises dalam JavaScript — Gokul N K
• 📜 Menjadi Master Wawancara JavaScript : Apa itu Promise? — Eric Elliott
• 📜 Ikhtisar dari JavaScript Promises — Sandeep Panda
• 📜 Bagaimana cara menggunakan Promises dalam JavaScript — Prashant Ram
• 📜 Mengimplementasi Promises dalam JavaScript — Maciej Cieslar
• 📜 JavaScript: Promises dijelaskan dengan analogi dunia nyata yang sederhana — Shruti Kapoor
• 📜 Promises untuk Pemrograman Asynchronous — Exploring JS
• 📜 JavaScript Promises Dijelaskan dengan berjudi di kasino — Kevin Kononenko
• 📜 ES6 Promises: Patterns dan Anti-Patterns — Bobby Brennan
• 📜 Panduan Singkat ES6 Promises — Brandon Morelli
• 📜 The ES6 Promises — Manoj Singh Negi
• 📜 ES6 Promises yang Mendalam — Nicolás Bevacqua
• 📜 Bermain dengan Javascript Promises: Pendekatan yang menyeluruh — Rajesh Babu

Videos

• 🎥 Mari Belajar ES6 - Promises — Ryan Christiani
• 🎥 JavaScript ES6 / ES2015 Promises — Traversy Media
• 🎥 Promises — Fun Fun Function
• 🎥 Error Handling Promises dalam JavaScript — Fun Fun Function
• 🎥 Promises Part 1 - Topics of JavaScript/ES6 — The Coding Train

⬆ Kembali ke Atas

---

26. async/await

Artikel

• 📜 async/await — JavaScript.Info
• 📜 Memahami async/await dalam JavaScript — Gokul N K
• 📜 Asynchronous Programming — Eloquent JavaScript
• 📜 Mengoprek Async/Await Functions dalam JavaScript — Alligator.io
• 📜 Asynchronous Javascript menggunakan async/await — Joy Warugu
• 📜 Modern Asynchronous JavaScript dengan async/await — Flavio Copes
• 📜 Asynchronous JavaScript: From Callback Hell to Async dan Await — Demir Selmanovic
• 📜 Javascript — ES8 Introducing async/await Functions — Ben Garrison
• 📜 Bagaimana cara terlepas dari neraka async/await — Aditya Agarwal
• 📜 Memahami JavaScript’s async await — Nicolás Bevacqua
• 📜 JavaScript Async/Await: Serial, Parallel dan Complex Flow — TechBrij
• 📜 Asynchronous Programming — Exploring JS
• 📜 Dari JavaScript Promises menuju Async/Await: Kenapa bother? — Chris Nwamba
• 📜 Flow Control dalam Modern JS: Callbacks ke Promises ke Async/Await — Craig Buckler
• 📜 JavaScript: Promises dan Kenapa Async/Await Memenangkan Pertarungan — Nick Parsons

Videos

• 🎥 Async + Await — Wes Bos
• 🎥 Asynchrony: Under the Hood — Shelley Vohr
• 🎥 async/await dalam JavaScript - Apa, Kenapa dan Bagaimana — 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

⬆ Kembali ke Atas

---

27. Struktur Data

Artikel

• 📜 Struktur Data dalam JavaScript — Thon Ly
• 📜 Algoritma dan Struktur Data dalam JavaScript — Oleksii Trekhleb
• 📜 Struktur Data: Objects dan Arrays ― Chris Nwamba
• 📜 Struktur Data dalam JavaScript — Benoit Vallon
• 📜 Bermain Dengan Struktur Data dalam JavaScript — Anish K.
• 📜 Panduan Kecil of Queue dalam JavaScript — Germán Cutraro
• 📜 Semua Algoritma ditulis dengan JavaScript dalam buku 'Algoritma Fourth Edition'
• 📜 Koleksi dari Paradigma Ilmu Komputer Klasik dalam JavaScript
• 📜 Semua yang tidak kamu ketahui yang ingin kamu ketahui dari struktur data

Videos

• 🎥 Algoritma dalam JavaScript — Seth Koch
• 🎥 Algoritma dalam JavaScript | Ace Your Interview — Eduonix Learning Solutions
• 🎥 Struktur Data dan Algoritma dalam JavaScript — freeCodeCamp
• 🎥 Belajar JavaScript Struktur Data dan Algoritma: Sorting — Packt Video

⬆ Kembali ke Atas

---

28. Expensive Operation dan Big O Notation

Artikel

• 📜 Big O Notation dalam JavaScript — César Antón Dorantes
• 📜 Time Complexity/Big O Notation — Tim Roberts
• 📜 Big O dalam JavaScript — Gabriela Medina
• 📜 Big O Pencarian Algoritma dalam JavaScript — Bradley Braithwaite
• 📜 Time Complexity Analysis dalam JavaScript — Jennifer Bland
• 📜 Algoritma di bahasa Inggris Polos: time complexity dan Big-O Notation — Michael Olorunnisola

Videos

• 🎥 JavaScript: Pengenalan Big O Notation dan Function Runtime — Eric Traub
• 🎥 Big O Penting untuk Pengembang JavaScript — Dave Smith
• 🎥 Big O Notation - Time Complexity Analysis — WebTunings

⬆ Kembali ke Atas

---

29. Algoritma

Artikel

• 📜 Struktur Data dan Algoritma using ES6
• 📜 Algoritma dan struktur data implemented dalam JavaScript with explanations dan links to further readings
• 📜 JS: Wawancara Algoritma
• 📜 Algoritma dalam JavaScript — Thon Ly
• 📜 JavaScript Objects, Square Brackets dan Algoritma — Dmitri Grabov
• 📜 Atwood's Law applied to CS101 - Classic algorithms dan struktur data diimplementasikan dalam JavaScript
• 📜 Struktur Data dan Algoritma library dalam JavaScript
• 📜 Koleksi dari algoritma Ilmu Komputer dan struktur data written dalam JavaScript

⬆ Kembali ke Atas

---

30. Inheritance, Polymorphism dan Code Reuse

Artikel

• 📜 Class inheritance, super — JavaScript.Info
• 📜 Inheritance dalam JavaScript — MDN
• 📜 Inheritance dalam JavaScript — Rupesh Mishra
• 📜 Simple Inheritance with JavaScript — David Catuhe
• 📜 JavaScript — Inheritance, delegation patterns dan Object linking — NC Patro
• 📜 Object Oriented JavaScript: Polymorphism dengan contoh — Knoldus Blogs
• 📜 Program Like Proteus — Panduan Pemula untuk polymorphism dalam JavaScript — Sam Galson
• 📜 Object-oriented JavaScript: Menyelam Lebih Dalam ke ES6 Classes — Jeff Mott

Videos

• 🎥 Inheritance dalam JavaScript — kudvenkat
• 🎥 JavaScript ES6 Classes dan Inheritance — Traversy Media
• 🎥 Polymorphism dalam JavaScript — kudvenkat

⬆ Kembali ke Atas

---

31. Design Patterns

Artikel

• 📜 4 JavaScript Design Patterns Anda Harus Ketahui — Devan Patel
• 📜 JavaScript Design Patterns – Panduan Pemula untuk Mobile Web Development — Soumyajit Pathak
• 📜 JavaScript Pola Desain — Akash Pal
• 📜 Javascript Pola Desain: Apa itu & Bagaimana Cara Menggunakanya — Patrick Simpson
• 📜 JavaScript Pola Desain: Memahami Pola Desain dalam JavaScript - Sukhjinder Arora
• 📜 Semua 23 (GoF) Pola Desain diimplementasikan dalam JavaScript — Felipe Beline
• 📜 Belaja JavaScript Pola Desain — Addy Osmani

Videos

• 🎥 JavaScript Pola Desain — Udacity
• 🎥 JavaScript Pola untuk 2017 — Scott Allen

⬆ Kembali ke Atas

---

32. Partial Applications, Currying, Compose dan Pipe

Artikel

• 📜 Menggunakan function composition dalam JavaScript — Rémi
• 📜 Currying dalam JavaScript ES6 — Adam Bene
• 📜 Composition dan Currying Elegance dalam JavaScript — Pragyan Das
• 📜 Functional JavaScript: Function Composition Untuk Penggunaan Sehari-hari — Joel Thoms
• 📜 Functional Composition: compose() dan pipe() — Anton Paras
• 📜 Kenapa The Hipsters Compose Segalanya: Functional Composing dalam JavaScript — A. Sharif
• 📜 Pengenalan yang Lembut untuk Functional JavaScript pt III: Functions untuk membuat functions — James Sinclair
• 📜 Curry And Compose (Kenapa kamu seharusnya menggunakan sesuatu yang seperti ramda dalam kode anda) — jsanchesleao
• 📜 Function Composition dalam JavaScript dengan Pipe — Andy Van Slaars
• 📜 Practical Functional JavaScript dengan Ramda — Andrew D'Amelio, Yuri Takhteyev
• 📜 Keindahan dalam Partial Application, Currying, dan Function Composition — Joel Thoms
• 📜 Curry atau Partial Application? — Eric Elliott
• 📜 Partial Application dalam JavaScript — Ben Alman
• 📜 Partial Application dari Functions — Functional Reactive Ninja
• 📜 Currying vs Partial Application — Deepak Gupta
• 📜 Partial Application dalam ECMAScript 2015 — Ragan Wald
• 📜 Functional Composition dalam 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
• 📜 Functional-Light JavaScript Chapter 3: Managing Function Inputs — Kyle Simpson
• 📜 Pengenalan prinsip dasar dari Functional Programming — TK

Videos

• 🎥 Compose vs Pipe: Functional Programming dalam JavaScript — Chyld Studios
• 🎥 JavaScript Functional Programing: Compose — Theodore Anderson
• 🎥 Function Composition - Functional JavaScript — NWCalvank
• 🎥 JavaScript Function Composition Dijelaskan — Theodore Anderson
• 🎥 Mari koding dengan function composition — Fun Fun Function
• 🎥 Partial Application vs. Currying — NWCalvank
• 🎥 JavaScript Partial Application — Theodore Anderson

⬆ Kembali ke Atas

---

33. Clean Code

Artikel

• 📜 Clean Code konsep diadaptasi untuk JavaScript — Ryan McDermott
• 📜 JavaScript Clean Coding Best Practices — András Tóth
• 📜 Function parameters dalam JavaScript Clean Code — Kevin Peters
• 📜 Clean Code JavaScript — Sarah Drasner
• 📜 Menjaga kode anda tetap rapih — Samuel James
• 📜 Best Practices untuk menggunakan Syntax JavaScript Modern — M. David Green

Videos

• 🎥 JavaScript Pro Tips - Koding ini, BUKAN itu

⬆ Kembali ke Atas