Download 33 js concepts - 33 js concepts Sumber Code Download

33 js concepts

Kode sumber lainnya

Unduh

33 Konsep yang harus diketahui setiap pengembang JavaScript

Perkenalan

Repositori ini dibuat dengan maksud membantu pengembang menguasai konsep mereka dalam JavaScript. Ini bukan persyaratan, tetapi panduan untuk studi di masa depan. Ini didasarkan pada artikel yang ditulis oleh Stephen Curtis dan Anda dapat membacanya di sini.

Dianggap oleh GitHub sebagai salah satu proyek open source teratas tahun 2018!

Masyarakat

Jangan ragu untuk mengirimkan PR dengan menambahkan tautan ke rekap atau ulasan Anda sendiri. Jika Anda ingin menerjemahkan repo ke dalam bahasa ibu Anda, jangan ragu untuk melakukannya.

Semua terjemahan untuk repo ini akan tercantum di bawah ini:

اَلْعَANANANAN
Ъългарски (Bulgaria) - TheWebMasterp
汉语 (Cina) - re tian
Português Do Brasil (Brasil Portugis) - Tiago Boeing
한국어 (Korea) - Suin Lee
Español (Spanyol) - Adonis Mendoza
Türkçe (Turki) - İlker Demir
рский зыкк (Rusia) - mihail gumennii
Tiếng việt (Vietnam) - nguyễn trần chung
Polski (Polandia) - Dawid Lipinski
فارسی (Persia) - Majid Alavizadeh
Bahasa Indonesia (Indonesia) - Rijdzuan Sampoerna
Français (Prancis) - Robin Métral
हिन्दी (Hindi) - Vikas Chauhan
Ελληνικά (bahasa Yunani) - Dimitris zarachanis
日本語 (Jepang) - OIMO23
Deutsch (Jerman) - Burhannn
украї́нська мо́Ва (Ukrainian) - Andrew Savetchuk
සිංහල (Sinhala) - Udaya Shamendra
Italiano (Italia) - Gianluca Fiore
Latviešu (Latvian) - Jānis īvāns
Afaan Oromoo (Oromo) - Amanuel Dagnachew
ภาษาไทย (Thailand) - Arif Waram
Català (Catalan) - Mario Estrada
Svenska (Swedia) - Fenix Hongell
ខ្មែរ (Khmer) - Chrea Chanchhunneng
አማርኛ (Ethiopia) - miniyahil kebede (ምንያህል ከበደ)
Белаilan
O'ZBEKCHA (Uzbek) - Shokhrukh Usmonov
Urdu (اردو) - Yasir Nawaz
Marathi (मराठी) - Dhruv Chandak
हिन्दी (Hindi) - Mahima Chauhan
বাংলা (Bengali) - Jisan Mia
ગુજરાતી (Gujarati) - Vatsal Bhuva
سنڌي (Sindhi) - Sunny Gandhwani
भोजपुरी (Bhojpuri) - Pronay Debnath
ਪੰਜਾਬੀ (Punjabi) - Dev Pathak yang keras
தமிழ் (Tamil) - Jaimin Chovatia
Latin (Latin) - Dev Pathak yang keras
മലയാളം (Malayalam) - Akshay Manoj
Yorùbá (Yoruba) - Ayomide Bajulaye
עברית (Ibrani) - Refael Yzgea

Daftar isi

Panggil tumpukan
Tipe primitif
Jenis nilai dan jenis referensi
Implisit, eksplisit, nominal, penataan dan pengetikan bebek
== vs === vs typeof
Lingkup fungsi, cakupan blok dan ruang lingkup leksikal
Ekspresi vs pernyataan
Iife, modul dan namespaces
Antrian pesan dan loop acara
setTimeout, setInterval dan requestanimationframe
Mesin JavaScript
Operator Bitwise, Ketik Array dan Buffer Array
Dom dan pohon tata letak
Pabrik dan kelas
ini, hubungi, lamar dan ikat
baru, konstruktor, instance dari dan instance
Prototipe warisan dan rantai prototipe
Object.create and Object.assign
Peta, kurangi, filter
Fungsi murni, efek samping, mutasi keadaan dan perambatan peristiwa
Penutupan
Fungsi pesanan tinggi
Rekursi
Koleksi dan Generator
Janji
async/menunggu
Struktur data
Operasi yang mahal dan notasi besar
Algoritma
Warisan, polimorfisme dan penggunaan kembali kode
Pola desain
Aplikasi parsial, kari, menyusun dan pipa
Kode bersih

1. Panggil tumpukan

Tumpukan panggilan adalah mekanisme yang digunakan juru bahasa JavaScript untuk melacak eksekusi fungsi dalam suatu program. Dalam JavaScript, fungsi dieksekusi dalam urutan yang mereka sebut. Tumpukan panggilan mengikuti prinsip terakhir, pertama keluar (LIFO), yang berarti bahwa fungsi terakhir yang didorong ke tumpukan adalah yang pertama dieksekusi.

Menurut spesifikasi ecmascript, tumpukan panggilan didefinisikan sebagai bagian dari konteks eksekusi. Setiap kali fungsi dipanggil, konteks eksekusi baru dibuat dan ditempatkan di bagian atas tumpukan. Setelah fungsi selesai, konteks eksekusi dihapus dari tumpukan, dan kontrol kembali ke konteks sebelumnya. Ini membantu mengelola eksekusi kode sinkron, karena setiap panggilan fungsi harus diselesaikan sebelum yang berikutnya dapat dimulai.

Referensi

Panggil tumpukan - MDN

Artikel

