Nggak bisa dipungkiri memang, kehadiran jQuery memudahkan umat programmer dalam membuat behavior website dengan lebih cepat. Misalnya aja, kita ingin membuat element click. Kalau di Javascript biasa, atau biasa disebut dengan Vanilla JS, kodenya seperti ini:
document.querySelectorAll(".halo").forEach(x => x.addEventListener("click", function(){ console.log(this.innerHTML) })) Nah, sekarang coba bandingkan sama jQuery:
$(".halo").click(function(){ console.log($(this).html()) }) Terus, kenapa sih kita baiknya menghindari menggunakan jQuery?
Masalah dalam memuat jQuery Ketika ingin menggunakan jQuery, tentu saja kita harus memuat jquery.
Pastikan dulu blogmu yang Hugo sudah memanggil jQuery di <head></head>.
Lalu, letakkan pug.js di /static/. Pug JS bisa kamu dapatkan di /pug.js.
Letakkan kode berikut ini di /layouts/shortcodes/pug.html:
{{ $acak := index (seq 999 | shuffle) 0 }} <div class="tes-{{ $acak }}"></div> <script src="/pug.js"></script> <script> pug = require("pug") $(".tes-{{ $acak }}").html(pug.compile("{{ .Inner }}")) </script> Untuk menggunakannya, kamu tinggal menggunakan tag {{< pug >}}{{< /pug >}}. Contohnya aja seperti di bawah ini:
Seperti yang sudah kita tau, bahwa pemerintah meluncurkan website yang bisa kita gunakan untuk mencari info tentang Corona Virus. Namun, apa aja sih teknologi yang membentuk website tersebut?
Data di bawah ini aku dapatkan dari tools Wappalyzer.
CMS CMS yang digunakan dalam website ini menggunakan WordPress. Ya, bagus memang Wordpress itu untuk blogging dan pemakaiannya pun simpel dan siapapun bisa menggunakannya. Memang tepat untuk staf admin blog yang terkadang agak susah kalau berurusan dengan teknis blog yang rumit.
Lebih cepat Sebagaimana yang dikatakan oleh para blogger SSG, Hugo adalah SSG yang cepat. Ya, tak coba sih kayaknya benar. Ini lebih cepat dari Jekyll. Dan juga, ada fitur Livereloadnya sehingga blog kita akan reload otomatis setiap ada perubahan.
Template engine Namun, yang paling nggak nyaman adalah karena dia menggunakan TCL untuk layoutingnya. Contoh sintaksnya ada di postinganku tentang membuat fitur pencarian di Hugo.
Sangat nggak nyaman banget kan?
