SANTRI KODING
Website belajar coding bahasa Indonesia terlengkap dan mudah dipahami untuk pemula hingga mahir.
Kategori Teknologi yang Tersedia
E-BOOK
Daftar ebook dengan pembahasan studi kasus yang akan menuntunmu menjadi seorang Full-Stack Developer Expert.
E-BOOK POPULER
E-BOOK BARU
E-BOOK GRATIS
ROADMAPS
Panduan belajar terarah, tanpa bingung harus mulai dari mana.
KATEGORI
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-lg object-cover transition-opacity duration-500 z-20 relative"
alt=""
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-lg object-cover transition-opacity duration-500 z-20 relative"
alt=""
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-lg object-cover transition-opacity duration-500 z-20 relative"
alt=""
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-lg object-cover transition-opacity duration-500 z-20 relative"
alt=""
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-lg object-cover transition-opacity duration-500 z-20 relative"
alt=""
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-lg object-cover transition-opacity duration-500 z-20 relative"
alt=""
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-lg object-cover transition-opacity duration-500 z-20 relative"
alt=""
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-lg object-cover transition-opacity duration-500 z-20 relative"
alt=""
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-lg object-cover transition-opacity duration-500 z-20 relative"
alt=""
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-lg object-cover transition-opacity duration-500 z-20 relative"
alt=""
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-lg object-cover transition-opacity duration-500 z-20 relative"
alt=""
loading="lazy"
/>
TAGS
TUTORIAL SET
Kumpulan rangkaian tutorial berdasarkan teknologi tertentu untuk mempermudah kamu belajar koding dengan cepat dan terstruktur.
SERI POPULER
SERI PREMIUM
TELAH DIPERCAYA
Berikut ini adalah daftar universitas dan perusahaan yang telah bergabung dan belajar di SantriKoding.
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="w-full h-full object-contain transition-opacity duration-500 p-1.5 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="w-full h-full object-contain transition-opacity duration-500 p-1.5 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="w-full h-full object-contain transition-opacity duration-500 p-1.5 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-xl dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-xl dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-xl dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full rounded-xl dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-full object-cover rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="max-h-16 w-auto object-contain transition-opacity duration-500 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="max-h-16 w-auto object-contain transition-opacity duration-500 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="max-h-16 w-auto object-contain transition-opacity duration-500 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="max-h-16 w-auto object-contain transition-opacity duration-500 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="max-h-16 w-auto object-contain transition-opacity duration-500 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="max-h-16 w-auto object-contain transition-opacity duration-500 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="max-h-16 w-auto object-contain transition-opacity duration-500 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="max-h-16 w-auto object-contain transition-opacity duration-500 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="max-h-16 w-auto object-contain transition-opacity duration-500 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="max-h-16 w-auto object-contain transition-opacity duration-500 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="max-h-16 w-auto object-contain transition-opacity duration-500 lazy"
loading="lazy"
/>
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="max-h-16 w-auto object-contain transition-opacity duration-500 lazy"
loading="lazy"
/>