Memahami tumpukan panggilan javascript, loop acara - Gaurav Pandvia
Memahami tumpukan panggilan javascript - Charles Freeborn
JavaScript: Apa konteks eksekusi? Apa tumpukan panggilannya? - Valentino Gagliardi
Apa Loop Acara JS dan Tumpukan Panggilan? - Jess Telford
Memahami Konteks Eksekusi dan Tumpukan Eksekusi di JavaScript - Sukhjinder Arora
Bagaimana JavaScript Bekerja Di Bawah Tudung: Tinjauan Umum Mesin JavaScript, Tumpukan dan, Tumpukan Tumpukan - Bipin Rajbhar
Tumpukan panggilan JS dijelaskan dalam 9 menit - Colt Steel (YouTube)
Tumpukan Tumpukan di Javascript - Syed Rafsan Raiyan

Video

JavaScript: Tumpukan panggilan dijelaskan - Blok pengkodean India
Tumpukan panggilan JS dijelaskan dalam 9 menit - Colt Steele
Apa tumpukan panggilannya? - Eric Traub
The Call Stack - Kevin Drumm
Memahami Eksekusi JavaScript - Codesmith
Apa sih loop acara? - Philip Roberts
Bagaimana kode javascript dieksekusi? ❤️ & Call Stack - Akshay Saini
Tumpukan Hubungi - CS50
Pelajari tumpukan panggilan javascript - codecupdev
Fungsi JavaScript dan tumpukan panggilan | Bagaimana cara kerja tumpukan panggilan - Chidre'stechtutorials

⬆ Kembali ke atas

2. Jenis primitif

Menurut spesifikasi ecmascript, JavaScript memiliki enam tipe data primitif: string, angka, bigint, boolean, tidak terdefinisi, dan simbol. Jenis -jenis ini tidak dapat diubah, artinya nilainya tidak dapat diubah. Ada juga tipe primitif khusus yang disebut null, yang mewakili tidak adanya nilai objek yang disengaja.

Nilai primitif secara langsung ditetapkan ke variabel, dan ketika Anda memanipulasi tipe primitif, Anda bekerja langsung pada nilainya. Tidak seperti objek, primitif tidak memiliki sifat atau metode, tetapi JavaScript secara otomatis membungkus nilai primitif dengan rekan objek bila perlu (misalnya, saat memanggil metode pada string).

Referensi

JavaScript Data Jenis dan Struktur Data - MDN

Artikel

Jenis data primitif dan non-primitif dalam JavaScript-geeksforgeeks
Variabel JavaScript (pemikiran pemula)
Bagaimana angka dikodekan dalam JavaScript - Dr. Axel Rauschmayer
Apa yang perlu Anda ketahui tentang JavaScript Number Type - Max Wizard K
Apa yang harus diketahui oleh setiap pengembang JavaScript tentang angka floating point - chewxy
The Secret Life of JavaScript Primitif - Angus Croll
Tipe Primitif - Aliran
(Tidak) Segala sesuatu dalam JavaScript adalah objek - Daniel Li
JavaScript Data Jenis dan Struktur Data - MDN
Menyelam lebih dalam di objek JavaScripts - Arfat Salman
Perbedaan antara objek.freeze () vs const dalam javascript - bolaji ayodeji
Object to Primitive Conversion - javascript.info
Metode Primitif - Javascript.info

Video

Referensi JavaScript vs tipe primitif - Academind
JavaScript Primitive Type - Simon Sez It
Jenis Nilai dan Jenis Referensi dalam JavaScript - Pemrograman Dengan Mosh
JavaScript Tipe Data Primitif - Avelx
Segala sesuatu yang tidak pernah ingin Anda ketahui tentang nomor JavaScript - Bartek Szopka
Apa variabel dalam JavaScript? - JS untuk semua orang
Tipos de datos primitivos en javascript - la cocina del código
Tipe Data dalam JavaScript - Beasiswa

⬆ Kembali ke atas

3. Jenis nilai dan jenis referensi

Menurut spesifikasi ecmascript, jenis nilai disimpan langsung di lokasi yang diakses variabel. Ini termasuk jenis seperti angka, string, boolean, tidak terdefinisi, bigint, simbol, dan nol. Saat Anda menetapkan jenis nilai ke variabel, nilai itu sendiri disimpan.

Artikel

Menjelaskan nilai vs referensi dalam JavaScript - Arnav Aggarwal
Jenis Primitif & Jenis Referensi dalam JavaScript - Bran van der Meer
Jenis nilai, jenis referensi dan ruang lingkup di JavaScript - Ben Aston
Kembali ke Roots: Nilai JavaScript vs Referensi - Miro Koczka
Pegang "Nilai" dan "dengan Referensi" di JavaScript - Léna Faure
Referensi Javascript dan Variabel Salin - Vítor Capretz
JavaScript primitif vs nilai referensi
JavaScript dengan referensi vs. berdasarkan nilai - nrabinowitz
JavaScript Wawancara Persiapan: Jenis Referensi Primitif vs.
Metode Foreach di JavaScript - Panduan Komprehensif
Peta JavaScript vs. Foreach: Kapan Menggunakan masing -masing - Sajal Soni

Video

JavaScript Pass By Value Vs Pass dengan Referensi - TechSith
Nilai JavaScript vs Jenis Referensi - Pemrograman Dengan Mosh
Valores vs Referencias En Javascript - La Cocina del Código
JavaScript - Referensi vs Nilai/ Jenis Primitif - Academind
Jenis Nilai dan Jenis Referensi dalam JavaScript - Pemrograman Dengan Mosh

⬆ Kembali ke atas

4. Implisit, eksplisit, nominal, penataan dan pengetikan bebek

Spesifikasi ecmascript mendefinisikan JavaScript sebagai bahasa yang diketik secara dinamis, yang berarti bahwa tipe dikaitkan dengan nilai daripada variabel, dan pemeriksaan jenis terjadi saat runtime. Ada berbagai cara JavaScript mengelola jenis:

Pengetikan implisit (atau ketik paksaan): Ini terjadi ketika JavaScript secara otomatis mengonversi satu tipe data ke yang lain saat diperlukan. Misalnya, JavaScript dapat mengonversi string ke angka selama operasi aritmatika. Meskipun ini dapat menyederhanakan beberapa kode, itu juga dapat menyebabkan hasil yang tidak terduga jika tidak ditangani dengan cermat.

