Site: http://vanilla-js.com

Bu siteye ilk giren JavaScript bilenler gülmüş, belki de kahkaha atmışlardır çünkü internet tarihinin en büyük trollerinden birini yaşamışlardır. Yabancıların espri anlayışı da tam olarak böyledir. Gerçekten sağlam trollemiş, güldürmüştür. İlk mesajda belirtilmiş ama yine de VanillaJS nedir bilmeyenler için bir kere daha kısaca belirtelim; içinde herhangi bir framework veya JS kütüphanesi barındırmayan ve onlara dayalı çalışmayan saf/düz JavaScript'tir. Sitede bu konuya öyle sağlam gönderme yapmışlar ki, biraz incelerseniz anlarsınız zaten ve düz JavaScript biliyorsanız büyük ihtimalle sırıta sırıta güler, trollendiğinizi anlar, üstüne bir de kahkaha atarsınız.

Vanilla JS saf JavaScript olduğu için basit değildir. Bunu isterseniz kullandığınız kütüphanenin eklentilerini tek tek convert/dönüştürme yapmanız gerekecektir ve bilmeyenler için bu işlem mümkün değildir. Gerçekten zordur ve küçücük bir plugin bile saatler süren uğraşlar isteyebilir. jQuery vb. gibi kütüphaneler zaman kaybetmemek için vardır ve çoğu yazılımcılar uğraşmak yerine direkt onu kullanır yani genelde böyle olur. En basit örnek, (site örneği) aşağıdaki gibidir.

Vanilla JS:
var r = new XMLHttpRequest();
r.open("POST", "path/to/api", true);
r.onreadystatechange = function () {
  if (r.readyState != 4 || r.status != 200) return;
  alert("Success: " + r.responseText);
};
r.send("muz=sari");
Boyut: 217 byte

jQuery:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$.ajax({
  type: 'POST',
  url: "path/to/api",
  data: "muz=sari",
  success: function (data) {
    alert("Success: " + data);
  },
});
</script>
Boyut: 95921 byte yani neredeyse 96KB

Şimdi durumu tam olarak anlamışsınızdır herhalde.

Bu arada kendini eğitmek isteyen veya bir şeyler öğrenmek isteyen, aynı zamanda aradaki farkları incelemek isteyen varsa, şu farklı kaynağı da inceleyebilir: https://youmightnotneedjquery.com