Pengetikan Eksplisit: Tidak seperti pengetikan implisit, pengetikan eksplisit melibatkan konversi nilai secara manual dari satu jenis ke jenis lain menggunakan fungsi seperti angka (), string (), atau boolean ().

Pengetikan nominal: JavaScript tidak secara native mendukung pengetikan nominal, di mana jenis -jenisnya secara eksplisit dinyatakan dan diperiksa. Namun, TypeScript, superset JavaScript, membawa fitur ini untuk membantu menangkap kesalahan tipe selama pengembangan.

Pengetikan Penataan: Dalam sistem jenis ini, jenis didasarkan pada struktur atau sifat data. JavaScript adalah bahasa yang diketik secara struktural di mana objek kompatibel jika mereka memiliki struktur yang sama (yaitu, set properti dan metode yang sama).

Pengetikan Bebek: Ini adalah konsep di mana kesesuaian suatu objek ditentukan oleh adanya sifat dan metode tertentu, bukan oleh jenis objek yang sebenarnya. JavaScript sangat bergantung pada pengetikan bebek, di mana perilaku disimpulkan dari sifat objek daripada jenisnya yang dinyatakan.

Artikel

Apa yang perlu Anda ketahui tentang paksaan implisit Javascript - janji tochi
JavaScript Jenis Paksaan Dijelaskan - Alexey Samoshkin
JavaScript Paksaan Dijelaskan - Ben Garrison
Apa sebenarnya tipe paksaan dalam javascript? - Stack overflow

Video

==? === ??? ...#@^% - Shirmung Bielefeld
Paksaan dalam JavaScript - Hitesh Choudhary
Pertanyaan JavaScript: Apa itu paksaan? - Steven Hancock
Mengetik: statis vs dinamis, lemah vs kuat - codexpanse
El Sistema de Tipos de Javascript - La Cocina del Código
Pengetikan Bebek di JavaScript - Techmaker Studio
Pengetikan bebek di JavaScript - Pemrograman dengan Kartik

Buku

You Don't Know JS, Edisi Pertama: Jenis & Tata Bahasa - Kyle Simpson

⬆ Kembali ke atas

5. == vs === vs typeof

Menurut spesifikasi ecmascript, JavaScript mencakup operator kesetaraan yang ketat (===) dan longgar (==), yang berperilaku berbeda ketika membandingkan nilai. Inilah gangguan:

== (Loose Equality): Operator ini melakukan tipe paksaan sebelum membandingkan dua nilai. Jika nilai -nilai dari berbagai jenis, JavaScript akan berusaha untuk mengonversi satu atau kedua nilai menjadi tipe umum sebelum perbandingan, yang dapat menyebabkan hasil yang tidak terduga.

=== (Kesetaraan ketat): Operator ini membandingkan nilai dan jenisnya tanpa paksaan jenis apa pun. Jika kedua nilai tidak dari tipe yang sama, perbandingan akan mengembalikan false.

Operator TipeOF: Operator TypeOF digunakan untuk memeriksa tipe data dari suatu variabel. Meskipun umumnya dapat diandalkan, ada beberapa keanehan tertentu, seperti bagaimana tipe null mengembalikan "objek" alih-alih "nol", karena perilaku lama dalam implementasi JavaScript.

Artikel

Javascript Double Equals vs Triple Equals - Brandon Morelli
Haruskah saya menggunakan === atau == Operator Perbandingan Kesetaraan di JavaScript? - Panu Pitkamaki
Mengapa menggunakan operator triple-equals di JavaScript? - Louis Lazaris
Apa perbedaan antara == dan === Dalam JavaScript? - Craig Buckler
Mengapa tipe JavaScript selalu mengembalikan "objek"? - Stack overflow
Memeriksa Jenis Dalam JavaScript - Toby Ho
Bagaimana cara memeriksa tipe data dengan lebih baik di JavaScript - Webbjocke
Memeriksa tidak adanya nilai dalam JavaScript - Tomer Aberbach
Perbedaan antara == dan === Dalam JavaScript
Perbedaan antara == dan === Dalam JavaScript - geeksforgeeks
=== vs == Perbandingan dalam JavaScript - FreeCodecamp

Video

JavaScript - Operator Jenis - Otak Java
JavaScript Tipeof Operator - DevDelight
JavaScript "==" VS "===" - Web Dev Sederhana
=== vs == Dalam JavaScript - Hitesh Choudhary
Operator TipeOF di JS - Codevault

⬆ Kembali ke atas

6. Lingkup fungsi, lingkup blok dan ruang lingkup leksikal

Spesifikasi ecmascript menguraikan tiga jenis ruang lingkup:

Lingkup fungsi: Variabel yang dideklarasikan dalam fungsi menggunakan VAR hanya dapat diakses dalam fungsi itu. Lingkup ini mengisolasi variabel dari diakses di luar fungsi di mana mereka dinyatakan.

BLOCK SCOPE: Diperkenalkan dengan ES6, variabel yang dinyatakan dengan Let dan Const adalah blok-scoped. Ini berarti mereka hanya dapat diakses dalam blok spesifik {} di mana mereka didefinisikan, seperti loop atau kondisi di dalam.

LEXICAL SCOPE: mengacu pada bagaimana akses variabel ditentukan berdasarkan lokasi fisik variabel dalam kode. Fungsi secara leksikal terselubung, yang berarti bahwa mereka dapat mengakses variabel dari ruang lingkup induknya.

Buku

Anda belum tahu JS, Edisi ke -2: SCOPE & CLOSURES - Kyle Simpson

Artikel

Fungsi JavaScript - Memahami Dasar -Dasar - Brandon Morelli
Var, let, dan const - apa bedanya?
Fungsi dalam JavaScript - Deepa Pandey
Meniru lingkup blok di Javascript - Josh Clanton
Perbedaan antara fungsi dan lingkup blok di JavaScript - Joseph Cardillo
Fungsi Lingkup dan Blok Lingkup di JavaScript - Samer Buna
Memahami ruang lingkup dan konteks dalam JavaScript - Ryan Morr
Lingkup dan Penutupan JavaScript - Zell Liew
Memahami ruang lingkup dalam JavaScript - Wissam abirached
Memahami ruang lingkup dalam JavaScript - Hammad Ahmed
Kapan Menggunakan Deklarasi Fungsi vs Ekspresi Fungsi - Amber Wilkie
Lembar Cheat Fundamental Javascript: Lingkup, Konteks, dan "Ini" - Alexandra Fren
Fungsi / Fungsi Lingkup - MDN

Video

Apa yang membuat JavaScript aneh ... dan PT yang luar biasa. 4 - LearnCode.academy
Lingkup variabel di JavaScript - Kirupa Chinnathambi
JavaScript Block Scope and Function Scope - Mmtuts
Apa sih ruang lingkup leksikal? - NWCALVANK
Lingkup Variabel - Steve Griffith
Tutorial JavaScript untuk Pemula - Mosh Hemadani
JavaScript Block Scope vs Function Scope - Nivek
Lexical Scoping di JavaScript - Hitesh Choudhary
Penanganan Lingkup Modern dalam JavaScript (ES6 dan Beyond) -Prashant Dewangan

⬆ Kembali ke atas

7. Ekspresi vs pernyataan

Menurut spesifikasi ecmascript, ekspresi menghasilkan nilai, dan pernyataan adalah instruksi untuk melakukan suatu tindakan, seperti penugasan variabel atau aliran kontrol. Deklarasi fungsi diangkat dan dapat dipanggil sebelum didefinisikan dalam kode, sedangkan ekspresi fungsi tidak diangkat dan harus ditentukan sebelum dipanggil.

Artikel

Yang Perlu Anda Ketahui Tentang Ekspresi, Pernyataan, dan Pernyataan Ekspresi JavaScript - Janji Tochi
Ekspresi Fungsi vs Deklarasi Fungsi - Paul Wilkins
Fungsi JavaScript - Deklarasi vs Ekspresi - Ravi Roshan
Deklarasi Fungsi vs Ekspresi Fungsi - Mandeep Singh
Deklarasi Fungsi vs Ekspresi Fungsi - Anguls Croll
Pernyataan Ekspresi - Dokumen Web MDN

Video

Ekspresi vs. pernyataan dalam JavaScript - Hexlet
JavaScript - Ekspresi vs. Pernyataan - Webtunings
Ekspresi fungsi javascript vs deklarasi untuk pemula - materi dev
Perbedaan antara ekspresi dan pernyataan dalam JavaScript
Ekspresi dalam JavaScript | Pernyataan dalam JavaScript - Sathelli Srikanth

⬆ Kembali ke atas

8. iife, modul dan namespaces

Dengan diperkenalkannya modul ES6, peran IIFES dalam isolasi lingkup telah berkurang tetapi mereka masih tetap relevan.

Referensi

Iife - mdn
Modularitas - MDN
Namespace - mdn

Artikel

Menguasai Ekspresi Fungsi yang Dipicu Segera-Chandra Gundamaraju
JavaScript segera memohon ekspresi fungsi - javascripttutorial.net
Apakah modul ES6 membuat kasus IIFES usang?
Modul primer 10 menit untuk JavaScript, format modul, pemuat modul dan bundler modul - Jurgen van de Moere
Modul - Menjelajahi JS
Modul ES: Kartun Deep-Dive-Lin Clark
Memahami Modul ES6 - Craig Buckler
Tinjauan modul ES6 di JavaScript - Brent Graham
Modul ES6 secara mendalam - Nicolás Bevacqua
Modul ES6, Node.js dan Solusi Michael Jackson - Alberto Gimeno
Modul JavaScript: Panduan Pemula - Preethi Kasireddy
Menggunakan Modul JavaScript di Web - Addy Osmani & Mathias Bynens
IIFE: Segera memohon ekspresi fungsi - Parwinder
Bundlers modul Javascript - Vanshu Hassija

Video

Segera Dipanggil Ekspresi Fungsi - Beau mengajarkan JavaScript - freecodecamp
Memahami JavaScript iife - Sheo Narayan
Modul JavaScript: Impor dan Ekspor ES6 - Kyle Robinson
ES6 - Modul - Ryan Christi
Modul ES6 di Dunia Nyata - Sam Thorogood
Modul ES6 - Templecoding
Javascript iife (segera digunakan ekspresi fungsi) - Steve Griffith

⬆ Kembali ke atas

9. Antrian Pesan dan Lingkaran Acara

Loop peristiwa adalah bagian penting dari model konkurensi Javascript, memastikan perilaku yang tidak memblokir dengan memproses tugas dengan cara yang tidak sinkron. Memahami bagaimana ia berinteraksi dengan antrian pesan dan microtasks adalah kunci untuk menguasai perilaku JavaScript.

Artikel

JavaScript Event Loop Dijelaskan - Anoop Raveendran
The JavaScript Event Loop: Dijelaskan-Erin Sweson-Healey
Memahami JS: Lingkaran Acara - Alexander Kondov
The JavaScript Event Loop - Flavio Copes
Tugas, Microtasks, Antrian dan Jadwal - Jake Archibald
Memvisualisasikan loop acara JavaScript dengan analogi restoran pizza - priyansh jain
JavaScript Visualisasi: Loop Acara - Lydia Hallie
SetTimeout vs Setimmediate di JavaScript - Navneet Singh
Memahami dan Mengoptimalkan Loop Acara JavaScript - Xiuer Old

Video

Apa sih loop acara? | JSConf EU - Philip Roberts
JavaScript Event Loop - ComScience Sederhanakan
Saya terjebak dalam lingkaran acara - Philip Roberts
Di Loop - Jake Archibald | Jsconf.asia 2018
Desmitificando El Event Loop (Spanyol)
Callbacks, Sincrono, Assíncrono E Event Loop (PT-BR)
JavaScript Event Loop: Bagaimana cara kerjanya dan mengapa itu penting dalam 5 menit - James Q Quick

⬆ Kembali ke atas

10. SetTimeout, SetInterval dan RequestanimationFrame

Artikel

JavaScript SetTimeout - semua yang perlu Anda ketahui
setTimeout dan setInterval - javascript.info
Mengapa Tidak Menggunakan SetInterval - Akanksha Sharma
SetTimeout vs SetInterval - Develoger
Menggunakan RequestanimationFrame - Chris Coyier
Memahami JavaScript's RequestanimationFrame () - JavaScript Kit
Penanganan interval waktu di JavaScript - Amit Merchant
Debounce - Cara Menunda Fungsi di JavaScript - Ondrej Polesny

Video

JavaScript: Bagaimana cara setTimeout dan setInterval bekerja - blok pengkodean India
Percayai masalah dengan setTimeout () - Akshay Saini
SetTimeout dan SetInterval di JavaScript - TechSith
Timer Javascript - Steve Griffith
JavaScript SetTimeout dan SetInterval Dijelaskan - Theodore Anderson

⬆ Kembali ke atas

11. Mesin JavaScript

Artikel

Apakah JavaScript dikompilasi atau ditafsirkan bahasa?
Mesin Javascript - Jen Looper
Memahami bagaimana mesin Chrome V8 menerjemahkan JavaScript ke dalam kode mesin - Droidhead
Memahami V8's Bytecode - Franziska Hinkelmann
Sejarah Singkat Mesin JavaScript V8 Google - Clair Smith
JavaScript Essentials: Mengapa Anda Harus Tahu Cara Kerja Mesin - Rainer Hahnekamp
Fundamental Mesin JavaScript: Bentuk dan cache inline
Fundamental Mesin JavaScript: Mengoptimalkan Prototipe
Bagaimana V8 Mengoptimalkan Operasi Array
JavaScript Internal: Mesin Javascript, Lingkungan Run-Time & API Web SetTimeout-Rupesh Mishra

Video

Mesin JavaScript: The Good Parts ™ - Mathias Bynens & Benedikt Meurer
Mesin JS mengekspos arsitektur V8 Google | Namaste Javascript EP. 16 - Akshay Saini
Bagaimana kode javascript dieksekusi? Bagaimana JavaScript Bekerja Di Balik Layar
Memahami Mesin JavaScript V8 - Pembicaraan FreeCodecamp
Javascript di bawah Hood - Tinjauan Mesin Javascript - Traversy Media
Arindam Paul - JavaScript VM Internal, Eventloop, Async dan Scopechains

⬆ Kembali ke atas

12. Operator Bitwise, Ketik Array dan Buffer Array

Artikel

Pemrograman dengan JS: Operasi Bitwise - Alexander Kondov
Menggunakan operator bitwise JavaScript dalam kehidupan nyata - Ian m
JavaScript Bitwise Operator - W3Resource
Operator Bitwise di JavaScript - Joe Cha
Primer komprehensif tentang perhitungan biner dan operator bitwise di JavaScript - Paul Brown
Bagaimana saya bisa memahami operasi bitwise di javascript?

Video

JavaScript Bitwise Operator - Pemrograman dengan Mosh
Operator bitwise dan mengapa kami menggunakannya - Alex Hyett
JS Bitwise Operator dan Nomor Biner - Steve Griffith - Prof3ssorst3v3
Menyelam dalam ke gumpalan, file, dan arraybuffer - Steve Griffith - prof3ssorst3v3

⬆ Kembali ke atas

13. Pohon Dom dan Tata Letak

Referensi

Model Objek Dokumen (DOM) - MDN

Buku

Javascript yang fasih, edisi ke -3: ch. 14 - Model Objek Dokumen

Artikel

Bagaimana memahami dan memodifikasi DOM dalam JavaScript - Tania Rascia
Apa model objek dokumen, dan mengapa Anda harus tahu cara menggunakannya - Leonardo Maldonado
Tutorial JavaScript Dom dengan contoh - Guru99
Apa itu DOM? - Chris Coyier
Melintasi DOM dengan JavaScript - Zell Liew
Pohon dom
Cara melintasi DOM di JavaScript - Vojislav Grujić
Render Pohon Konstruksi - Ilya Grigorik
Apa sebenarnya DOM?
JavaScript Dom
Melintasi DOM dengan JavaScript - Steve Griffith (YouTube)

Video

Javascript Dom - Net Ninja
JavaScript Dom Crash Course - Traversy Media
Metode manipulasi dom javascript - dev disederhanakan
JavaScript DOM Traversal Methods - Web Dev Sederhana

⬆ Kembali ke atas

14. Pabrik dan Kelas

Artikel

Cara Menggunakan Kelas di JavaScript - Tania Rascia
Kelas JavaScript - Di Bawah Tudung - Majid
JavaScript yang lebih baik dengan ES6, Pt. II: menyelam dalam ke kelas - Peleke Sengstacke
Pahami pola desain pabrik dalam javascript biasa - Aditya Agarwal
Fungsi pabrik di JavaScript - Josh Miller
Pola pabrik di JS ES6 - SNSTSDEV
Fungsi Kelas vs Pabrik: Menjelajahi Jalan Maju - Cristi Salcescu
Bagaimana Kelas ES6 Benar -benar Bekerja dan Cara Membangun Sendiri - Robert Grosse
Memahami super dalam JavaScript
Panduan Mudah untuk Memahami Kelas di JavaScript

Video

Fungsi Pabrik JavaScript - Pemrograman dengan Mosh
Fungsi Pabrik dalam JavaScript - Fungsi menyenangkan yang menyenangkan
Pabrik Fungsi Tutorial JavaScript - Crypto Chan

⬆ Kembali ke atas

15. Ini, hubungi, terapkan dan ikat

Referensi

call () - mdn
bind () - mdn
apply () - mdn

Artikel

Metode Grokking Call (), Apply () dan Bind () dalam JavaScript - Aniket Kudale
Metode Javascript's Apply, Call, dan Bind sangat penting untuk para profesional JavaScript - Richard Bovell
JavaScript: call (), apply () dan bind () - omer goldberg
Perbedaan antara Call / Apply / Bind - Ivan Sifrim
Apa yang Hack itu Panggilan, Terapkan, Bind di JavaScript - Ritik
Menguasai 'ini' di JavaScript: Callbacks and Bind (), Apply (), call () - Michelle Gienow
JavaScript's Apply, Call, and Bind Dijelaskan dengan Hosting Cookout - Kevin Kononenko
Bagaimana dan kapan menggunakan Bind, Panggil, dan Terapkan di JavaScript - Eigen x
Izinkan saya menjelaskan kepada Anda apa this . (Javascript) - Jason Yu
Memahami Kata Kunci "Ini" di JavaScript - Pavan
Bagaimana memahami kata kunci ini dan konteks dalam JavaScript-Lukas Gisder-Dubé
Apa sih ini di javascript? - Hridayesh Sharma
Ini dan berikatan dalam JavaScript - Brian Barbour
3 Teknik untuk Mempertahankan Sanitas Anda Menggunakan "Ini" di JavaScript - Carl
Menguasai kata kunci JavaScript "ini" - Aakash Srivastav
Ikatan ini dalam JavaScript - 4. Binding Baru - Spyros Argalias
Intro cepat untuk 'ini' di JavaScript - Natalie Smith
Percakapan dengan kata kunci 'ini' di JavaScript - Karen Efereyan
Apa Call (), Apply () dan Bind () di JavaScript - Amitav Mishra
Memahami ikatan 'ini' dalam JavaScript - Yasemin Cidem
7 pertanyaan rumit teratas dari kata kunci 'ini'

Video

Panggilan JavaScript, Terapkan dan Bind - TechSith
JavaScript Praktis Aplikasi Panggilan, Terapkan dan Mengikat Fungsi— TechSith
JavaScript (panggilan, ikat, terapkan) - Aatma yang penasaran
Memahami fungsi dan 'ini' di dunia ES2017 - Bryan Hughes
Bind and This - Pembuatan Objek dalam JavaScript - FunFunFunction
JS Fungsi metode panggilan (), apply (), dan bind () - Steve Griffith
Panggil, Terapkan dan Bind Metode di JavaScript - Akshay Saini
. [Pertanyaan Wawancara JavaScript (Panggilan, Bind and Apply) - Polyfills, Berbasis Output, Eksplisit Ikatan - Roadside Coder] (https://youtu.be/vkmuoktydau?si=sdvlz8fbmephpxjs)

⬆ Kembali ke atas

16. Baru, Konstruktor, Contoh dan instance

Artikel

JavaScript untuk Pemula: Operator 'Baru' - Brandon Morelli
Ayo Demistifik Kata Kunci 'Baru' Javascript - Cynthia Lee
Konstruktor, Operator "Baru" - javascript.info
Memahami Konstruktor JavaScript - Faraz Kelhini
Gunakan Fungsi Konstruktor - OpenClassrooms
Beyond typeof dan instanceof : Menyederhanakan pemeriksaan tipe dinamis - Dr. Axel Rauschmayer
Fungsi dan objek, contoh satu sama lain - risiko kiro
JavaScript Instance dari operator

⬆ Kembali ke atas

17. Prototipe warisan dan rantai prototipe

Referensi

Warisan dan rantai prototipe - MDN

Artikel

JavaScript: Prototipe vs Class - Valentin Parsy
Fundamental Mesin JavaScript: Mengoptimalkan Prototipe - Mathias Bynens
Prototipe JavaScript - NC Patro
Prototipe dalam JavaScript - Rupesh Mishra
Prototipe dalam JavaScript: Ini unik, tapi begitulah cara kerjanya - Pranav Jindal
Memahami JavaScript: Prototipe dan Warisan - Alexander Kondov
Memahami kelas (ES5) dan warisan prototipe dalam JavaScript - Hridayesh Sharma
Prototipe, proto dan prototipe warisan di JavaScript - Varun Dey
Prototipal Warisan - javascript.info
Cara bekerja dengan prototipe dan warisan di JavaScript - Tania Rascia
Master JavaScript Prototipe & Warisan - Arnav Aggarwal
Warisan Prototipe Javascript Dijelaskan Menggunakan CSS - Nash Vail
Warisan Prototipe di JavaScript - Jannis Redmann
Demistifik Kelas ES6 dan Warisan Prototipe - Neo Ighodaro
Intro to prototipal warisan - Dharani Jayakanthan
Mari Bangun Warisan Prototipe di JS-Var-Che
Objek, prototipe dan kelas di JavaScript - atta
Dunia ajaib Prototipe JavaScript - Belén
Memahami Prototipal Warisan dalam JavaScript - Lawrence Eagles
Objek dan Prototipe di JavaScript - Irena Popova

Video

JavaScript Prototipe Warisan - Avelx
JavaScript prototipe warisan menjelaskan pt. I - TechSith
JavaScript prototipe warisan menjelaskan pt. II - TechSith
JavaScript Prototipe Warisan Dijelaskan - Kyle Robinson
Advanced Javascript - Prototipal Warisan dalam 1 menit
Tinjauan Kelas JavaScript Klasik dan Warisan Prototipe - Pentacode
JavaScript Berorientasi Objek - Prototipe - Net Ninja
Prototipe dalam JavaScript - kudvenkat
JavaScript Menggunakan Prototipe - O'Reilly
Panduan Pemula untuk Prototipe Javascript - Tyler McGinnis
Prototipe dalam JavaScript - P5.JS Tutorial - Kereta pengkodean

Buku

You Don't Know JS, Edisi Pertama: Prototipe Ini & Objek - Kyle Simpson
Prinsip -prinsip JavaScript yang berorientasi objek - Nicholas C. Zakas

⬆ Kembali ke atas

18. Object.create and Object.assign

Referensi

Objek.create () - mdn
Object.assign () - MDN

Artikel

Object.create di JavaScript - Rupesh Mishra
Object.create (): Cara baru untuk membuat objek di JavaScript - Rob Gravelle
Warisan Dasar dengan Object.create - Joshua Clanton
Object.create () Dalam JavaScript - GeeksForgeeks
Memahami Perbedaan Antara Object.Create () dan Operator Baru - Jonathan Voxland
Pembuatan Objek Javascript: Pola dan Praktik Terbaik - Jeff Mott
JavaScript HasownProperty: Alat Pemeriksa Properti yang Kuat
Berurusan dengan objek dalam javascript dengan objek.assign, objek.keys dan hasownproperty
Menyalin objek di JavaScript - Orinami Olatunji
Javascript: Object.assign () - Thiago S. Adriano
Cara mendalam mengkloning objek javascript - flavio copes
Object.create (): Kapan dan mengapa menggunakan - Vzing

Video

Object.assign () dijelaskan - Aaron menulis kode
Metode Object.assign () - TechSith

⬆ Kembali ke atas

19. Peta, kurangi, filter

Artikel

Pemrograman Fungsional JavaScript - Peta, Filter dan Kurangi - Bojan Gvozderac
Pelajari peta, filter, dan kurangi di JavaScript - João Miguel Cunha
Peta Javascript, Kurangi, dan Filter - Dan Martensen
Cara menggunakan peta, filter, & mengurangi di JavaScript - Peleke Sengstacke
JavaScript - Belajar rantai peta, filter, dan kurangi - Brandon Morelli
Struktur Data JavaScript dengan Peta, Kurangi, Filter dan ES6 - Deepak Gupta
Memahami peta, filter, dan kurangi di JavaScript - Luuk Gruijs
Pemrograman Fungsional di JS: Peta, Filter, Redukir (Pt. 5) - Omer Goldberg
Javascript: peta, filter, kurangi - William S. Vincent
Fungsi Panah: Sintaks Lemak dan Ringkas di JavaScript - Kyle Pennell
JavaScript: Panah Fungsi untuk Pemula - Brandon Morelli
Kapan (dan mengapa) Anda harus menggunakan fungsi panah ES6 - dan kapan seharusnya tidak - Cynthia Lee
JavaScript - Pelajari & Memahami Fungsi Panah - Brandon Morelli
(JavaScript) => Fungsi Panah - SIGU
Javascript.reduce () - Paul Anderson
Mengapa Anda harus mengganti foreach dengan peta dan filter di javascript - roope hakulinen
Sederhanakan JavaScript Anda - Gunakan .map (), .reduce (), dan .filter () - Etienne Talbot
Metode pengurangan Javascript dijelaskan dengan melakukan diet - Kevin Kononenko
Perbedaan Antara Peta, Filter dan Kurangi Dalam JavaScript - Amirata Khodaparast
Map⇄filter⇄reduce↻ - Ashay Mandwarya
Menemukan jalan Anda dengan .map () - Brandon Wozniewicz
Cara Menulis Peta Anda Sendiri, Menyaring dan Mengurangi Fungsi di JavaScript - Hemand Nair
Cara memanipulasi array di javascript - bolaji ayodeji
Cara menyederhanakan basis kode Anda dengan peta (), reduping (), dan filter () di JavaScript - Alex Permyakov
.map (), .filter (), dan .reduce () - Andy Pickle
Peta/Filter/Kurangi Kursus Kecelakaan - Chris Achard
Peta, Filter dan Reduksi - Animasi - JavaScript Teacher
Peta, filter, kurangi dan array lainnya iterator yang harus Anda ketahui untuk menjadi wizard algoritma - mauro bono
Cara menggunakan .map Javascript, .filter, dan .reduce - Avery Duffin
Tes Kinerja JavaScript - Untuk VS untuk setiap VS (peta, kurangi, filter, temukan) - Deepak Gupta
Menggunakan .map (), .filter () dan .reduce () dengan benar - Sasanka kudagoda
Menguasai Metode Pengurangan Javascript ✂️ - Sanderdebr
JavaScript Map - Cara menggunakan fungsi JS .map () (metode array) - freecodecamp

Video

Peta, Filter dan Kurangi - Lydia Hallie
Peta, Filter dan Kurangi - Akshaay Saini
JavaScript fungsional: peta, foreach, redukir, filter - Theodore Anderson
Superpower Array JavaScript: peta, filter, redukir (Bagian I) - Michael Rosata
Superpower Array JavaScript: Peta, Filter, Redukir (Bagian 2) - Michael Rosata
JavaScript Fungsi Orde Tinggi - Filter, Peta, Sortir & Kurangi - Epicop
[Metode Array 2/3] .filter + .map + .reduce - codewithnick
Arrow functions in JavaScript - What, Why and How — Fun Fun Function
Learning Functional Programming with JavaScript — Anjana Vakil - JSUnconf
Map - Parte 2 JavaScript - Fun Fun Function
Reduce basics - Part 3 of FP in JavaScript - Fun Fun Function
Reduce Advanced - Part 4 of FP in JavaScript - Fun Fun Function
reduce Array Method | JavaScript Tutorial - Florin Pop
map Array Method | JavaScript Tutorial - Florin Pop
Different array methods in 1 minute | Midudev (Spanish)

⬆ Back to Top

20. Pure Functions, Side Effects, State Mutation and Event Propagation

Articles

Javascript and Functional Programming — Pure Functions — Omer Goldberg
Master the JavaScript Interview: What is a Pure Function? — Eric Elliott
JavaScript: What Are Pure Functions And Why Use Them? — James Jeffery
Pure functions in JavaScript — @nicoespeon
Functional Programming: Pure Functions — Arne Brasseur
Making your JavaScript Pure — Jack Franklin
Arrays, Objects and Mutations — Federico Knüssel
The State of Immutability — Maciej Sikora
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
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

Video

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

⬆ Back to Top

21. Closures

Referensi

Closures — MDN
Closure — JavaScript.Info

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
Do you know Closures - Mohamed Khaled

Video

JavaScript The Hard Parts: Closure, Scope & Execution Context - Codesmith
Namaste Javascript by Akshay Saini
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
Learn Closures In 7 Minutes - Web Dev Simplified

⬆ Back to Top

22. High Order Functions

Buku

Eloquent JavaScript, 3rd Edition: Ch. 5 - Higher-order Functions

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

Video

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

⬆ Back to Top

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
What is Recursion? A Recursive Function Explained with JavaScript Code Examples — Nathan Sebhastian
Intro to Recursion — Brad Newman
Accio Recursion!: Your New Favorite JavaScript Spell — Leanne Cabey
Recursion Explained (with Examples) — Christina

Video

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
What Is Recursion - In Depth - Web Dev Simplified

⬆ Back to Top

24. Collections and Generators

Referensi

Generator — MDN web docs

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
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

Video

JavaScript ES6 / ES2015 Set, Map, WeakSet and WeakMap — Traversy Media
JavaScript ES6 / ES2015 - [11] Generators - Traversy Media
The Differences between ES6 Maps and Sets — Steve Griffith
Javascript Generators - THEY CHANGE EVERYTHING - ES6 Generators Harmony Generators — LearnCode.academy

⬆ Back to Top

25. Promises

Referensi

Promise — MDN

Articles

JavaScript Promises for Dummies ― Jecelyn Yeen
Understanding promises in JavaScript — Gokul NK
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
Javascript Promise 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
The Complete JavaScript Promise Guide
Promise Chaining - javascript.info

Video

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
JavaScript Promise in 9 Minutes
JavaScript Promises In 10 Minutes — Web Dev Simplified
Promises | Ep 02 Season 02 - Namaste JavaScript - Akshay Saini

⬆ Back to Top

26. async/await

Referensi

async/await — JavaScript.Info

Buku

Eloquent JavaScript, 3rd Edition: Ch. 11 - Asynchronous Programming
Exploring JS: Asynchronous Programming

Articles

Understanding async/await in Javascript — Gokul NK
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
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 NK
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
Better Than Promises - JavaScript Async/Await

Video

Asynchronous JavaScript Crash Course
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
JavaScript Async Await — Web Dev Simplified
Promise async and await in javascript — Hitesh Choudhary

⬆ Back to Top

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

Video

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

⬆ Back to Top

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
Algorithms in plain English: time complexity and Big-O Notation — Michael Olorunnisola
An Introduction to Big O Notation — Joseph Trettevik

Video

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
Learn Big O Notation In 12 Minutes - Web Dev Simplified
JavaScript Algorithms: Big-O Notation - Codevolution
JavaScript Algorithms Crash Course: Learn Algorithms & "Big O" from the Ground Up! - Academind
Big O Notation - Data Structures and Algorithms in Javascript - RoadSideCoder

⬆ Back to Top

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

Video

? JavaScript Algorithms - Codevolution
? Dynamic Programming - Learn to Solve Algorithmic Problems & Coding Challenges - FreeCodeCamp
? Data Structures and Algorithms in Javascript | DSA with JS - RoadsideCoder
? Javascript Algorithms + Data Structures - KodingKevin
? JavaScript Data Structures: Getting Started - Academind
? Algorithms and Data Structures - The Coding Train (Daniel Shiffman)

⬆ Back to Top

30. Inheritance, Polymorphism and Code Reuse

Referensi

Inheritance in JavaScript — MDN
Class inheritance, super — JavaScript.Info

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
Unlocking the Power of Polymorphism in JavaScript: A Deep Dive

Video

Inheritance in JavaScript — kudvenkat
JavaScript ES6 Classes and Inheritance — Traversy Media
Polymorphism in JavaScript — kudvenkat

⬆ Back to Top

31. Design Patterns

Buku

Learning JavaScript Design Patterns — Addy Osmani
Pro JavaScript Design Patterns — Ross Harmes and Dustin Diaz

Articles

JavaScript Design Patterns – Explained with Examples — Germán Cocca
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: 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
JavaScript Patterns Workshop — Lydia Hallie

Video

JavaScript Design Patterns — Udacity
JavaScript Patterns for 2017 — Scott Allen

⬆ Back to Top

32. Partial Applications, Currying, Compose and Pipe

Buku

Functional-Light JavaScript: Ch. 3 - Managing Function Inputs — Kyle Simpson

Articles

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
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

Video

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

⬆ Back to Top

33. Clean Code

Articles

Clean Code Explained – A Practical Introduction to Clean Coding for Beginners — freeCodeCamp
Clean Code concepts adapted for JavaScript — Ryan McDermott
Clean Code Practice: How to write clean code — Tirth Bodawala
Function parameters in JavaScript Clean Code — Kevin Peters
Keeping your code clean — Samuel James
Best Practices for Using Modern JavaScript Syntax — M. David Green
best practices for cross node/web development - Jimmy Wärting
Writing Clean Code - Dylan Paulus
Writing Clean Code and The Practice of Programming - Nityesh Agarwal
Clean code, dirty code, human code - Daniel Irvine
Practical Ways to Write Better JavaScript - Ryland G
The Must-Know Clean Code Principles - Kesk on Medium
The Clean Code Book - Robert C Martin
How to use destructuring in JavaScript to write cleaner, more powerful code - freecodecamp
Write Clean Code Using JavaScript Object Destructuring - Asel Siriwardena
JavaScript Clean Coding Best Practices