https://www.petanikode.com/post/Blog Pemrograman Komputer (menggunakan Linux)HugoenThu, 03 Oct 2024 11:04:19 +0800https://www.petanikode.com/laravel-11/Sun, 18 Aug 2024 22:21:22 +0000https://www.petanikode.com/laravel-11/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/laravel-11.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/laravel-11.png' alt="Tutorial Laravel 11 untuk pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/laravel-11.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/go-redis-pub-sub/Tue, 13 Aug 2024 21:55:29 +0800https://www.petanikode.com/go-redis-pub-sub/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/go-redis-pub-sub.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/go-redis-pub-sub.png' alt="Tutorial Membuat Sistem Notifikasi dengan Redis Pub/Sub di Golang" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/go-redis-pub-sub.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-union/Fri, 03 May 2024 18:04:48 +0800https://www.petanikode.com/cpp-union/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-union.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-union.png' alt="Memahami tipe data union di C&#43;&#43;" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-union.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-struct/Wed, 01 May 2024 00:13:47 +0800https://www.petanikode.com/cpp-struct/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-struct.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-struct.png' alt="Memahami struct di C&#43;&#43;" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-struct.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-enum/Sun, 28 Apr 2024 11:15:11 +0800https://www.petanikode.com/cpp-enum/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-enum.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-enum.png' alt="Belajar pemrograman C&#43;&#43;: Mengenal Enum dan Contohnya" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-enum.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-pointer/Thu, 23 Nov 2023 17:53:01 +0800https://www.petanikode.com/cpp-pointer/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-pointer.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-pointer.png' alt="Belajar Pemrograman C&#43;&#43;: Apa itu Pointer?" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-pointer.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/unity-install-mac/Thu, 23 Nov 2023 16:49:41 +0800https://www.petanikode.com/unity-install-mac/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/unity-mac.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/unity-mac.png' alt="Unity3d Install Mac" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/unity-mac.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-box-model/Sun, 02 Apr 2023 11:08:29 +0800https://www.petanikode.com/css-box-model/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/css-box-model.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/css-box-model.png' alt="Tutorial Box Model CSS" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/css-box-model.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-sizing/Tue, 28 Mar 2023 10:34:21 +0800https://www.petanikode.com/css-sizing/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/css.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/css.png' alt="Tutorial menentukan satuan di CSS" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/css.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/tailwind-dasar/Wed, 14 Dec 2022 22:07:27 +0800https://www.petanikode.com/tailwind-dasar/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/tailwind.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/tailwind.png' alt="Tailwind Dasar" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/tailwind.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/express-rest-api-ts/Fri, 25 Nov 2022 17:44:11 +0800https://www.petanikode.com/express-rest-api-ts/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/express-rest-api-ts.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/express-rest-api-ts.png' alt="Membuat REST API dengan Express, Typescript, dan PostgreSQL" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/express-rest-api-ts.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/docker-install/Thu, 24 Nov 2022 23:14:28 +0800https://www.petanikode.com/docker-install/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/docker-install.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/docker-install.png' alt="Cara install docker dengan benar" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/docker-install.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/alpinejs-fetch/Thu, 24 Nov 2022 01:20:08 +0800https://www.petanikode.com/alpinejs-fetch/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/alpinejs-fetch.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/alpinejs-fetch.png' alt="Alpinejs Fetch" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/alpinejs-fetch.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/tailwind-card-image-zoom/Mon, 21 Nov 2022 01:33:51 +0800https://www.petanikode.com/tailwind-card-image-zoom/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/tailwind-image-zoom.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/tailwind-image-zoom.png' alt="Tailwind Card Image Zoom in" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/tailwind-image-zoom.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-numpy/Sat, 12 Nov 2022 21:32:47 +0800https://www.petanikode.com/python-numpy/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/numpy.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/numpy.png' alt="Apa itu numpy pada python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/numpy.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-font/Fri, 27 May 2022 09:40:15 +0800https://www.petanikode.com/css-font/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/css.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/css.png' alt="Cara Menggunakan font di CSS" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/css.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-text/Mon, 23 May 2022 15:38:23 +0800https://www.petanikode.com/css-text/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/css.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/css.png' alt="Tutorial Text Formatting di CSS" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/css.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/pyscript/Fri, 20 May 2022 20:50:44 +0800https://www.petanikode.com/pyscript/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/pyscript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/pyscript.png' alt="Apa itu PyScript" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/pyscript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-background/Tue, 17 May 2022 10:29:39 +0800https://www.petanikode.com/css-background/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/css.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/css.png' alt="Tutorial CSS Background" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/css.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-sintaks/Mon, 16 May 2022 20:56:46 +0800https://www.petanikode.com/css-sintaks/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/css.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/css.png' alt="Css Sintak" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/css.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-header/Mon, 16 May 2022 16:46:33 +0800https://www.petanikode.com/c-header/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-header.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-header.png' alt="Memahami Header File pada C" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-header.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-macro/Mon, 16 May 2022 13:42:22 +0800https://www.petanikode.com/c-macro/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-macro.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-macro.png' alt="C Macro" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-macro.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-union/Sun, 15 May 2022 15:10:21 +0800https://www.petanikode.com/c-union/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-union.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-union.png' alt="Memahami tipe data union di C" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-union.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-malloc/Sun, 15 May 2022 00:43:51 +0800https://www.petanikode.com/c-malloc/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-malloc.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-malloc.png' alt="Alokasi memori dengan malloc, calloc, realloc, dan free" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-malloc.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/hugo-cloudflare-pages/Thu, 12 May 2022 18:44:02 +0800https://www.petanikode.com/hugo-cloudflare-pages/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/hugo-cloudflare-pages.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/hugo-cloudflare-pages.png' alt="Hugo Cloudflare Pages" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/hugo-cloudflare-pages.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/rust-sintaks/Sat, 07 May 2022 23:59:24 +0800https://www.petanikode.com/rust-sintaks/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/rust.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/rust.png' alt="Memahami Sintaks Dasar Rust" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/rust.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/rust-install/Sat, 07 May 2022 20:29:20 +0800https://www.petanikode.com/rust-install/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/rust.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/rust.png' alt="Cara Install Rust" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/rust.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/rust-untuk-pemula/Sat, 07 May 2022 14:42:17 +0800https://www.petanikode.com/rust-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/rust.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/rust.png' alt="Tutorial Belajar Rust Untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/rust.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/hugo-bootstrap-tailwind/Thu, 28 Apr 2022 21:57:51 +0800https://www.petanikode.com/hugo-bootstrap-tailwind/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/hugo-bootstrap-tailwind.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/hugo-bootstrap-tailwind.png' alt="Hugo Bootstrap Tailwind" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/hugo-bootstrap-tailwind.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/hugo-tailwind/Tue, 26 Apr 2022 07:47:01 +0800https://www.petanikode.com/hugo-tailwind/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/hugo-tailwind.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/hugo-tailwind.png' alt="Tema Hugo Tailwind" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/hugo-tailwind.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php8-install/Wed, 09 Mar 2022 12:26:23 +0800https://www.petanikode.com/php8-install/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php8.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php8.png' alt="Install PHP 8 di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php8.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-pagination/Sun, 06 Feb 2022 14:47:44 +0800https://www.petanikode.com/codeigniter-pagination/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Tutorial membuat pagination di Codeigniter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/blockchain/Mon, 24 Jan 2022 16:58:07 +0800https://www.petanikode.com/blockchain/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/blockchain-untuk-programmer.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/blockchain-untuk-programmer.png' alt="Blockchain untuk Programmer" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/blockchain-untuk-programmer.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/reactjs-project/Sat, 18 Dec 2021 15:08:01 +0800https://www.petanikode.com/reactjs-project/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/reactjs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/reactjs.png' alt="Memahami Project Reactjs" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/reactjs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-search/Sat, 06 Nov 2021 14:47:44 +0800https://www.petanikode.com/codeigniter-search/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Tutorial membuat fitur pencarian di Codeigniter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-quilljs/Tue, 05 Oct 2021 13:53:16 +0800https://www.petanikode.com/codeigniter-quilljs/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Codeigniter Quilljs" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/alpinejs-lightbox/Fri, 17 Sep 2021 17:05:13 +0800https://www.petanikode.com/alpinejs-lightbox/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/alpinejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/alpinejs.png' alt="Tutorial Membuat Lightbox dengan Alpinejs" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/alpinejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-setting/Tue, 24 Aug 2021 15:47:28 +0800https://www.petanikode.com/codeigniter-setting/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Tutorial Cara Membuat Fitur Setting Profile di Codeigniter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-url/Fri, 13 Aug 2021 01:09:02 +0800https://www.petanikode.com/codeigniter-url/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Codeigniter Url" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-validation/Wed, 11 Aug 2021 16:50:37 +0800https://www.petanikode.com/codeigniter-validation/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Tutorial Validasi Form di Codeigniter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-admin/Fri, 06 Aug 2021 13:34:24 +0800https://www.petanikode.com/codeigniter-admin/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Codeigniter Admin" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-model/Wed, 04 Aug 2021 19:12:49 +0800https://www.petanikode.com/codeigniter-model/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Codeigniter Model" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-view/Wed, 04 Aug 2021 14:38:31 +0800https://www.petanikode.com/codeigniter-view/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Belajar Codeigniter View" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-controller/Mon, 02 Aug 2021 17:40:57 +0800https://www.petanikode.com/codeigniter-controller/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Codeigniter Controller" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-obsolete-tag/Fri, 30 Jul 2021 09:00:44 +0800https://www.petanikode.com/html-obsolete-tag/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/html-obsolete-tag.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/html-obsolete-tag.png' alt="Html Obsolete Tag" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/html-obsolete-tag.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cs-windows/Sat, 06 Mar 2021 22:26:26 +0800https://www.petanikode.com/cs-windows/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/csharp.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/csharp.png' alt="Persiapan Coding C# di Windows" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/csharp.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/statement-vs-expression/Sat, 27 Feb 2021 14:58:57 +0800https://www.petanikode.com/statement-vs-expression/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/statement-vs-expression.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/statement-vs-expression.png' alt="Statement vs Expression" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/statement-vs-expression.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cs-operator/Sat, 20 Feb 2021 18:26:56 +0800https://www.petanikode.com/cs-operator/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cs-operator.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cs-operator.png' alt="Tutorial C# untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cs-operator.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter4-crud/Sun, 07 Feb 2021 22:12:26 +0800https://www.petanikode.com/codeigniter4-crud/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter4.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter4.png' alt="Codeigniter4 Crud" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter4.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/reactjs-jsx/Mon, 14 Dec 2020 15:22:18 +0800https://www.petanikode.com/reactjs-jsx/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/reactjs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/reactjs.png' alt="Reactjs Jsx" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/reactjs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter4-migration/Sat, 21 Nov 2020 16:03:33 +0800https://www.petanikode.com/codeigniter4-migration/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter4.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter4.png' alt="Codeigniter4 Migration" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter4.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/pygobject/Tue, 20 Oct 2020 19:23:23 +0800https://www.petanikode.com/pygobject/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/pygobject.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/pygobject.png' alt="Tutorial PyGObject" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/pygobject.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-pygtk-glade/Tue, 20 Oct 2020 17:05:07 +0800https://www.petanikode.com/python-pygtk-glade/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/pygtk-glade.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/pygtk-glade.png' alt="Tutorial Python Pygtk dan Glade" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/pygtk-glade.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/bootstrap-bottom-navbar/Wed, 30 Sep 2020 10:18:57 +0800https://www.petanikode.com/bootstrap-bottom-navbar/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/bottom-nav.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/bottom-nav.png' alt="Tutorial Membuat Bottom Navbar dengan Bootstrap" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/bottom-nav.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter4-view-cell/Wed, 23 Sep 2020 11:13:43 +0800https://www.petanikode.com/codeigniter4-view-cell/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter4.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter4.png' alt="Tutorial View Cell Codeigniter 4" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter4.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter4-view-layout/Tue, 22 Sep 2020 18:49:45 +0800https://www.petanikode.com/codeigniter4-view-layout/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter4.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter4.png' alt="Codeigniter4 View Layout" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter4.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter4-view/Tue, 22 Sep 2020 11:23:31 +0800https://www.petanikode.com/codeigniter4-view/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter4.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter4.png' alt="Tutorial Codeigniter4 View" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter4.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/gridjs/Sat, 29 Aug 2020 21:19:51 +0800https://www.petanikode.com/gridjs/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/gridjs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/gridjs.png' alt="Cara Menggunakan Gridjs" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/gridjs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/regex/Tue, 25 Aug 2020 12:02:28 +0800https://www.petanikode.com/regex/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/regex.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/regex.png' alt="Apa itu Regex" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/regex.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter4-controller/Tue, 25 Aug 2020 00:15:40 +0800https://www.petanikode.com/codeigniter4-controller/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter4.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter4.png' alt="Codeigniter4 Controller" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter4.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter4-mvc/Mon, 24 Aug 2020 19:12:01 +0800https://www.petanikode.com/codeigniter4-mvc/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter4.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter4.png' alt="Konsep Dasar Codeigniter 4" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter4.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter4-install/Thu, 20 Aug 2020 21:45:13 +0800https://www.petanikode.com/codeigniter4-install/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter4.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter4.png' alt="Codeigniter4 Install" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter4.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-xampp-windows/Wed, 19 Aug 2020 15:14:38 +0800https://www.petanikode.com/php-xampp-windows/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/xampp.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/xampp.png' alt="Cara install XAMPP di Windows" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/xampp.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-install/Wed, 19 Aug 2020 03:13:06 +0800https://www.petanikode.com/codeigniter-install/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Codeigniter Install" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/kotlin-vscode/Wed, 12 Aug 2020 03:54:44 +0800https://www.petanikode.com/kotlin-vscode/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/kotlin.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/kotlin.png' alt="Kotlin Vscode" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/kotlin.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-windows/Tue, 11 Aug 2020 01:11:13 +0800https://www.petanikode.com/java-windows/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Persiapan Pemrograman Java di Windows" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-untuk-pemula/Tue, 11 Aug 2020 00:53:38 +0800https://www.petanikode.com/java-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Java Untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cs-untuk-pemula/Mon, 10 Aug 2020 19:31:44 +0800https://www.petanikode.com/cs-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cs.png' alt="Belajar C# untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cs-vscode/Mon, 10 Aug 2020 14:38:33 +0800https://www.petanikode.com/cs-vscode/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cs.png' alt="Cs Vscode" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-netlify/Thu, 30 Jul 2020 13:26:38 +0800https://www.petanikode.com/html-netlify/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/html-netlify.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/html-netlify.png' alt="Cara Hosting Website di Netlify" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/html-netlify.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-project/Wed, 29 Jul 2020 04:47:22 +0800https://www.petanikode.com/html-project/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/html-project.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/html-project.png' alt="Membuat Project Web Pribadi dengan HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/html-project.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-audio/Mon, 27 Jul 2020 07:13:03 +0800https://www.petanikode.com/html-audio/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/html-audio.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/html-audio.png' alt="Menambahkan Audio pada HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/html-audio.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-video/Wed, 22 Jul 2020 15:25:30 +0800https://www.petanikode.com/html-video/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/html-video.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/html-video.png' alt="Cara Menambahkan Video pada Web" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/html-video.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-semantik/Sun, 19 Jul 2020 03:43:41 +0800https://www.petanikode.com/html-semantik/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/semantik/html-semantik.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/semantik/html-semantik.png' alt="Html Semantics" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/semantik/html-semantik.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-img/Sun, 12 Jul 2020 17:23:00 +0800https://www.petanikode.com/html-img/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/img/img.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/img/img.png' alt="Tutorial HTML - Cara Menampilkan Gambar di HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/img/img.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-text-formatting/Thu, 09 Jul 2020 21:26:50 +0800https://www.petanikode.com/html-text-formatting/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/html.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/html.png' alt="Text Formatting pada HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/html.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-komentar/Tue, 30 Jun 2020 18:00:50 +0800https://www.petanikode.com/html-komentar/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/html.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/html.png' alt="Html Komentar" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/html.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-heading/Fri, 26 Jun 2020 10:58:01 +0800https://www.petanikode.com/html-heading/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/heading/html-heading.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/heading/html-heading.png' alt="Tutorial Heading pada HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/heading/html-heading.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-paragraf/Thu, 25 Jun 2020 10:31:25 +0800https://www.petanikode.com/html-paragraf/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/html.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/html.png' alt="Tutorial Paragraf di HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/html.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/bahasa-pemrograman-kuliah/Thu, 18 Jun 2020 19:12:09 +0800https://www.petanikode.com/bahasa-pemrograman-kuliah/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/bahasa-pemrograman-kuliah/bahasa-pemrograman-kuliah.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/bahasa-pemrograman-kuliah/bahasa-pemrograman-kuliah.png' alt="Bahasa Pemrograman di Kampus atau Kuliah" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/bahasa-pemrograman-kuliah/bahasa-pemrograman-kuliah.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/sejarah-html/Wed, 17 Jun 2020 18:13:32 +0800https://www.petanikode.com/sejarah-html/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/sejarah/sejarah-html.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/sejarah/sejarah-html.png' alt="Html Sejarah" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/sejarah/sejarah-html.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/doc-offline/Sat, 18 Jan 2020 09:19:13 +0000https://www.petanikode.com/doc-offline/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/doc-offline/offline-doc.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/doc-offline/offline-doc.png' alt="Membaca dokumentasi pemrograman secara offline" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/doc-offline/offline-doc.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/vuejs-directive/Wed, 15 Jan 2020 19:13:32 +0800https://www.petanikode.com/vuejs-directive/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/vuejs/vuejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/vuejs/vuejs.png' alt="Mengenal directive pada Vuejs" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/vuejs/vuejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/hugo-render-hooks/Mon, 13 Jan 2020 12:47:52 +0800https://www.petanikode.com/hugo-render-hooks/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/hugo.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/hugo.jpg' alt="Menggunakan markdown render hooks pada Hugo" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/hugo.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-gradle/Sun, 12 Jan 2020 05:32:58 +0800https://www.petanikode.com/java-gradle/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/gradle/gradle.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/gradle/gradle.png' alt="Tutorial Gradle untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/gradle/gradle.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/go-untuk-pemula/Fri, 10 Jan 2020 10:41:27 +0800https://www.petanikode.com/go-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/go.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/go.png' alt="Tutorial Golang Untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/go.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-oop-anonymous/Mon, 06 Jan 2020 10:16:22 +0800https://www.petanikode.com/java-oop-anonymous/<p>Apa yang kamu pikirkan saat mendengar kata anonymous?</p> <p>&ldquo;Sekelompok hacker yang bersembunyi di balik topeng&rdquo;</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/lambda/anonymous-indonesia.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/lambda/anonymous-indonesia.jpg' alt="Anonymous Indonesia" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/lambda/anonymous-indonesia.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-oop-abstract/Sun, 05 Jan 2020 07:30:21 +0800https://www.petanikode.com/java-oop-abstract/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/oop/abstrak/abstrak.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/oop/abstrak/abstrak.png' alt="Memahami Class Abstrak dalam OOP" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/oop/abstrak/abstrak.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-nvm/Fri, 03 Jan 2020 20:25:31 +0800https://www.petanikode.com/nodejs-nvm/<p>Pernah dengar NVM?</p> <p>Biasanya kita diminta untuk menggunakan NVM untuk menginstal Nodejs. Tapi sebenarnya bukan itu fungsi utamanya.</p> <p>Lalu apa donk?</p> <p>Mari kita bahas&hellip;</p> <h2 id="apa-itu-nvm">Apa itu NVM?</h2><p>NVM merupakan singkatan dari <em>Node Version Manager</em>. NVM adalah sebuah program yang akan membantu kita menggunakan lebih dari satu versi Nodejs di dalam satu komputer.</p> <p>Sebenarnya di Linux juga sudah ada program yang serupa seperti NVM, yakni <code>update-alternative</code> fungsinya untuk menentukan versi binary yang akan digunakan untuk perintah tertentu.</p>https://www.petanikode.com/reactjs-komponen/Fri, 03 Jan 2020 04:15:21 +0800https://www.petanikode.com/reactjs-komponen/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/reactjs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/reactjs.png' alt="Belajar tentang Components di Reactjs" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/reactjs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/reactjs-untuk-pemula/Wed, 01 Jan 2020 16:19:58 +0800https://www.petanikode.com/reactjs-untuk-pemula/<p>Banyak yang membicarakan Reactjs.</p> <p>Framework ini memang lagi populer.</p> <p>Terbukti dengan banyaknya loker front-end web yang membutuhkan React Developer.</p> <p>Saat ini (2020), Reactjs berada di posisi rangking 1 di antara pesaingnya.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/react/intro/front_end_frameworks_experience_ranking.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/react/intro/front_end_frameworks_experience_ranking.png' alt="Rangking Framework Front-end" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/react/intro/front_end_frameworks_experience_ranking.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-oop-interface/Sat, 28 Dec 2019 10:07:18 +0800https://www.petanikode.com/java-oop-interface/<p>Ada yang bilang gini:</p> <p>&ldquo;Interface adalah <em>blue print</em> dari class. Isi method-nya kosong dan nanti akan diimplementasikan pada class lain.&rdquo;</p> <p>Kamu bisa paham maksudnya?</p> <p>Tidak?</p> <p>Sama.. hehe &#x1f604;</p> <p>Ya, seperti itulah penjelasan yang saya terima saat baru awal belajar Java dan OOP dulu. Bukan tambah paham, malah bikin bingung.</p> <p>Interface memang tak memiliki isi method.. dan pada tutorial sebelumnya kita juga pakai <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/java-oop-polimorfisme/" >Interface untuk contoh Polimorfisme</a>.</p>https://www.petanikode.com/java-file-crud/Thu, 26 Dec 2019 01:26:53 +0800https://www.petanikode.com/java-file-crud/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/file/crud/java-todolist.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/file/crud/java-todolist.png' alt="Membuat Aplikasi TodoList (CRUD) dengan Java dan File" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/file/crud/java-todolist.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-csv-crud/Wed, 25 Dec 2019 17:27:30 +0800https://www.petanikode.com/python-csv-crud/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/file/python-file.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/file/python-file.png' alt="Tutorial Membuat Aplikasi CRUDS dengan CSV" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/file/python-file.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-csv/Tue, 24 Dec 2019 19:36:06 +0800https://www.petanikode.com/python-csv/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/file/python-file.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/file/python-file.png' alt="Tutorial membaca file CSV dengan Python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/file/python-file.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-array/Tue, 24 Dec 2019 17:39:49 +0800https://www.petanikode.com/cpp-array/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-array.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-array.png' alt="Tutorial Array di C&#43;&#43;" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-array.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-fungsi/Tue, 24 Dec 2019 14:20:44 +0800https://www.petanikode.com/cpp-fungsi/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-fungsi.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-fungsi.png' alt="Memahami Fungsi dan Prosedur pada C&#43;&#43;" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-fungsi.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-untuk-pemula/Fri, 20 Dec 2019 17:58:29 +0800https://www.petanikode.com/cpp-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp.png' alt="Belajar Pemrograman C&#43;&#43; untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-windows/Fri, 20 Dec 2019 17:52:44 +0800https://www.petanikode.com/cpp-windows/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-windows.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-windows.png' alt="Belajar Pemrograman C&#43;&#43; pada Windows" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-windows.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-input-output/Fri, 20 Dec 2019 17:50:53 +0800https://www.petanikode.com/cpp-input-output/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-io.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-io.png' alt="Tutorial C&#43;&#43;: Fungsi Input dan Output di C&#43;&#43;" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-io.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-perulangan/Fri, 20 Dec 2019 14:20:32 +0800https://www.petanikode.com/cpp-perulangan/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-perulangan.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-perulangan.png' alt="Belajar Perulangan di C&#43;&#43;" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-perulangan.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-operator/Fri, 20 Dec 2019 14:20:18 +0800https://www.petanikode.com/cpp-operator/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-operator.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-operator.png' alt="Belajar Pemrograman C&#43;&#43;: Mengenal Operator pada C&#43;&#43;" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-operator.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/typescript-pemula/Thu, 19 Dec 2019 22:17:28 +0800https://www.petanikode.com/typescript-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/typescript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/typescript.png' alt="Tutorial Typescript untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/typescript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-lambda/Wed, 18 Dec 2019 22:42:21 +0800https://www.petanikode.com/python-lambda/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Python Lambda" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-string/Tue, 26 Nov 2019 14:56:58 +0800https://www.petanikode.com/c-string/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-string.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-string.png' alt="Mengenal Fungsi untuk Manipulasi String pada C" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-string.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/hugo-hosting/Mon, 25 Nov 2019 01:44:25 +0800https://www.petanikode.com/hugo-hosting/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/hugo/hosting/hugo-deploy.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/hugo/hosting/hugo-deploy.png' alt="Cara Deploy Hugo di Shared Hosting dengan Git" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/hugo/hosting/hugo-deploy.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-file/Sat, 23 Nov 2019 00:28:26 +0800https://www.petanikode.com/c-file/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-file.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-file.png' alt="Cara Baca tulis file pada pemrograman C" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-file.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cs-variabel/Fri, 22 Nov 2019 16:34:05 +0800https://www.petanikode.com/cs-variabel/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cs.png' alt="Belajar C#: Mengenal Variabel dan Tipe Data dalam C#" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/hugo-netlify/Wed, 20 Nov 2019 11:41:42 +0800https://www.petanikode.com/hugo-netlify/<p>Hugo sebenarnya bisa di-hosting di mana saja.</p> <p>Di <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/hugo-hosting/" >Shared Hosting</a>, VPS, Cloud Hosting, Firebase, Netlify, dll.</p> <p>Pada intinya&mdash;untuk hosting hugo&mdash;kita hanya perlu meng-upload semua file yang ada di dalam folder <code>public</code> ke web server.</p> <p>Namun&hellip;</p> <p>Beda tempat hosting, beda lagi cara deploy-nya.</p> <p><em>Deploy</em> atau <em>Deployment</em> adalah sebuah proses atau aktifitas untuk membuat aplikasi agar dapat digunakan.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>https://www.petanikode.com/hacktoberfest/Tue, 01 Oct 2019 07:04:19 +0800https://www.petanikode.com/hacktoberfest/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/hacktoberfest.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/hacktoberfest.png' alt="Apa itu Hacktoberfest?" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/hacktoberfest.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cs-input-output/Fri, 13 Sep 2019 00:17:08 +0800https://www.petanikode.com/cs-input-output/<!-- Problem, background --> <p>Pada dasarnya..</p> <p>Program komputer hanya terdiri dari tiga bagian penting, yakni: input, proses, dan output.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/c/io/program.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/c/io/program.png' alt="Struktur dasar program komputer" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/c/io/program.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-struct/Sun, 26 May 2019 22:11:57 +0800https://www.petanikode.com/c-struct/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-struct.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-struct.png' alt="Belajar pemrograman C: Mengenal Struct dan Contohnya" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-struct.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-enum/Sun, 26 May 2019 22:11:37 +0800https://www.petanikode.com/c-enum/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-enum.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-enum.png' alt="Belajar pemrograman C: Mengenal Enum dan Contohnya" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-enum.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-pointer/Sun, 26 May 2019 14:34:38 +0800https://www.petanikode.com/c-pointer/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-pointer.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-pointer.png' alt="Belajar Pemrograman C #11: Apa itu Pointer?" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-pointer.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/flutter-desktop/Wed, 22 May 2019 22:00:25 +0800https://www.petanikode.com/flutter-desktop/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/flutter/desktop/flutter-desktop.webp" type="image/webp" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/flutter/desktop/flutter-desktop.webp' alt="Tutorial Membuat Aplikasi Desktop dengan Flutter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/flutter/desktop/flutter-desktop.webp'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-operator/Sat, 18 May 2019 12:54:35 +0800https://www.petanikode.com/c-operator/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-operator.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-operator.png' alt="Belajar Pemrograman C #6: Mengenal Operator pada C" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-operator.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-fungsi/Sat, 18 May 2019 11:58:12 +0800https://www.petanikode.com/c-fungsi/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-fungsi.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-fungsi.png' alt="Belajar Pemrograman C: Memahami Fungsi pada Pemrograman C" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-fungsi.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-array/Sat, 18 May 2019 11:58:09 +0800https://www.petanikode.com/c-array/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-array.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-array.png' alt="Belajar Pemrograman C #9: Mengenal Struktur Data Array" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-array.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-perulangan/Sat, 18 May 2019 11:58:04 +0800https://www.petanikode.com/c-perulangan/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-perulangan.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-perulangan.png' alt="Belajar Pemrograman C #8: Memahami Blok Perulangan pada C" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-perulangan.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-percabangan/Sat, 18 May 2019 11:57:59 +0800https://www.petanikode.com/c-percabangan/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-percabangan.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-percabangan.png' alt="Belajar Pemrograman C #6: Mengenal Operator pada C" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-percabangan.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-variabel/Sat, 18 May 2019 11:57:52 +0800https://www.petanikode.com/c-variabel/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-variabel.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-variabel.png' alt="Belajar Pemrograman C: Mengenal Variabel, Tipe Data, Konstanta" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-variabel.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-windows/Sat, 18 May 2019 11:57:44 +0800https://www.petanikode.com/c-windows/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-windows.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-windows.png' alt="Belajar Pemrograman C: Persiapan Pemrograman C pada Windows" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-windows.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/flutter-web/Thu, 09 May 2019 17:37:02 +0800https://www.petanikode.com/flutter-web/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/flutter/web/flutter-web.webp" type="image/webp" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/flutter/web/flutter-web.webp' alt="Tutorial Flutter untuk membuat web" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/flutter/web/flutter-web.webp'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/netbeans-android/Sun, 28 Apr 2019 06:56:11 +0800https://www.petanikode.com/netbeans-android/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/netbeans/android/netbeans-android.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/netbeans/android/netbeans-android.png' alt="Membuat Aplikasi Android dengan Netbeans" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/netbeans/android/netbeans-android.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-ajax/Thu, 25 Apr 2019 08:36:33 +0800https://www.petanikode.com/javascript-ajax/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/js/ajax/ajax.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/js/ajax/ajax.png' alt="Javascript Ajax" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/js/ajax/ajax.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/dart-pub/Wed, 24 Apr 2019 15:29:04 +0800https://www.petanikode.com/dart-pub/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/dart/pub/pub.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/dart/pub/pub.jpg' alt="Tutorial Cara Menggunakan Pub" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/dart/pub/pub.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/bosque/Tue, 23 Apr 2019 11:37:06 +0800https://www.petanikode.com/bosque/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/bosque/bosque.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/bosque/bosque.png' alt="Mengenal Bahasa Pemrograman Bosque yang Lagi Viral!" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/bosque/bosque.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/npm-vs-npx/Mon, 22 Apr 2019 08:26:29 +0800https://www.petanikode.com/npm-vs-npx/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/nodejs/npx/npx.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/nodejs/npx/npx.png' alt="Node Npm vs Npx" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/nodejs/npx/npx.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/gulp-untuk-pemula/Fri, 19 Apr 2019 09:22:52 +0800https://www.petanikode.com/gulp-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/gulp/gulp.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/gulp/gulp.png' alt="Gulp Untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/gulp/gulp.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-untuk-pemula/Mon, 18 Mar 2019 08:52:28 +0800https://www.petanikode.com/c-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c.png' alt="Tutorial Belajar Pemrograman C untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-oop-polimorfisme/Sun, 10 Mar 2019 13:00:50 +0800https://www.petanikode.com/java-oop-polimorfisme/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/oop/oop-petanikode.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/oop/oop-petanikode.png' alt="Belajar Java OOP: Polimorfisme" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/oop/oop-petanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/ionic-untuk-pemula/Sat, 02 Feb 2019 11:41:55 +0800https://www.petanikode.com/ionic-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/ionic.pngg" type="image/pngg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/ionic.pngg' alt="Tutorial Ionic Framework untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/ionic.pngg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/netbeans10/Wed, 30 Jan 2019 15:50:54 +0800https://www.petanikode.com/netbeans10/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/netbeans/netbeans.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/netbeans/netbeans.png' alt="Netbeans10" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/netbeans/netbeans.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-desktop/Wed, 30 Jan 2019 13:12:20 +0800https://www.petanikode.com/javascript-desktop/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/js/desktop/js-desktop.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/js/desktop/js-desktop.png' alt="Framework Javascript untuk membuat aplikasi Desktop" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/js/desktop/js-desktop.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-gui/Wed, 30 Jan 2019 12:44:39 +0800https://www.petanikode.com/python-gui/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/gui/py-gui.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/gui/py-gui.png' alt="Python untuk membuat aplikasi GUI" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/gui/py-gui.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/flutter-widget/Tue, 29 Jan 2019 22:52:46 +0800https://www.petanikode.com/flutter-widget/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/flutter/flutter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/flutter/flutter.png' alt="Tutorial Flutter untuk Pemula: Belajar Widget pada Flutter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/flutter/flutter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/flutter-dasar/Tue, 29 Jan 2019 20:51:59 +0800https://www.petanikode.com/flutter-dasar/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/flutter/flutter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/flutter/flutter.png' alt="Tutorial Flutter Dasar untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/flutter/flutter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/flutter-android-studio/Tue, 29 Jan 2019 18:37:11 +0800https://www.petanikode.com/flutter-android-studio/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/flutter/flutter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/flutter/flutter.png' alt="Flutter Android Studio" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/flutter/flutter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-mysql/Tue, 22 Jan 2019 20:08:00 +0000https://www.petanikode.com/python-mysql/<p>Python memang bisa digunakan di mana-mana.</p> <p>di aplikasi CLI, desktop, IoT, server, bahkan juga bisa untuk membuat game.</p> <p>Apapun aplikasi yang akan dibuat&hellip;</p> <p>&hellip;wajib hukumnya menggunakan data.</p> <p>Karena itu, kita membutuhkan database.</p> <p>Nah, pada kesempatan ini. Kita akan belajar menggunakan Python dan database MySQL.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/python-mysql.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/python-mysql.png' alt="Tutorial Python dan MySQL" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/python-mysql.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/lumpy-led/Sun, 13 Jan 2019 14:02:09 +0800https://www.petanikode.com/lumpy-led/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/lumpy-board.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/lumpy-board.png' alt="Belajar Microcontroller dengan MicroPython dan LumpyBoard" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/lumpy-board.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/lumpy/Sun, 06 Jan 2019 08:58:07 +0800https://www.petanikode.com/lumpy/<!-- Problem, background --> <p>Jika kamu seorang penggiat IoT <em>(Internet of Things)</em>, tentu tidak akan asing dengan papan microcontroller.</p> <p>Yap! Sebuah papan elektronik mungil yang bisa kita program&hellip;</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/lumpy/microcontroller.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/lumpy/microcontroller.jpg' alt="Papan microcontroller" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/lumpy/microcontroller.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/packagist-indonesia/Thu, 03 Jan 2019 21:25:11 +0800https://www.petanikode.com/packagist-indonesia/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/php/composer/mirror/packagist-indonesia.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/php/composer/mirror/packagist-indonesia.png' alt="Packagist Indonesia" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/php/composer/mirror/packagist-indonesia.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/flutter-1/Wed, 05 Dec 2018 14:56:42 +0800https://www.petanikode.com/flutter-1/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/flutter/1.0/flutter1.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/flutter/1.0/flutter1.jpg' alt="Flutter 1" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/flutter/1.0/flutter1.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/android-studio-cepat/Mon, 19 Nov 2018 17:22:12 +0800https://www.petanikode.com/android-studio-cepat/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/android/studio-cepat/android-cepat.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/android/studio-cepat/android-cepat.png' alt="Android Studio Cepat" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/android/studio-cepat/android-cepat.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-11/Thu, 27 Sep 2018 02:37:37 +0800https://www.petanikode.com/java-11/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/11/java11.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/11/java11.png' alt="Apa Fitur Terbaru di Java 11?" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/11/java11.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-upload/Mon, 24 Sep 2018 14:20:45 +0000https://www.petanikode.com/codeigniter-upload/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Tutorial Upload File di Codeigniter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-database/Sat, 22 Sep 2018 22:53:09 +0800https://www.petanikode.com/codeigniter-database/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Menggunakan Database MYSQL pada Codeigniter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-sqlite/Sat, 22 Sep 2018 14:10:52 +0800https://www.petanikode.com/nodejs-sqlite/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/nodejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/nodejs.png' alt="Menggunakan SQLite pada Nodejs" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/nodejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-sintaks/Sat, 22 Sep 2018 08:59:41 +0800https://www.petanikode.com/java-sintaks/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Java Sintaks" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-input-output/Sat, 22 Sep 2018 00:46:04 +0800https://www.petanikode.com/c-input-output/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-io.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-io.png' alt="Tutorial Belajar Pemrograman C untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-io.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-swing-click/Fri, 21 Sep 2018 21:37:29 +0800https://www.petanikode.com/java-swing-click/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/swing/java-swing.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/swing/java-swing.png' alt="Java Swing Click" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/swing/java-swing.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-oop-this-super/Fri, 21 Sep 2018 15:35:13 +0800https://www.petanikode.com/java-oop-this-super/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Java This Super" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-array/Tue, 18 Sep 2018 06:35:06 +0800https://www.petanikode.com/javascript-array/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Tutorial Javascript: Belajar tentang Array pada Javascript" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-dialog/Sun, 16 Sep 2018 13:34:06 +0800https://www.petanikode.com/javascript-dialog/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Mengenal 3 Macam Jendela Dialog Javascript" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-env/Thu, 13 Sep 2018 22:02:34 +0800https://www.petanikode.com/nodejs-env/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/nodejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/nodejs.png' alt="Menggunakan Variabel Env di Nodejs" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/nodejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-email/Wed, 12 Sep 2018 17:11:01 +0800https://www.petanikode.com/nodejs-email/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/nodejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/nodejs.png' alt="Cara Mengirim Email dengan Nodejs" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/nodejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-mysql/Tue, 11 Sep 2018 22:05:02 +0800https://www.petanikode.com/nodejs-mysql/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/nodejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/nodejs.png' alt="Nodejs Mysql" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/nodejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-upload/Mon, 10 Sep 2018 17:35:31 +0800https://www.petanikode.com/nodejs-upload/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/nodejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/nodejs.png' alt="Tutorial Nodejs: Cara Upload File di Nodejs" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/nodejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-form/Mon, 10 Sep 2018 13:41:08 +0800https://www.petanikode.com/nodejs-form/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/nodejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/nodejs.png' alt="Tutorial Nodejs: Mengambil data dari Form" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/nodejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-url/Mon, 10 Sep 2018 12:29:42 +0800https://www.petanikode.com/nodejs-url/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/nodejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/nodejs.png' alt="Belajar Parsing URL di Nodejs" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/nodejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-file/Mon, 10 Sep 2018 07:21:31 +0800https://www.petanikode.com/nodejs-file/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/nodejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/nodejs.png' alt="Tutorial Nodejs untuk Pemula: Menggunakan Modul Filesystem untuk baca tulis file" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/nodejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-template/Fri, 07 Sep 2018 16:32:53 +0800https://www.petanikode.com/codeigniter-template/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Tutorial Codeigniter, Membuat Template" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-bootstrap/Sun, 02 Sep 2018 18:31:03 +0800https://www.petanikode.com/codeigniter-bootstrap/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Codeiginter Bootstrap" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-mvc/Thu, 30 Aug 2018 15:01:39 +0800https://www.petanikode.com/codeigniter-mvc/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Memahami Konsep MVC Codeigniter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-pemula/Thu, 30 Aug 2018 09:20:26 +0800https://www.petanikode.com/codeigniter-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Belajar Codeigniter untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-konstanta/Wed, 29 Aug 2018 16:54:45 +0800https://www.petanikode.com/php-konstanta/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Belajar Pemrograman PHP: Mengenal Konstanta" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/android-kotlin-viewpager/Sat, 04 Aug 2018 17:42:24 +0800https://www.petanikode.com/android-kotlin-viewpager/<p>Dalam membuat aplikasi android, ada banyak pilihan layout yang bisa kita gunakan.</p> <p>Salah satunya dengan ViewPager dan TabLayout.</p> <p>ViewPager dan TabLayout biasanya digunakan untuk menampilkan kategori seperti ini:</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/android/kotlin/pager/tabs-layout.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/android/kotlin/pager/tabs-layout.png' alt="Sumber: material.io" title="Sumber: material.io" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/android/kotlin/pager/tabs-layout.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/android-kotlin-listview/Fri, 03 Aug 2018 17:42:15 +0800https://www.petanikode.com/android-kotlin-listview/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/android/kotlin/listview/listview.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/android/kotlin/listview/listview.png' alt="Tutorial Kotlin android: Menggunakan Listview" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/android/kotlin/listview/listview.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-percabangan/Thu, 02 Aug 2018 23:15:06 +0800https://www.petanikode.com/javascript-percabangan/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Javascript Percabangan" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-perulangan/Thu, 02 Aug 2018 23:14:59 +0800https://www.petanikode.com/javascript-perulangan/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Javascript Perulangan" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/vuejs-untuk-pemula/Thu, 02 Aug 2018 21:55:02 +0800https://www.petanikode.com/vuejs-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/vuejs/vuejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/vuejs/vuejs.png' alt="Tutorial Step-by-step Vuejs Untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/vuejs/vuejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/react-native-dasar/Sat, 28 Jul 2018 04:31:11 +0800https://www.petanikode.com/react-native-dasar/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/react-native/react-native.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/react-native/react-native.png' alt="Belajar Membuat Aplikasi dengan React Native" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/react-native/react-native.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/flutter-vscode/Sat, 21 Jul 2018 03:11:26 +0800https://www.petanikode.com/flutter-vscode/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/flutter/flutter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/flutter/flutter.png' alt="Coding Flutter di VS Code" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/flutter/flutter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/flutter-linux/Sun, 15 Jul 2018 16:57:43 +0800https://www.petanikode.com/flutter-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/flutter/flutter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/flutter/flutter.png' alt="Flutter Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/flutter/flutter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/belajar-dart/Thu, 12 Jul 2018 21:00:44 +0800https://www.petanikode.com/belajar-dart/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/dart/dart.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/dart/dart.png' alt="Tutorial Belajar Bahasa Pemrograman Dart" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/dart/dart.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/group-facebook-programmer/Sun, 08 Jul 2018 13:52:46 +0800https://www.petanikode.com/group-facebook-programmer/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/fb/group-facebook.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/fb/group-facebook.png' alt="Kumpulan Group Facebook" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/fb/group-facebook.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/gitlab-ssh/Mon, 11 Jun 2018 06:51:23 +0800https://www.petanikode.com/gitlab-ssh/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/gitlab-ssh.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/gitlab-ssh.png' alt="Setup SSH Key untuk Gitlab" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/gitlab-ssh.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-hashmap/Sun, 27 May 2018 21:29:50 +0800https://www.petanikode.com/java-hashmap/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Tutorial belajar Pemrograman Java" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/hyper/Sun, 20 May 2018 16:20:38 +0800https://www.petanikode.com/hyper/<!-- Problem, background --> <p>Sebenarnya sudah lama saya mendengar tentang Hyper. Namun belum sempat mencobanya.</p> <p>Banyak yang bilang:</p> <p>Hyper lebih canggih dari terminal biasa.</p> <p>yang saya maksud terminal biasa di sini adalah terminal bawaan di sistem operasi seperti Gnome Terminal, Konsol, CMD, dll.</p> <p>Apakah benar demikian?</p> <!-- Promise, benefit, goal --> <p>Penasaran.</p> <p>Akhirnya saya mencobanya sendiri dan berikut ini review-nya.</p> <div class="empty-ads h-fit mix-h-[90px] max-w-full" id='div-gpt-ad-multibanner1'></div> <script> googletag.cmd.push(function () { googletag.display('div-gpt-ad-multibanner1'); }); </script> <!-- Isi --> <h2 id="apa-itu-hyper">Apa itu Hyper?</h2><p>Hyper adalah sebuah terminal emulator yang dibuat dari Electron.</p>https://www.petanikode.com/java-lambda/Tue, 15 May 2018 19:02:25 +0800https://www.petanikode.com/java-lambda/<!-- Problem, background --> <p>Mendengar kata <strong>&ldquo;Anonymous&rdquo;</strong>&hellip;</p> <p>&hellip;mungkin yang akan terpikirkan di benakmu adalah orang-orang ini:</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/lambda/anonymous-indonesia.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/lambda/anonymous-indonesia.jpg' alt="Anonymous Indonesia" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/lambda/anonymous-indonesia.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/vuejs-search/Wed, 02 May 2018 18:55:53 +0800https://www.petanikode.com/vuejs-search/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/vuejs/search/vuejs-cse.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/vuejs/search/vuejs-cse.png' alt="Vuejs Search dengan Google Custom Search API" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/vuejs/search/vuejs-cse.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-output/Sun, 08 Apr 2018 00:11:37 +0800https://www.petanikode.com/javascript-output/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Cara Menampilkan Output pada Javascript" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-variabel/Fri, 06 Apr 2018 18:20:02 +0800https://www.petanikode.com/javascript-variabel/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Javascript Variabel" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cs-linux/Fri, 23 Mar 2018 15:49:17 +0800https://www.petanikode.com/cs-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/monodevelop.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/monodevelop.png' alt="Pemrograman C# di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/monodevelop.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-oop-setter-getter/Thu, 22 Mar 2018 16:35:38 +0800https://www.petanikode.com/java-oop-setter-getter/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Java Oop Setter Getter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/git-pull-fetch/Fri, 16 Mar 2018 11:55:59 +0800https://www.petanikode.com/git-pull-fetch/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/git/git.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/git/git.png' alt="Git Pull Fetch" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/git/git.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/pygame-untuk-pemula/Wed, 28 Feb 2018 17:36:40 +0800https://www.petanikode.com/pygame-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/pygame/pygame.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/pygame/pygame.png' alt="Belajar membuat game dari nol dengan PyGame" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/pygame/pygame.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-selektor/Sun, 25 Feb 2018 17:54:26 +0800https://www.petanikode.com/css-selektor/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/css.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/css.png' alt="Tutorial CSS: Selector dalam CSS" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/css.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/unity3d-linux/Thu, 22 Feb 2018 22:45:47 +0800https://www.petanikode.com/unity3d-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/unity-linux.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/unity-linux.png' alt="Membuat Game di Linux dengan Unity" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/unity-linux.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-file/Fri, 16 Feb 2018 17:42:12 +0800https://www.petanikode.com/java-file/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/file/java-file.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/file/java-file.png' alt="Membaca dan menulis File di Java" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/file/java-file.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-tuple/Wed, 14 Feb 2018 20:23:56 +0800https://www.petanikode.com/python-tuple/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Python Tuple" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/text-editor-atom/Wed, 14 Feb 2018 06:09:45 +0800https://www.petanikode.com/text-editor-atom/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/atom/atom.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/atom/atom.png' alt="Text Editor Atom" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/atom/atom.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-http/Sat, 10 Feb 2018 17:51:18 +0800https://www.petanikode.com/nodejs-http/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/nodejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/nodejs.png' alt="Tutorial Nodejs untuk Pemula: Menggunakan Modul HTTP" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/nodejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-email-sendgrid/Thu, 08 Feb 2018 21:29:08 +0800https://www.petanikode.com/php-email-sendgrid/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Cara kirim email dengan API Sendgrid di PHP untuk notifikasi, kontak, dll" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-magic-constant/Mon, 05 Feb 2018 06:08:53 +0800https://www.petanikode.com/php-magic-constant/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="PHP Magic Constant" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-echo-print/Sun, 04 Feb 2018 19:36:41 +0800https://www.petanikode.com/php-echo-print/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Tutorial PHP untuk Pemula: Perintah echo, print, dan printf" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-module/Sun, 04 Feb 2018 06:17:19 +0800https://www.petanikode.com/nodejs-module/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/nodejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/nodejs.png' alt="Tutorial Nodejs: Belajar Menggunakan Module" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/nodejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/bootstrap4-pemula/Fri, 02 Feb 2018 15:07:43 +0800https://www.petanikode.com/bootstrap4-pemula/<!--  --> <!-- Agreement --> <p>Sudah lama dinantikan, Bootstrap 4 akhirnya rilis versi stabil.</p> <blockquote class="twitter-tweet"><p lang="in" dir="ltr">Ngomong-ngomong, kemarin <a href="https://twitter.com/hashtag/bootstrap?src=hash&amp;ref_src=twsrc%5Etfw">#bootstrap</a> 4 sudah rilis versi stabilnya...<br>Enaknya ngapain ya. 🤔</p>&mdash; Petani Kode (@petanikode) <a href="https://twitter.com/petanikode/status/955000830637174784?ref_src=twsrc%5Etfw">January 21, 2018</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <p>Saya sendiri sudah mengerjakan beberapa project dengan Bootstrap 4 dan hasilnya cukup memuaskan.</p> <div class="empty-ads h-fit mix-h-[90px] max-w-full" id='div-gpt-ad-multibanner1'></div> <script> googletag.cmd.push(function () { googletag.display('div-gpt-ad-multibanner1'); }); </script> <!-- Isi --> <h2 id="apa-itu-bootstrap-4">Apa itu Bootstrap 4?</h2><p>Bootstrap adalah framework CSS untuk membuat tampilan web. Bootstrap menyediakan <em>class</em> dan komponen yang siap dipakai, sehingga kita tidak perlu menulis kode CSS dari nol.</p>https://www.petanikode.com/python-dictionary/Tue, 30 Jan 2018 10:12:13 +0800https://www.petanikode.com/python-dictionary/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Memahami Struktur Data Dictionary pada Python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-gson/Fri, 26 Jan 2018 03:11:17 +0800https://www.petanikode.com/java-gson/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/gson/gson.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/gson/gson.png' alt="Menggunakan GSON untuk parsing JSON di Java" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/gson/gson.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/skill-programmer/Wed, 24 Jan 2018 02:03:36 +0800https://www.petanikode.com/skill-programmer/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/skill/laptop-hacker.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/skill/laptop-hacker.jpg' alt="5 Skill yang Harus dimiliki Programmer untuk Belajar Teknologi Apapun" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/skill/laptop-hacker.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/markdown-pemula/Mon, 22 Jan 2018 01:00:14 +0800https://www.petanikode.com/markdown-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/markdown/markdown.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/markdown/markdown.jpg' alt="Tutorial Markdown untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/markdown/markdown.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/c-syntak/Sat, 20 Jan 2018 01:41:17 +0800https://www.petanikode.com/c-syntak/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/c-sintaks.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/c-sintaks.png' alt="Tutorial Belajar Pemrograman C untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/c-sintaks.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-fungsi/Sat, 20 Jan 2018 00:29:35 +0800https://www.petanikode.com/javascript-fungsi/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Javascript Fungsi" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-oop-constructor/Fri, 29 Dec 2017 11:07:30 +0800https://www.petanikode.com/java-oop-constructor/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Memahami Constructor dalam Java" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-oop-modifier/Thu, 28 Dec 2017 10:20:09 +0800https://www.petanikode.com/java-oop-modifier/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Java Oop Modifier" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-xampp-linux/Wed, 27 Dec 2017 08:43:22 +0800https://www.petanikode.com/php-xampp-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/xampp.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/xampp.png' alt="Php Xampp" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/xampp.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-oop-inheritance/Mon, 25 Dec 2017 17:40:37 +0800https://www.petanikode.com/java-oop-inheritance/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/oop/oop-petanikode.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/oop/oop-petanikode.png' alt="Java Oop Inheritance" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/oop/oop-petanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/telegram-embed/Mon, 25 Dec 2017 06:29:39 +0800https://www.petanikode.com/telegram-embed/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/telegram/embed/embed.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/telegram/embed/embed.png' alt="Embed Telegram" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/telegram/embed/embed.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cs-sintaks/Sat, 16 Dec 2017 17:53:31 +0800https://www.petanikode.com/cs-sintaks/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cs.png' alt="Pemrograman C# di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-maven/Thu, 14 Dec 2017 15:55:17 +0800https://www.petanikode.com/java-maven/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/maven/maven.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/maven/maven.png' alt="Belajar Menggunakan Maven pada Aplikasi Java" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/maven/maven.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/tizen-linux/Mon, 04 Dec 2017 15:50:01 +0800https://www.petanikode.com/tizen-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/tizen/tizen.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/tizen/tizen.jpg' alt="Pemrograman Tizen di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/tizen/tizen.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-npm/Wed, 22 Nov 2017 19:27:13 +0800https://www.petanikode.com/nodejs-npm/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/nodejs/npm/npm.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/nodejs/npm/npm.png' alt="Nodejs Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/nodejs/npm/npm.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cs-dotnet-linux/Tue, 21 Nov 2017 10:44:58 +0800https://www.petanikode.com/cs-dotnet-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/dotnet-linux.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/dotnet-linux.png' alt="C# Dotnet di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/dotnet-linux.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/slim-api-upload/Mon, 20 Nov 2017 04:06:27 +0800https://www.petanikode.com/slim-api-upload/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/slim/api/slim-api.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/slim/api/slim-api.png' alt="Cara Upload File di Slim Framework" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/slim/api/slim-api.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/slim-api/Sat, 18 Nov 2017 19:06:44 +0800https://www.petanikode.com/slim-api/<!-- Agreement --> <p>Pernahkah kamu berpikir:</p> <p>Bagaimana aplikasi <em>(mobile)</em> Facebook dengan Web Facebook memiliki data yang sama.</p> <p>Apa yang kita lihat melalui aplikasi mobile akan ada juga di webnya.</p> <p>Bagaimana cara mereka berbagi data?</p> <p>Jawabannya: dengan <strong>RESTful API</strong> atau <strong>Webservice</strong>.</p> <p>Tugas RESTful API adalah menyediakan data&mdash;biasanya dalam bentuk JSON&mdash;untuk dikonsumsi oleh aplikasi lainnya <em>(client)</em>.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/slim/api/slim-api.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/slim/api/slim-api.png' alt="Ilustrasi RESTful API" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/slim/api/slim-api.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/git-vscode/Thu, 16 Nov 2017 22:22:50 +0800https://www.petanikode.com/git-vscode/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/git/vscode/git-vscode.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/git/vscode/git-vscode.png' alt="Git Vscode" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/git/vscode/git-vscode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-oop/Fri, 10 Nov 2017 02:51:27 +0800https://www.petanikode.com/java-oop/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/oop/oop-petanikode.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/oop/oop-petanikode.png' alt="Belajar Java OOP" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/oop/oop-petanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-login-register/Wed, 08 Nov 2017 17:07:55 +0800https://www.petanikode.com/php-login-register/<!-- Agreement --> <p>Login dan register adalah fitur yang banyak dibutuhkan dalam pengembangan aplikasi web.</p> <p>Biasanya saat membuat halaman admin. Kita pasti akan membuat login dan register.</p> <p>Lalu bagaimana cara membuatnya?</p> <!-- Promise --> <p>Tulisan ini akan menjawabnya&hellip;</p> <!-- Review --> <p>Sebelum itu, saya ingin menyampaikan apa saja yang akan dibahas di sini.</p> <ul> <li>Tutorial ini menggunakan PHP Native dan PDO sebagai koneksi ke database;</li> <li>Tutorial ini menggunakan <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/bootstrap4/" >Framework Bootstrap 4</a> untuk tampilan;</li> <li>Tutorial ini hanya akan fokus membahas fitur login dan register saja, untuk class-class bootstrap saya tidak akan jelaskan. Saya anggap, pembaca sudah paham dengan Bootstrap.</li> </ul> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/php/login-reg/php-login-register.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/php/login-reg/php-login-register.jpg' alt="Php Login Register" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/php/login-reg/php-login-register.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/tips-belajar-pemrograman/Tue, 07 Nov 2017 05:45:44 +0800https://www.petanikode.com/tips-belajar-pemrograman/<!-- Agreement --> <p>Belajar pemrograman atau coding itu mudah.</p> <p>Serius.</p> <p>Ya mudah bagi saya yang sudah familiar dengan beberapa bahasa pemrograman.</p> <p>Namun, bagi pemula&mdash;apalagi yang belum pernah coding&mdash;belajar pemrograman itu sangat sulit.</p> <p>Nggak tau harus mulai belajar dari mana dan apa saja yang harus dipelajari.</p> <p>Nah, pada kesempatan ini, saya ingin berbagi beberapa pengalaman dan tips belajar pemrograman yang pernah saya lakukan.</p> <p>Pastikan kamu sudah memutuskan akan belajar bahasa pemrograman apa atau teknologi yang mana.</p>https://www.petanikode.com/android-studio-linux/Fri, 03 Nov 2017 21:45:25 +0800https://www.petanikode.com/android-studio-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/android-studio.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/android-studio.png' alt="Cara Install Android Studio di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/android-studio.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-args-kwargs/Thu, 02 Nov 2017 21:57:55 +0800https://www.petanikode.com/python-args-kwargs/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Python Args dan Kwargs" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-fungsi/Wed, 01 Nov 2017 07:16:22 +0800https://www.petanikode.com/python-fungsi/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Tutorial Python Fungsi" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/bootstrap4-offline/Mon, 23 Oct 2017 19:49:57 +0800https://www.petanikode.com/bootstrap4-offline/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/bootstrap.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/bootstrap.png' alt="Bootstrap4 Offline" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/bootstrap.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/laravel-mailer/Wed, 04 Oct 2017 12:21:50 +0800https://www.petanikode.com/laravel-mailer/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/laravel/laravel.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/laravel/laravel.png' alt="Belajar Membuat Web dengan Framework Laravel" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/laravel/laravel.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/github-workflow/Sun, 01 Oct 2017 14:53:15 +0800https://www.petanikode.com/github-workflow/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/github/workflow/github-workflow.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/github/workflow/github-workflow.png' alt="Github Workflow untuk berkontribusi di Proyek Open Source" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/github/workflow/github-workflow.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/git-remote/Fri, 29 Sep 2017 23:16:52 +0800https://www.petanikode.com/git-remote/<div class="empty-ads h-fit mix-h-[90px] max-w-full" id='div-gpt-ad-multibanner1'></div> <script> googletag.cmd.push(function () { googletag.display('div-gpt-ad-multibanner1'); }); </script> <!-- Agreement --> <p>Pada proyek pengembangan software yang melibatkan banyak orang (tim), kita tidak hanya akan menyimpan sendiri repository proyeknya.</p> <p>Semua tim yang terlibat dalam pengkodean <em>(coding)</em> akan menyimpan repository lokal di komputernya masing-masing.</p> <p>Setelah itu, akan dilakukan penggabungan ke repository inti atau <em>remote</em>.</p> <p>Biasanya akan ada repository pusat atau untuk menyimpan <em>source code</em> yang sudah digabungkan <em>(merge)</em> dari beberapa orang.</p>https://www.petanikode.com/html-webcam/Wed, 13 Sep 2017 00:48:18 +0800https://www.petanikode.com/html-webcam/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/webcam/html-webcam.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/webcam/html-webcam.png' alt="Html5 Webcam" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/webcam/html-webcam.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-mysql/Fri, 08 Sep 2017 06:44:27 +0800https://www.petanikode.com/java-mysql/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java/mysql/java-mysql.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java/mysql/java-mysql.png' alt="Tutorial Java dan MySQL: Membuat Program CRUD" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java/mysql/java-mysql.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/petanikode-bootstrap4/Thu, 07 Sep 2017 12:17:04 +0800https://www.petanikode.com/petanikode-bootstrap4/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/hugo/kacang/deface.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/hugo/kacang/deface.png' alt="Petani Kode Bootstrap4" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/hugo/kacang/deface.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/hugo-layout-tema/Tue, 05 Sep 2017 03:01:11 +0800https://www.petanikode.com/hugo-layout-tema/<!-- Agreement --> <p>Setelah kita <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/membuat-tema-hugo/" >membuat template baru</a>, hal yang harus dilakukan selanjutnya adalah membuat layout untuk halaman-halamannya.</p> <!-- Promise --> <p>Adapun halaman-halaman yang harus ada di dalam sebuah blog adalah:</p> <ol> <li>Homepage/landing page (<code>index.html</code>)</li> <li>Halaman Artikel (<code>single.html</code>)</li> <li>Halaman Taxonomy atau daftar artikel pada kategori atau tag tertentu (<code>list.html</code>)</li> </ol> <p>Namun sebelum membuatnya, kita harus membuat <em>partial</em> terlebih dahulu.</p>https://www.petanikode.com/python-list/Mon, 28 Aug 2017 08:08:00 +0000https://www.petanikode.com/python-list/<!-- Agreement --> <p>Bagaimana caranya menyimpan banyak data dalam satu variabel?</p> <p>Jawabannya menggunakan <strong>List</strong>.</p> <p><em>List</em> adalah struktur data pada python yang mampu menyimpan lebih dari satu data, seperti array.</p> <!-- Promise --> <p>Pada kesempatan ini, kita akan membahas cara menggunakan <em>list</em> di Python dari yang paling sederhana sampai yang sedikit kompleks.</p> <!-- Review --> <p>Apa saja poin-poin yang akan dipelajari?</p> <ul> <li>Cara Membuat List dan Mengisinya</li> <li>Cara Mengambil nilai dari List</li> <li>Cara Menambahkan dan Menghapus isi List</li> <li>Operasi pada List</li> <li>List multi dimensi</li> </ul> <p>Selamat menyimak&hellip;</p>https://www.petanikode.com/python-virtualenv/Wed, 23 Aug 2017 12:09:58 +0800https://www.petanikode.com/python-virtualenv/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/virtualenv/virtualenv.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/virtualenv/virtualenv.png' alt="Belajar Menggunakan Virtualenv" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/virtualenv/virtualenv.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/bootstrap4/Sat, 19 Aug 2017 19:02:32 +0800https://www.petanikode.com/bootstrap4/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/bootstrap.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/bootstrap.png' alt="Belajar Bootstrap4" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/bootstrap.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/ebook-android/Fri, 18 Aug 2017 18:27:14 +0800https://www.petanikode.com/ebook-android/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/android/ebook/ebook-android.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/android/ebook/ebook-android.png' alt="Ebook Android" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/android/ebook/ebook-android.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-file/Wed, 09 Aug 2017 08:59:24 +0800https://www.petanikode.com/python-file/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/file/python-file.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/file/python-file.png' alt="Belajar Pemrograman Python untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/file/python-file.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/android-activity/Tue, 08 Aug 2017 18:44:36 +0800https://www.petanikode.com/android-activity/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/android.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/android.png' alt="Android Activity" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/android.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/github-indonesia/Wed, 02 Aug 2017 16:47:24 +0800https://www.petanikode.com/github-indonesia/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/git/git-indonesia.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/git/git-indonesia.png' alt="Github Indonesia" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/git/git-indonesia.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-input-output/Wed, 02 Aug 2017 09:27:53 +0800https://www.petanikode.com/python-input-output/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Belajar Pemrograman Python untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/nodejs-pemula/Tue, 01 Aug 2017 12:08:50 +0800https://www.petanikode.com/nodejs-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/nodejs.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/nodejs.png' alt="Nodejs Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/nodejs.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-sintaks/Mon, 31 Jul 2017 19:37:57 +0800https://www.petanikode.com/python-sintaks/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Aturan Penulisan Sintaks Python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/text-editor-vscode/Fri, 28 Jul 2017 17:52:53 +0800https://www.petanikode.com/text-editor-vscode/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/vscode/visual-studio-code.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/vscode/visual-studio-code.png' alt="Text Editor Vscode" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/vscode/visual-studio-code.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-phinx/Mon, 10 Jul 2017 19:41:25 +0800https://www.petanikode.com/php-phinx/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/php-phinx/phinx.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/php-phinx/phinx.png' alt="Php Phinx" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/php-phinx/phinx.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/hugo-hosting-gambar/Thu, 06 Jul 2017 15:09:32 +0800https://www.petanikode.com/hugo-hosting-gambar/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/hugo/gambar/gambar-hugo.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/hugo/gambar/gambar-hugo.png' alt="Hugo Hosting Gambar" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/hugo/gambar/gambar-hugo.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-pip/Wed, 05 Jul 2017 00:49:24 +0800https://www.petanikode.com/python-pip/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/pip/pip.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/pip/pip.png' alt="Tutorial Menggunakan PIP Python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/pip/pip.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-curl/Wed, 05 Jul 2017 00:43:33 +0800https://www.petanikode.com/php-curl/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Python Pip" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/membuat-blog-dengan-hugo/Sat, 01 Jul 2017 17:29:24 +0800https://www.petanikode.com/membuat-blog-dengan-hugo/<!-- Agreement --> <p>Saya punya blog:</p> <p>CMS-nya menggunakan Blogger dan Wordpress&hellip;</p> <p>&hellip;tapi tidak pernah terurus.</p> <p>Mungkin saya malas, karena koneksi internet yang kurang cepat.</p> <p>Maklum tinggal di desa, sinyalnya tidak stabil &#x1f604;.</p> <p>Kendala yang saya alami:</p> <ul> <li>Malas upload gambar satu per satu ketika membuat artikel.</li> <li>Tidak bisa ngedit artikel secara offline.</li> <li>Tidak memiliki kuasa penuh terhadap CMS-nya.</li> <li>Kurang aman.</li> <li>dan masih banyak lagi.</li> </ul> <p>Karena itu, sekarang saya lebih suka ngeblog dari teks editor menggunakan SSG <em>(Static Site Generator)</em> daripada CMS seperti Wordpress.</p>https://www.petanikode.com/tutorial-dasar-mongodb/Wed, 28 Jun 2017 08:15:00 +0000https://www.petanikode.com/tutorial-dasar-mongodb/<p>Ada beberapa kekurangan dalam database SQL yang pernah saya temukan, seperti skema database yang kaku <em>(fixed)</em>, susah membuat query untuk tabel dengan relasi yang kompleks, susah diperbesar sekalanya, dsb.</p> <p>Database NoSQL <em>(Not Only SQL)</em> hadir untuk menutupi kekurangan-kekurangan tersebut. Selain itu, NoSQL sudah menjadi tuntutan teknologi yang harus dipelajari dalam pengembangan software modern masa kini.</p> <p>Contohnya, sekarang lagi populer yang namanya MEAN stack (MongoDB, ExpressJs, AngularJS, dan NodeJS).</p>https://www.petanikode.com/menggunakan-linux-untuk-pemrograman/Tue, 27 Jun 2017 15:41:28 +0800https://www.petanikode.com/menggunakan-linux-untuk-pemrograman/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/linux/alasan/linux-untuk-programmer.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/linux/alasan/linux-untuk-programmer.png' alt="Linux untuk Programmer" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/linux/alasan/linux-untuk-programmer.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/membuat-tema-hugo/Fri, 23 Jun 2017 14:21:09 +0800https://www.petanikode.com/membuat-tema-hugo/<p>Saat ini Saya sedang menggunakan Hugo versi 0.18 dan berencana untuk meng-upgrade ke versi 0.24. Kabar baiknya, <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://github.com/bep" target="_blank" rel="nofollow noopener noreferrer" >Beb<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a> sudah merilis <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://github.com/gohugoio/hugo/releases/tag/v0.24" target="_blank" rel="nofollow noopener noreferrer" >versi 0.24<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a> sekitar dua hari yang lalu.</p>https://www.petanikode.com/tutorial-html-vibrations/Thu, 22 Jun 2017 06:35:29 +0800https://www.petanikode.com/tutorial-html-vibrations/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html-getaran/html5-vibration-api.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html-getaran/html5-vibration-api.png' alt="HTML5 Vibration API" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html-getaran/html5-vibration-api.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/android-kotlin-extensions/Wed, 21 Jun 2017 16:52:41 +0800https://www.petanikode.com/android-kotlin-extensions/<p>Pada tulisan sebelumnya, kita telah berhasil <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/pemrograman-android-dengan-kotlin" >menginstal plugin Kotlin pada Android Studio 2.x</a>, sehingga kita dapat menggunakan kotlin di sana.</p> <p>Pemrograman Android dengan Kotlin memang masih baru.</p> <p>Kemarin saya mencoba membuat kode untuk <em>event listener</em> <code>onClick()</code>, tapi malah error. Aplikasi tidak bisa dibuka dan langsung menutup dirinya.</p> <p>Pesan error pun tidak ditampilkan di Android Studio.</p> <p>Namun, masalah ini sudah terpecahkan oleh <em>Kotlin Extension</em>.</p>https://www.petanikode.com/vala-pemula/Tue, 20 Jun 2017 06:45:33 +0800https://www.petanikode.com/vala-pemula/<p>Banyak programmer ingin membuat aplikasi Linux (Gnome) dengan bahasa tingkat tinggi seperti <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/tutorial/java/" >Java</a> dan <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/tutorial/cs/" >C#</a>.</p> <p>Tapi sayangnya, bahasa tersebut belum mendukung GObject secara penuh.. Mau tidak mau harus menggunakan <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/tutorial/c/" >bahasa C</a>.</p> <p>Tapi bahasa C, bukanlah bahasa tingkat tinggi.</p>https://www.petanikode.com/html-canvas-random/Tue, 20 Jun 2017 04:03:51 +0800https://www.petanikode.com/html-canvas-random/<p>Pada artikel <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/tutorial-html-canvas/" >pengenalan HTML5 Canvas</a> sebelumnya, kita sudah belajar cara menggambar objek-objek dasar seperti titik, garis, persegi, lingkaran, dan segitiga.</p> <p>Objek digambar hanya sekali saja.</p> <p>Bagaimana kalau kita ingin menggambar banyak objek dan digambar secara acak?</p> <p>Untuk menjawab pertanyaan ini, kita harus menggunakan perulangan dan fungsi <code>random()</code>.</p> <p>Lebih jelasnya, mari kita bahas&hellip;</p> <h2 id="menggambar-objek-dengan-perulangan">Menggambar Objek dengan Perulangan</h2><p>Pada contoh di artikel sebelumnya, kita sudah pernah menggambar persegi dua kali.</p>https://www.petanikode.com/kotlin-netbeans/Mon, 19 Jun 2017 13:51:39 +0800https://www.petanikode.com/kotlin-netbeans/<p>Pada tulisan sebelumnya kita sudah <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/kotlin-linux/" >belajar pemrograman Kotlin</a> menggunakan Intellij dan kompilasi secara manual melalui terminal.</p> <p>Pemrograman Kotlin memang resmi didukung pada Intellij. Namun, bisa juga dilakukan di Netbeans dan Eclipse.</p> <p>Bagaimana caranya?</p> <p>Mari kita bahas&hellip;</p> <h2 id="instalasi-maven-untuk-pemrograman-kotlin-di-netbeans">Instalasi Maven untuk Pemrograman Kotlin di Netbeans</h2><p>Berkat bantuan <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/java-maven/" >Maven</a>, kita jadi bisa ngoding Kotlin di Netbeans.</p>https://www.petanikode.com/android-kotlin/Sun, 18 Jun 2017 17:13:53 +0800https://www.petanikode.com/android-kotlin/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/android/kotlin/android-kotlin.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/android/kotlin/android-kotlin.png' alt="Pemrograman Android dengan Menggunakan Bahasa Pemrograman Kotlin" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/android/kotlin/android-kotlin.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/json-pemula/Fri, 16 Jun 2017 11:26:39 +0800https://www.petanikode.com/json-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/json/json.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/json/json.png' alt="Apa itu JSON, dan apa gunanya dalam pemrograman?" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/json/json.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-canvas/Thu, 15 Jun 2017 06:50:24 +0800https://www.petanikode.com/html-canvas/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html-canvas/html5-canvas.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html-canvas/html5-canvas.png' alt="Menggambar dengan kode di HTML5 Canvas" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html-canvas/html5-canvas.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/tutorial-php-mysql/Sat, 10 Jun 2017 17:42:42 +0000https://www.petanikode.com/tutorial-php-mysql/<p>PHP sering dijodohkan dengan MySQL untuk membangun aplikasi web. MySQL berperan sebagai tempat menyimpan data (basis data) sedangkan PHP adalah program yang mengelola data tersebut.</p> <p>Sebenarnya PHP tidak hanya bisa dijodohkan dengan MySQL saja. PHP juga bisa dijodohkan dengan SQLite, PostgreSQL, MongoDB, Ms. Access, dsb.</p> <p>Pada kesempatan ini, kita akan belajar menggunakan PHP dan MySQL untuk membuat aplikasi sederhana.</p> <div class="empty-ads h-fit mix-h-[90px] max-w-full" id='div-gpt-ad-multibanner1'></div> <script> googletag.cmd.push(function () { googletag.display('div-gpt-ad-multibanner1'); }); </script> <h2 id="bagaimana-php-dan-mysql-dihubungkan">Bagaimana PHP dan MySQL dihubungkan?</h2><p>PHP dan MySQL dapat saling berhubungan melalui perantara API <em>(Application Programming Interface)</em>.</p>https://www.petanikode.com/kotlin-variabel-tipe-data/Tue, 06 Jun 2017 21:32:08 +0800https://www.petanikode.com/kotlin-variabel-tipe-data/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/kotlin.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/kotlin.png' alt="Pemrograman Kotlin" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/kotlin.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/coding-di-bulan-ramadhan/Wed, 24 May 2017 21:40:27 +0800https://www.petanikode.com/coding-di-bulan-ramadhan/<!-- @TODO Need improvement --> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/coding-ramadhan.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/coding-ramadhan.jpg' alt="Belajar Pemrograman di Bulan Ramadhan" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/coding-ramadhan.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/kotlin-input-dan-output/Sat, 20 May 2017 18:01:48 +0800https://www.petanikode.com/kotlin-input-dan-output/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/kotlin.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/kotlin.png' alt="Pemrograman Kotlin" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/kotlin.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/kotlin-percabangan/Fri, 19 May 2017 21:45:48 +0800https://www.petanikode.com/kotlin-percabangan/<p>Percabangan atau <em>control Flow</em> adalah sebuah istilah untuk menyebut alur program yang bercabang.</p> <p>Coba perhatikan alur program ini:</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/kotlin/percabangan/tanpa-percabangan.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/kotlin/percabangan/tanpa-percabangan.png' alt="Alur Program Tanpa Percabangan" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/kotlin/percabangan/tanpa-percabangan.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/kotlin-sintaks/Fri, 19 May 2017 02:30:41 +0800https://www.petanikode.com/kotlin-sintaks/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/kotlin.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/kotlin.png' alt="Pemrograman Kotlin" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/kotlin.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/kotlin-linux/Fri, 19 May 2017 00:07:50 +0800https://www.petanikode.com/kotlin-linux/<h2 id="peralatan-untuk-belajar-kotlin">Peralatan untuk Belajar Kotlin</h2><p>Adapun peralatan yang harus dipersiapkan untuk belajar kotlin adalah sebagai berikut:</p> <ol> <li>Java SDK ( <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/pemrograman-java-di-linux/#2-jdk-java-development-kit" >Cara instal Java SDK di Linux</a>)</li> <li>Teks Editor/IDE</li> <li>Kotlin</li> </ol> <p>Java SDK kita perlukan untuk menjalankan Kotlin. Lalu teks editor untuk menulis kode Kotlin.</p> <p>Terakhir, ya kotlin itu sendiri.</p> <h2 id="cara-instalasi-kotlin-di-linux">Cara Instalasi Kotlin di Linux</h2><p>Setelah kamu menyiapkan Java SDK, langkah selanjutnya adalah menginstal Kotlin.</p>https://www.petanikode.com/ssl-untuk-github-pages/Wed, 19 Apr 2017 10:56:07 +0800https://www.petanikode.com/ssl-untuk-github-pages/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/github/ssl/https.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/github/ssl/https.png' alt="Cara Menambahkan SSL Gratis dari Cloudflare untuk Github Pages" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/github/ssl/https.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/kumpulan-group-channel-bot-telegram/Fri, 14 Apr 2017 14:10:20 +0800https://www.petanikode.com/kumpulan-group-channel-bot-telegram/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/telegram/kumpulan-group-telegram.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/telegram/kumpulan-group-telegram.png' alt="Kumpulan 218&#43; Grup, Channel, dan Bot Telegram untuk Programmer" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/telegram/kumpulan-group-telegram.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/hugo-redirect/Fri, 07 Apr 2017 15:22:34 +0800https://www.petanikode.com/hugo-redirect/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/hugo-redirect/hugo-petanikode.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/hugo-redirect/hugo-petanikode.jpg' alt="Cara Redirect Halaman di Hugo untuk Mempertahankan Trafik" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/hugo-redirect/hugo-petanikode.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/ebook-pemrograman-golang/Sun, 26 Mar 2017 22:20:22 +0800https://www.petanikode.com/ebook-pemrograman-golang/<div class="empty-ads h-fit mix-h-[90px] max-w-full" id='div-gpt-ad-multibanner1'></div> <script> googletag.cmd.push(function () { googletag.display('div-gpt-ad-multibanner1'); }); </script> <p>Golang atau Go merupakan bahasa pemrograman open source yang dikembangkan di Google oleh Robert Griesemer, Rob Pike, dan Ken Thompson pada tahun 2007 dan mulai diperkenalkan di kalangan publik pada tahun 2009.</p> <p>Go saat ini memegang rekor menjadi bahasa pemrograman yang perkembangannya paling cepat dalam sejarah.</p> <p>Kurang dari tujuh tahun, mampu menjadi bahasa pemrograman kelas atas.</p>https://www.petanikode.com/memilih-bahasa-pemrograman/Fri, 24 Mar 2017 20:07:11 +0800https://www.petanikode.com/memilih-bahasa-pemrograman/<p>Saya mau belajar pemrograman, tapi bingung mau belajar bahasa pemrograman yang mana?</p> <p>Apa bahasa pemrograman yang harus saya pelajari pertama kali?</p> <p>Apa bahasa yang cocok untuk pemula?</p> <p>Pertanyaan ini memang akan selalu muncul&hellip; karena itu, saya membuat tulisan ini.</p> <p>Banyak yang bingung memilih bahasa pemrograman untuk dipelajari, karena begitu banyak pilihan.</p> <p>Ada juga yang takut salah pilih.</p> <p>Maunya sih pelajari semuanya, tapi itu bukanlah yang terbaik.</p>https://www.petanikode.com/apa-itu-webassembly/Wed, 15 Mar 2017 11:49:13 +0800https://www.petanikode.com/apa-itu-webassembly/<p>Saat pertama kali mendengar kata WebAssembly, saya kira kita akan membuat web dengan bahasa assembly. Ternyata bukan.</p> <p>Sekitar dua minggu yang lalu saya mendapatkan kiriman link milis melalui channel <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://t.me/reddit_programming/1280" target="_blank" rel="nofollow noopener noreferrer" >@reddit_programming<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a> tentang pengumuman WebAssembly.</p>https://www.petanikode.com/bootstrap-panel-card/Tue, 14 Mar 2017 17:36:45 +0800https://www.petanikode.com/bootstrap-panel-card/<p>Seperti yang kita ketahui, istilah card memang sering dipakai pada Material Design. Sedangkan Bootstrap versi 3 tidak memiliki komponen card. Mungkin saja akan ditambahkan pada versi ke-4. Kita tunggu saja.</p> <p>Pada kesempatan ini, kita akan belajar cara modifikasi komponen panel Bootstrap untuk dijadikan Card.</p> <p>Berikut ini tampilan hasil akhir yang akan kita buat:</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://1.bp.blogspot.com/-0EKCQDsPHPs/WMfRU8kIjYI/AAAAAAAAEZM/9bX9E4TSGTg_Z0VbrROgBRTUtWiEKPrdQCK4B/s1600/panel-bootstrap-sebagai-card.jpg' alt="Panel Card Bootstrap" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://1.bp.blogspot.com/-0EKCQDsPHPs/WMfRU8kIjYI/AAAAAAAAEZM/9bX9E4TSGTg_Z0VbrROgBRTUtWiEKPrdQCK4B/s1600/panel-bootstrap-sebagai-card.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-tag-tanpa-penutup/Sat, 11 Mar 2017 05:12:00 +0000https://www.petanikode.com/html-tag-tanpa-penutup/<p>Sebuah elemen dalam HTML terdiri dari tag pembuka dan tag penutup. Namun, ada juga yang tidak memiliki tag penutup.</p> <p>Kasihan juga ya, hehe &#x1f604;</p> <p>Meskipun demikian, elemen ini tetap valid dan dapat dibaca browser. Elemen yang tidak memiliki tag penutup ini juga disebut <em>void element</em>, karena tidak memiliki isi.</p> <p>Apa saja tag-tag yang tidak memiliki penutup itu?</p> <p>mari kita simak&hellip;</p> <h2 id="1-tag-area">1. Tag <code>&lt;area&gt;</code></h2><p>Tag <code>&lt;area&gt;</code> fungsinya untuk mendefinisikan area pada <em>image map</em>. <em>Image map</em> merupakan sebuah gambar yang memiliki area yang bisa diklik. Tag <code>&lt;area&gt;</code> selalu berada di dalam tag <code>&lt;map&gt;</code>.</p>https://www.petanikode.com/tizen-ebook/Mon, 06 Mar 2017 20:05:01 +0800https://www.petanikode.com/tizen-ebook/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://1.bp.blogspot.com/-uWdT3vq1ROE/WL1Xe_X8xnI/AAAAAAAAESU/lZj7j37Lkfw9QgMcQDqNfaOejx9VfB0egCLcB/s1600/buku-gratis-panduan-dasar-pemrograman-tizen.jpg' alt="Buku Panduan Dasar Pemrograman Tizen" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://1.bp.blogspot.com/-uWdT3vq1ROE/WL1Xe_X8xnI/AAAAAAAAESU/lZj7j37Lkfw9QgMcQDqNfaOejx9VfB0egCLcB/s1600/buku-gratis-panduan-dasar-pemrograman-tizen.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/git-checkout-reset-revert/Sun, 05 Mar 2017 21:37:21 +0800https://www.petanikode.com/git-checkout-reset-revert/<p>Pada <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/git-revert/" >tutorial ke-6</a>, kita sudah membahas cara membatalkan revisi menggunakan perintah <code>git checkout</code>, <code>git reset</code>, dan <code>git revert</code>.</p> <p>Sekilas, tiga perintah tersebut melakukan hal yang sama. Akan tetapi ada perbedaannya.</p> <p>Apa itu?</p> <p>Mari kita bahas&hellip;</p> <h2 id="git-checkout">Git Checkout</h2><p>Perintah <code>git checkout</code> seperti mesin waktu, kita bisa kembalikan kondisi file proyek seperti waktu yang dituju.</p> <p>Misalnya:</p>https://www.petanikode.com/apa-itu-polyglot-programmer/Tue, 28 Feb 2017 18:30:02 +0800https://www.petanikode.com/apa-itu-polyglot-programmer/<p>Sejak saya kuliah di jurusan Teknik Informatika, saya diajari berbagai bahasa pemrograman. Karena kurikulum kampus yang kurang konsisten.</p> <p>Awalnya diajari bahasa pemrograman <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/pascal/" >Pascal</a>, lalu di semester berikutnya Assembly, <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/sql/" >SQL</a>, <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/html/" >HTML</a>, <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/css/" >CSS</a>, <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/javascript/" >Js</a>, <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/php/" >PHP</a>, <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/java/" >Java</a>, dan <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/visual-basic" >VB</a>.</p>https://www.petanikode.com/git-branch/Mon, 27 Feb 2017 19:20:26 +0800https://www.petanikode.com/git-branch/<p>Bayangkan anda sedang bekerja dengan tim pada suatu repositori Git. Repositori ini dikerjakan secara bersama-sama.</p> <p>Kadang&hellip; akan terjadi konflik, karena kode yang kita tulis berbeda dengan yang lain.</p> <p>Misalnya, Si A menulis kode untuk fitur X dengan algoritma yang ia ketahui. Sedangkan si B menulis dengan algoritma yang berbeda.</p> <p>Lalu mereka melakukan <em>commit</em>, dan kode sumber jadi berantakan. Anggota tim yang lain menjadi pusing.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-DEigCiYJJfY/WLMaWoeoONI/AAAAAAAAELQ/qvDUmoiDWQMElIHdl8y4qkT0ZsjDk6TzQCPcB/s1600/konflik-branch-repositori-git.png' alt="Konflik pada repositori Git" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-DEigCiYJJfY/WLMaWoeoONI/AAAAAAAAELQ/qvDUmoiDWQMElIHdl8y4qkT0ZsjDk6TzQCPcB/s1600/konflik-branch-repositori-git.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/sass-untuk-pemula/Fri, 24 Feb 2017 15:28:09 +0800https://www.petanikode.com/sass-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/sass/sass.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/sass/sass.png' alt="Tutorial SASS untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/sass/sass.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/slim-twig/Wed, 22 Feb 2017 19:59:46 +0800https://www.petanikode.com/slim-twig/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/slim/twig/slim-twig.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/slim/twig/slim-twig.jpg' alt="Slim Framework dan Twig" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/slim/twig/slim-twig.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/git-revert/Tue, 21 Feb 2017 14:55:42 +0800https://www.petanikode.com/git-revert/<p>Pada <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/git-diff/" >tutorial git 05</a>, kita sudah belajar cara melihat perbedaan di setiap revisi. Sekarang kita akan belajar, cara membatalkan sebuah revisi.</p> <p>Terkadang pada perubahan yang kita lakukan terjadi kesalahan dan kita ingin mengembalikannya seperti keadaan sebelumnya. Maka kita perlu menyuruh git untuk mengembalikannya. Ada beberapa perintah yang digunakan di antaranya: <code>git checkout</code>, <code>git reset</code>, dan <code>git revert</code>.</p> <h2 id="membatalkan-perubahan">Membatalkan Perubahan</h2><p>Jika revisi kita belum <em>staged</em> ataupun <em>mengetahui</em>, kita bisa mengembalikannya menggunakan perintah <code>git checkout nama_file.html</code>.</p>https://www.petanikode.com/javascript-animasi-gambar/Tue, 21 Feb 2017 08:53:16 +0800https://www.petanikode.com/javascript-animasi-gambar/<p>Saya sempat mengira, kalau animasi stiker di facebook menggunakan gif, ternyata bukan.</p> <p>Animasi tersebut menggunakan javascript dengan mengubah posisi background.</p> <p>Coba saja klik kanan pada stikernya, kemudian pilih <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/inspect-element" >inspect element</a>, maka kita akan mendapatkan kode seperti ini.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://4.bp.blogspot.com/-SQfVn7m_aEc/WKuRWlddqjI/AAAAAAAAEFE/zhbfkLT-7tgQByj-tSOYzJz4rXntrpmbQCPcB/s1600/inspect%2Belement%2Bstiker%2Bfacebook.png' alt="Inspect Element Sticker Facebook" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://4.bp.blogspot.com/-SQfVn7m_aEc/WKuRWlddqjI/AAAAAAAAEFE/zhbfkLT-7tgQByj-tSOYzJz4rXntrpmbQCPcB/s1600/inspect%2Belement%2Bstiker%2Bfacebook.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-dompdf/Sun, 19 Feb 2017 16:48:58 +0800https://www.petanikode.com/codeigniter-dompdf/<p>Dompdf merupakan salah satu pustaka PHP untuk membuat PDF.</p> <p>Dompdf membuat PDF dari HTML, sehingga lebih praktis. Selain itu juga, Kita bisa menggunakan CSS di dalamnya.</p> <p>Saat ini Dompdf mendukung CSS versi 2.1.</p> <p>Untuk menggunakan Dompdf di <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/codeigniter/" >Codeigniter</a>, silakan ikuti langkah-langkah berikut ini.</p> <h2 id="1-aktifkan-autoload-composer">1. Aktifkan Autoload Composer</h2><p>Kita akan menginstal Dompdf melalui <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/composer/" >Composer</a>.</p>https://www.petanikode.com/git-diff/Thu, 16 Feb 2017 13:56:42 +0800https://www.petanikode.com/git-diff/<p>Pada tutorial sebelumnya, kita sudah belajar cara melihat log revisi di repositori. Sekarang kita kan pelajari perintah <code>git diff</code>, fungsinya untuk melihat perbedaan perubahan di revisi.</p> <h2 id="melihat-perbandingan-perubahan-yang-dilakukan-pada-revisi">Melihat Perbandingan Perubahan yang Dilakukan pada Revisi</h2><p>Gunakan perintah berikut ini untuk melihat perubahan yang dilakukan pada revisi tertentu.</p> <div class="not-prose rounded-lg overflow-auto dark:outline dark:outline-1 dark:outline-slate-600"> <div class="codeblock--content"><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:2;-o-tab-size:2;tab-size:2;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>git diff cf08ca0837cf26f1c595be36bb3a6b815e311be1</span></span></code></pre></div> </div> </div><p><code>cf08ca0837cf26f1c595be36bb3a6b815e311be1</code> adalah nomer revisi yang ingin dilihat.</p>https://www.petanikode.com/password-dan-token-api-bisa-dicuri-di-github/Wed, 15 Feb 2017 20:12:19 +0800https://www.petanikode.com/password-dan-token-api-bisa-dicuri-di-github/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://1.bp.blogspot.com/-jXRLtOGiGXs/WKSVce4PaDI/AAAAAAAAD_o/tMWKujJUoXwrKxbJBI9QHe2XlNuzQBTHACPcB/s1600/github-remove-password-petanikode.jpg' alt="Github Remove Password" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://1.bp.blogspot.com/-jXRLtOGiGXs/WKSVce4PaDI/AAAAAAAAD_o/tMWKujJUoXwrKxbJBI9QHe2XlNuzQBTHACPcB/s1600/github-remove-password-petanikode.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/activate-power-mode/Tue, 14 Feb 2017 21:46:29 +0800https://www.petanikode.com/activate-power-mode/<p>Pada akhir tahun 2015, saya pernah menulis tentang <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/activate-power-mode-atom/" >plug-in Atom</a> bernama <code>activate-power-mode</code>. Plug-in memang keren, membuat kita merasa semakin asyik menulis kode. Kepopuleran plug-in ini membuat programmer yang lain ikut membuat plug-in serupa untuk teks editor selain Atom.</p> <p>Berikut ini daftar plug-in <code>activate-power-mode</code>, dikutip dari repositori <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://github.com/codeinthedark/awesome-power-mode" target="_blank" rel="nofollow noopener noreferrer" >awesome-power-mode<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a>.</p>https://www.petanikode.com/git-log/Tue, 14 Feb 2017 08:56:09 +0800https://www.petanikode.com/git-log/<p>Pada <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/git-commit/" >tutorial sebelumnya</a>, kita sudah membuat dua revisi pada repositori <code>project-01</code>. Sekarang bagaimana caranya kita melihat catatan log dari revisi-reivisi tersebut?</p> <p>Git sudah menyediakan perintah <code>git log</code> untuk melihat catatan log perubahan pada repositori. Contoh penggunaannya:</p> <div class="not-prose rounded-lg overflow-auto dark:outline dark:outline-1 dark:outline-slate-600"> <div class="codeblock--content"><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:2;-o-tab-size:2;tab-size:2;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>git log</span></span></code></prhttps://www.petanikode.com/git-commit/Mon, 13 Feb 2017 17:30:51 +0800https://www.petanikode.com/git-commit/<p>Pada <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/git-repositori/" >tutorial Git yang kedua</a>, kita sudah membuat repositori kosong. Belum ada apa-apa di sana.</p> <p>Sekarang coba tambahkan sebuah file baru.</p> <p>Sebagai contoh, saya akan menambahkan tiga file HTML kosong.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://1.bp.blogspot.com/-H_In4IFcsOM/WKF-vsJ3qtI/AAAAAAAAD3g/qoBlvBQWYDYwnPYOnvxXNG72R-T5m2i4gCPcB/s1600/project-01_repositori-git-petanikode.png' alt="Project 01 - repository Git" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://1.bp.blogspot.com/-H_In4IFcsOM/WKF-vsJ3qtI/AAAAAAAAD3g/qoBlvBQWYDYwnPYOnvxXNG72R-T5m2i4gCPcB/s1600/project-01_repositori-git-petanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/git-init/Thu, 09 Feb 2017 11:52:59 +0800https://www.petanikode.com/git-init/<p>Repositori <em>(repository)</em> dalam bahasa indonesia artinya gudang. Repositori merupakan istilah yang digunakan untuk direktori proyek yang menggunakan Git.</p> <p>Jika kita memiliki sebuah direktori dengan nama <code>proyek-01</code> dan di dalamnya sudah menggunakan git, maka kita sudah punya repositori bernama <code>proyek-01</code>.</p> <h2 id="membuat-repositori">Membuat Repositori</h2><p>Pembuatan repositori dapat dilakukan dengan perintah <code>git init nama-dir</code>. Contoh:</p> <div class="not-prose rounded-lg overflow-auto dark:outline dark:outline-1 dark:outline-slate-600"> <div class="codeblock--content"><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:2;-o-tab-size:2;tab-size:2;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>git init proyek-01</span></span></code></prhttps://www.petanikode.com/git-install/Wed, 08 Feb 2017 11:26:37 +0800https://www.petanikode.com/git-install/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://3.bp.blogspot.com/-ZcUp-f8LtpE/WJhkSmZoDYI/AAAAAAAADzA/yCVxld7RX54uxKKBhY-0pI-TfOqmTaFugCPcB/s1600/git-petanikode.png' alt="Belajar Git untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://3.bp.blogspot.com/-ZcUp-f8LtpE/WJhkSmZoDYI/AAAAAAAADzA/yCVxld7RX54uxKKBhY-0pI-TfOqmTaFugCPcB/s1600/git-petanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/git-untuk-pemula/Wed, 08 Feb 2017 09:08:36 +0800https://www.petanikode.com/git-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://3.bp.blogspot.com/-ZcUp-f8LtpE/WJhkSmZoDYI/AAAAAAAADzA/yCVxld7RX54uxKKBhY-0pI-TfOqmTaFugCPcB/s1600/git-petanikode.png' alt="Belajar Git untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://3.bp.blogspot.com/-ZcUp-f8LtpE/WJhkSmZoDYI/AAAAAAAADzA/yCVxld7RX54uxKKBhY-0pI-TfOqmTaFugCPcB/s1600/git-petanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/video-inspirasi-programmer/Tue, 07 Feb 2017 12:32:28 +0800https://www.petanikode.com/video-inspirasi-programmer/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://1.bp.blogspot.com/-3g2LETok7zk/WJgPZ51n_7I/AAAAAAAADyM/MawfyDAeqOoofBfv5wH0V6SI4OWhwk11wCPcB/s1600/motivasi-untuk-belajar-pemrograman-petanikode.jpg' alt="Video motivasi untuk belajar pemrograman" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://1.bp.blogspot.com/-3g2LETok7zk/WJgPZ51n_7I/AAAAAAAADyM/MawfyDAeqOoofBfv5wH0V6SI4OWhwk11wCPcB/s1600/motivasi-untuk-belajar-pemrograman-petanikode.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/github-pages-repositori/Mon, 06 Feb 2017 07:15:11 +0800https://www.petanikode.com/github-pages-repositori/<p>Pada tulisan sebelumnya, saya pernah membahas tentang <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/github-pages/" >cara membuat halaman Github untuk profil individu dan organisasi</a>. Nah, kali ini kita akan membuat halaman github untuk proyek atau repositori.</p> <p>Jadi sebenarnya, setiap proyek atau repositori di Github itu bisa dijadikan halaman Github <em>(Github Pages)</em>. Pastikan di dalam proyek berisi file web statis seperti HTML, CSS, dan Javascript.</p> <h2 id="membuat-repositori">Membuat repositori</h2><p>Buatlah repositori dengan nama apa saja, kemudian di dalamnya berisi file web statis. Setelah itu, upload ke github.</p>https://www.petanikode.com/vuejs-amp-img/Sun, 05 Feb 2017 19:25:26 +0800https://www.petanikode.com/vuejs-amp-img/<blockquote> <p><strong>P.S</strong>: Ini adalah artikel lama tentang bagaimana saya membuat AMP Generator untuk digunakan pada Blogger (Blogspot)</p> </blockquote> <p>Hari ini saya baru berkenalan dengan Vue.js. Saya sudah mendengar tentang Vue.js dari beberapa teman dan forum. Tapi, saya belum berani untuk mulai mencobanya.</p> <p>Awalnya saya ingin membuat sebuah alat untuk kebutuhan saya sendiri, yaitu alat yang bisa membuat tag <code>amp-img</code> secara otomatis melalui url gambar. Karena masih banyak artikel di blog ini yang belum disunting dan belum valid AMP.</p>https://www.petanikode.com/php-cmd/Sat, 04 Feb 2017 08:15:19 +0000https://www.petanikode.com/php-cmd/<p>![Menjalankan PHP melalui CMD]( <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://1.bp.blogspot.com/--fpRGkVGPlg/WGles2AqX4I/AAAAAAAADlM/tJInI6oI6Wo-M0WfJE2aHk1neuIZ3xy0wCK4B/s1600/CMD%2BPHP%2B-%2BPetani" target="_blank" rel="nofollow noopener noreferrer" >https://1.bp.blogspot.com/--fpRGkVGPlg/WGles2AqX4I/AAAAAAAADlM/tJInI6oI6Wo-M0WfJE2aHk1neuIZ3xy0wCK4B/s1600/CMD%2BPHP%2B-%2BPetani<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a> Kode.png)</p>https://www.petanikode.com/git-ftp/Tue, 31 Jan 2017 12:09:55 +0800https://www.petanikode.com/git-ftp/<p>Ketika kita akan men-deploy atau <em>hosting</em> sebuah web di server <em>shared hosting</em>, kita akan diberikan fasilitas FTP untuk upload file.</p> <p>Kita bisa menggunakan <em>FTP Client</em> seperti FileZilla untuk upload file. Namun, bagaimana kalau nanti ada perubahan?</p> <p>Tentu kita akan mencari file yang diubah dan di-upload lagi. Hal ini mungkin terasa sedikit melelahkan.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://1.bp.blogspot.com/-jeWvQeAn-TQ/WJGe6gyu6vI/AAAAAAAADwM/yJ-X3DG9T5sLyIow4kyD-cHt_nCOYP_qgCPcB/s1600/upload-file-ftp-ala-git-petanikode.png' alt="Git FTP" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://1.bp.blogspot.com/-jeWvQeAn-TQ/WJGe6gyu6vI/AAAAAAAADwM/yJ-X3DG9T5sLyIow4kyD-cHt_nCOYP_qgCPcB/s1600/upload-file-ftp-ala-git-petanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/hugo-hosting-github/Mon, 30 Jan 2017 20:14:28 +0800https://www.petanikode.com/hugo-hosting-github/<!-- @TODO update artikel ini menggunakan Github Action --> <p>Github memiliki layanan hosting <em>Static Page</em> yang bisa kita manfaatkan untuk hosting Hugo.</p> <p>Pada dasarnya SSG seperti Hugo akan membuat sebuah file statis yang (biasanya) berada di dalam direktori <code>public</code>.</p> <p>Nah direktori ini yang akan kita upload ke Github agar website atau blog kita bisa dibuka melalui: <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://username.github.io" target="_blank" rel="nofollow noopener noreferrer" >https://username.github.io<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a> atau kustom domain sendiri.</p>https://www.petanikode.com/github-ssh/Sun, 29 Jan 2017 17:52:51 +0800https://www.petanikode.com/github-ssh/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/github-ssh.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/github-ssh.png' alt="Setup SSH Key untuk Github" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/github-ssh.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-dalam-html/Sat, 28 Jan 2017 14:59:00 +0000https://www.petanikode.com/javascript-dalam-html/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Cara menulis Javascript di HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/github-pages/Wed, 25 Jan 2017 08:06:22 +0800https://www.petanikode.com/github-pages/<p>Halaman Github <em>(Github Pages)</em> merupakan layanan <em>hosting</em> web statis yang diberikan oleh Github. Layanan ini diberikan secara gratis dan kita juga akan mendapatkan subdomain <code>.github.io</code>.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://3.bp.blogspot.com/-f3NdPaAWgzs/WITOd9XOGUI/AAAAAAAADtY/s2eqhveYCsIcHO6gLlcERO7xGa4HuTmcQCPcB/s1600/github-octocat-petanikode.jpg' alt="Github Octocat" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://3.bp.blogspot.com/-f3NdPaAWgzs/WITOd9XOGUI/AAAAAAAADtY/s2eqhveYCsIcHO6gLlcERO7xGa4HuTmcQCPcB/s1600/github-octocat-petanikode.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-bukan-untuk-pemula/Sat, 21 Jan 2017 16:45:00 +0000https://www.petanikode.com/java-bukan-untuk-pemula/<p>Sudah dua kali semester saya mengajar di praktikum pemrograman <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/java/" >Java</a>. Hasilnya, hanya sebagian mahasiswa yang mengerti. Sebagiannya lagi masih pusing (atau mungkin saya yang tidak bisa mengajar).</p> <p>Bahasa pemrograman Java memang populer dan banyak digunakan di lapangan, oleh karena itu pihak kampus memilih bahasa ini untuk diajarkan pada semester I.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://4.bp.blogspot.com/-JLEbu94zv1c/WGjrfTdQdrI/AAAAAAAADjg/OkDhW7IniKY5d21yGt-Nb4rChbTtSPE9gCK4B/s1600/Anak-anak%2Bcoding%2Bdi%2Bsawah%2BPetani%2BKode.jpg' alt="Anak-anak ngoding di sawah" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://4.bp.blogspot.com/-JLEbu94zv1c/WGjrfTdQdrI/AAAAAAAADjg/OkDhW7IniKY5d21yGt-Nb4rChbTtSPE9gCK4B/s1600/Anak-anak%2Bcoding%2Bdi%2Bsawah%2BPetani%2BKode.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/go-replace-string/Fri, 20 Jan 2017 14:32:22 +0800https://www.petanikode.com/go-replace-string/<p>Sebuah masalah kecil yang saya temukan ketika mengedit skrip <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://github.com/natefinch/blogimport" target="_blank" rel="nofollow noopener noreferrer" >Blogimport<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a>. Saya ingin memperbesar ukuran gambar <em>thumbnail</em> dengan cara me-replace string yang ada di URL.</p>https://www.petanikode.com/cloudflare-redirect/Tue, 17 Jan 2017 22:06:22 +0800https://www.petanikode.com/cloudflare-redirect/<p>Saya akhirnya mengurus jaringan lagi, setelah sekian lama tidak belajar jaringan. Pada <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/2017/01/migrasi-petani-kode-dari-blogger-ke-hugo/" >proses migrasi</a> kemarin, proses propagasi domain memakan waktu cukup lama. Domain Petani Kode <code>www.petanikode.com</code> masih menunjukan halaman <code>404</code>. Namun, domain yang tanpa menggunakan <code>www</code>, sudah bisa diakses.</p> <p>Karena tidak ingin semua pengunjung mendapatkan <em>error</em> <code>404</code>, saya harus melakukan <em>redirect</em> ke domain baru yang tidak menggunakan <code>www</code>. Berikut ini caranya.</p>https://www.petanikode.com/tidak-bisa-bahasa-pemrograman-go/Sun, 15 Jan 2017 21:06:22 +0800https://www.petanikode.com/tidak-bisa-bahasa-pemrograman-go/<p>Ada cerita menarik yang saya alami ketika <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/2017/01/migrasi-petani-kode-dari-blogger-ke-hugo/" >migrasi Petani Kode dari Blogger ke Hugo</a>. Waktu itu, ketika saya ingin mengimpor konten dari Blogger ke Hugo, ada sesuatu yang kurang dari skrip Go yang disediakan. Kekurangannya tidak mampu membuat atau mengambil gambar <em>(thumbnail)</em> untuk setiap artikel.</p> <p>Saya kemudian berpikir, mungkin nanti saya bisa edit setiap gambar untuk artikel. Namun, rasanya akan sangat melelahkan melakukannya karena jumlah artikelnya sampai ratusan. Tidak ingin melakukan hal yang berulang-ulang seperti kata orang, <em>Don&rsquo;t Repeat Yourself</em> di singkat DRY. Saya kemudian membuka <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://github.com/natefinch/blogimport/issues/1" target="_blank" rel="nofollow noopener noreferrer" >isu baru<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a> di repositori skrip ini.</p>https://www.petanikode.com/negara-programmer-terbaik/Sun, 01 Jan 2017 16:21:39 +0000https://www.petanikode.com/negara-programmer-terbaik/<p>Banyak yang mungkin menduga, Amerika adalah negara dengan programmer terbaik. Karena di sana sarangnya para programmer legendaris seperti Bill Gates, Ken Thompson, Dennis Ritchie, dan Donald Knuth. Namun ternyata bukan. Hal ini dibuktikan oleh HackerRank.</p> <p>HackerRank merupakan sebuah <i>platform</i> untuk menentukan rangking para programmer berdasarkan skill <i>coding </i>yang dimilikinya. HackerRank sering mengadakan tantangan <i>(challenges)</i> untuk meningkatkan kemampuan para programmer. Ribuan programmer dari seluruh penjuru dunia ikut berpartisipasi dalam tantangan. Programmer dinilai berdasarkan kombinasi akurasi dan kecepatannya. Beberapa bulan yang lalu, HackerRank mempublikasi hasil analisis datanya. Berikut ini 10 Negara dengan programmer terbaik menurut HackerRank.</p>https://www.petanikode.com/hugo-impor-artikel/Fri, 13 Jan 2017 21:08:45 +0800https://www.petanikode.com/hugo-impor-artikel/<p>Dalam rangka migrasi Petani Kode ke Hugo, saya harus melakukan impor artikel dari Blogger ke Hugo.</p> <p>Untungnya Hugo sudah menyediakan skrip untuk impor konten dari blogger ke Hugo.</p> <p>Proses impor ini memakan waktu cukup cepat. Saya kira, tidak sampai 15 menit.</p> <p>Mungkin anda bisa melakukannya lebih cepat.</p> <p>Begini caranya&hellip;</p> <p>Sebelumnya, pastikan telah menginstal <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://golang.org" target="_blank" rel="nofollow noopener noreferrer" >Go (Golang)<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a> dan <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://git-scm.com/" target="_blank" rel="nofollow noopener noreferrer" >Git<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a>.</p>https://www.petanikode.com/hugo-blogger/Wed, 11 Jan 2017 22:06:22 +0800https://www.petanikode.com/hugo-blogger/<p>Tercatat pada tanggal 11 Januari 2017, website Petani Kode mulai dikembangkan ulang dengan mesin <em>(engine)</em> Hugo. Hugo adalah salah satu mesin generator web statis yang berusia cukup muda.</p> <p>Hugo ditulis dengan bahasa pemrograman Go dan diklaim <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.youtube.com/watch?v=CdiDYZ51a2o" target="_blank" rel="nofollow noopener noreferrer" >lebih cepat<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a> dari mesin sejenisnya seperti <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://jekyllrb.com/" target="_blank" rel="nofollow noopener noreferrer" >Jekyll<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a>, <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://middlemanapp.com/" target="_blank" rel="nofollow noopener noreferrer" >Middleman<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a>, <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://octopress.org/" target="_blank" rel="nofollow noopener noreferrer" >Octopress<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a>, dsb.</p>https://www.petanikode.com/php-konsep/Sat, 31 Dec 2016 18:43:00 +0000https://www.petanikode.com/php-konsep/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Tutorial PHP untuk pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/youtube-programmer/Fri, 30 Dec 2016 01:30:00 +0000https://www.petanikode.com/youtube-programmer/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/youtube/youtube.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/youtube/youtube.png' alt="Kumpulan channel Youtube untuk Programmer" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/youtube/youtube.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-xss/Fri, 23 Dec 2016 05:13:00 +0000https://www.petanikode.com/codeigniter-xss/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Cara Mengatasi Serangan XSS di Codeigniter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-helper-tanggal/Thu, 22 Dec 2016 18:21:00 +0000https://www.petanikode.com/codeigniter-helper-tanggal/<p><a href="http://2.bp.blogspot.com/-r7g_YeB-NTQ/V0lW1e95hSI/AAAAAAAAC1o/bhW4YMd7ydQykOypeSd4xlfr15lhAvshACK4B/s1600/codeigniter%2B-%2Bpetanikode.png" imageanchor="1"><img border="0" src="https://2.bp.blogspot.com/-r7g_YeB-NTQ/V0lW1e95hSI/AAAAAAAAC1o/bhW4YMd7ydQykOypeSd4xlfr15lhAvshACK4B/s1600/codeigniter%2B-%2Bpetanikode.png" /></a>Saat kita membuat sbuah tanggal otomatis dengan fungsi <code>Date()</code>, kita akan mendapatkan hasil dalam format bahasa inggris. Contoh, <code>Date(&rsquo;d F Y&rsquo;)</code> akan menghasilkan output <code>22 December 2016</code> (sesuai tanggal sekarang). Format penanggalan ini mungkin tidak begitu penting bagi sistem yang tidak digunakan di tempat formal. Namun, bagaimana kalau untuk membuat surat atau laporan formal. Pastinya, kita dituntut untuk menggunakan bahasa indonesia yang baik dan benar.<br /><br />Hal yang perlu kita lakukan untuk mengubah tanggal ke dalam bahasa indonesia adalah mengubah nama-nama bulan dari fungsi <code>Date()</code>. Kita bisa melakukannya seperti berikut ini.<br /><pre><code class="php">&lt;?php<br />$bulan = Date(&rsquo;m&rsquo;);<br />switch ($bulan) {<br /> case 1:<br />    $bulan = &ldquo;Januari&rdquo;;<br />        break;<br />    case 2:<br />        $bulan = &ldquo;Februari&rdquo;;<br />        break;<br />    case 3:<br />        $bulan = &ldquo;Maret&rdquo;;<br />        break;<br />    case 4:<br />        $bulan = &ldquo;April&rdquo;;<br />        break;<br />    case 5:<br />        $bulan = &ldquo;Mei&rdquo;;<br />        break;<br />    case 6:<br />        $bulan = &ldquo;Juni&rdquo;;<br />        break;<br />    case 7:<br />        $bulan = &ldquo;Juli&rdquo;;<br />        break;<br />    case 8:<br />        $bulan = &ldquo;Agustus&rdquo;;<br />        break;<br />    case 9:<br />       $bulan = &ldquo;September&rdquo;;<br />        break;<br />    case 10:<br />        $bulan = &ldquo;Oktober&rdquo;;<br />        break;<br />    case 11:<br />        $bulan = &ldquo;November&rdquo;;<br />        break;<br />    case 12:<br />        $bulan = &ldquo;Desember&rdquo;;<br />        break;<br /><br />    default:<br />       $bulan = Date(&lsquo;F&rsquo;);<br />       break;<br />}</code></prhttps://www.petanikode.com/mysql-graf/Sat, 10 Dec 2016 15:53:00 +0000https://www.petanikode.com/mysql-graf/<p>Awalnya saya tidak begitu paham dengan kegunaan graf pada komputer.</p> <p>Namun, setelah belajar beberapa teori seperti kecerdasan buatan, analisa algoritma, struktur data, matematika diskrit, kalkulus, dan sebagainya. Saya mendapatkan sedikit pencerahan.</p> <p>Graf dapat digunakan untuk menyelesaikan berbagai permasalahan seperti pencarian jalur terpendek, relasi hubungan sesuatu, representasi pengetahuan pada AI, dsb.</p> <p>Saya kemudian tertarik untuk mengetahui cara melakukan komputasi graf.</p> <p>Sebelumnya saya pernah membahas <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/representasi-graf-dalam-kode-python/" >cara merepresentasikan graf ke dalam kode</a> program dengan bahasa pemrograman python.</p>https://www.petanikode.com/codeigniter-composer/Sat, 03 Dec 2016 13:13:00 +0000https://www.petanikode.com/codeigniter-composer/<p> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://2.bp.blogspot.com/-gWlKpBGdB94/WDg10RRi8PI/AAAAAAAADc4/XAKDYt3FFCUF_pZJyTlOy5fkIQcmjJgLACK4B/s1600/composer-petanikode.jpg" target="_blank" rel="nofollow noopener noreferrer" > <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-gWlKpBGdB94/WDg10RRi8PI/AAAAAAAADc4/XAKDYt3FFCUF_pZJyTlOy5fkIQcmjJgLACK4B/s1600/composer-petanikode.jpg' alt="" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-gWlKpBGdB94/WDg10RRi8PI/AAAAAAAADc4/XAKDYt3FFCUF_pZJyTlOy5fkIQcmjJgLACK4B/s1600/composer-petanikode.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-profiler/Wed, 30 Nov 2016 11:30:00 +0000https://www.petanikode.com/codeigniter-profiler/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Codeigniter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-composer/Sat, 26 Nov 2016 13:02:00 +0000https://www.petanikode.com/php-composer/<!-- Agreement --> <p>Bayangkan kita sedang mengerjakan proyek web dengan PHP.</p> <p>Kemudian kita membutuhkan beberapa <em>library</em> untuk melengkapi proyek ini.</p> <p>Biasanya, kita men-download sendiri library-nya dari internet.</p> <p>Tapi&hellip;</p> <p>Kadang library yang satu dengan yang lain saling membutuhkan agar bisa digunakan. Hal ini disebut <em>dependency</em> (keterkaitan/ketergantungan).</p> <p>Contohnya:</p> <p>Library <code>X</code> membutuhkan library <code>Y</code> agar bisa digunakan, kemudian library <code>Y</code> membutuhkan library <code>Q</code>,<code>R</code>,<code>S</code>.</p> <p>&ldquo;Bagaimana kalau ada banyak sekali library yang digunakan?&rdquo;</p>https://www.petanikode.com/python-pygtk-layout/Fri, 25 Nov 2016 15:49:00 +0000https://www.petanikode.com/python-pygtk-layout/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/pygtk.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/pygtk.png' alt="Pemrograman PyGTK di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/pygtk.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/tutorial-web-responsif-pengenalan-rwd-dan-viewport/Fri, 25 Nov 2016 15:19:00 +0000https://www.petanikode.com/tutorial-web-responsif-pengenalan-rwd-dan-viewport/<p>Bagaimana cara membuat web responsif? itulah pertanyaan yang cukup sering ditanyakan kepada saya.</p> <p>Pertanyaan ini membutuhkan jawaban yang cukup panjang, karena itu saya tidak bisa langsung menjawab secara detail melalui lisan maupun pesan instan, selain itu juga waktu yang tidak mendukung.</p> <p>Berangkat dari keterbatasan itu, akhirnya saya menerbitkan tulisan ini.</p> <h2 id="apakah-itu-rwd">Apakah itu RWD?</h2><p>RWD singkatan dari <em>Responsive Web Design</em>. Responsif artinya webnya dapat merespon atau menyesuaikan diri dengan perangkat yang digunakan. Misalnya kita membuka webnya melalui ponsel, maka secara otomatis tampilan webnya akan disesuaikan dengan ukuran layar ponselnya.</p>https://www.petanikode.com/perbedaan-i-increment-dengan-increment-i/Wed, 16 Nov 2016 05:07:00 +0000https://www.petanikode.com/perbedaan-i-increment-dengan-increment-i/<p>Dalam materi-materi perulangan simbol <code>++</code> sering kita temukan.</p> <p>Simbol tersebut termasuk dalam operator aritmatika dan penugasan untuk meningkatkan atau menambah satu (<code>+1</code>) sebuah variabel.</p> <p>Kadang ditulis seperti ini <code>i++</code> dan juga seperti ini <code>++i</code>.</p> <p>Apa sih perbedaannya?</p> <h2 id="post-increment-dan-pre-increment">Post-increment dan Pre-increment</h2><p>Penulisan simbol <code>++</code> di belakang variabel disebut dengan <strong>post-incement</strong>, sedangkan bila ditulis di depan, disebut dengan <strong>pre-increment</strong>.</p> <p>Contoh:</p> <p><em>Post-increment</em>:</p> <div class="not-prose rounded-lg overflow-auto dark:outline dark:outline-1 dark:outline-slate-600"> <div class="codeblock--content"><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:2;-o-tab-size:2;tab-size:2;"><code class="language-java" data-lang="java"><span style="display:flex;"><span><span style="color:#ff79c6">for</span>(<span style="color:#8be9fd">int</span> i <span style="color:#ff79c6">=</span> 1; i <span style="color:#ff79c6">&lt;=</span> 10; i<span style="color:#ff79c6">++</span>){ </span></span><span style="display:flex;"><span> System.<span style="color:#50fa7b">out</span>.<span style="color:#50fa7b">print</span>(i); </span></span><span style="display:flex;"><span>}</span></span></code></prhttps://www.petanikode.com/bahasa-pemrograman-di-ubuntu/Sat, 12 Nov 2016 13:23:00 +0000https://www.petanikode.com/bahasa-pemrograman-di-ubuntu/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://4.bp.blogspot.com/-MoeiWG7b-OA/WCM7fgsQeXI/AAAAAAAADaw/G4rOFwrzC-kH_YwuXbXGxWkOv35SMBSmACK4B/s1600/pemrograman%2Bubuntu%2B-%2Bpetanikode.png' alt="Pemrograman Linux Ubuntu" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://4.bp.blogspot.com/-MoeiWG7b-OA/WCM7fgsQeXI/AAAAAAAADaw/G4rOFwrzC-kH_YwuXbXGxWkOv35SMBSmACK4B/s1600/pemrograman%2Bubuntu%2B-%2Bpetanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-graf/Wed, 09 Nov 2016 19:29:00 +0000https://www.petanikode.com/python-graf/<!-- @TODO tambahkan tentang indirect graph dengan matrix --> <p>Hari ini saya belajar sesuatu yang cukup menantang, yaitu graf. <strong>Bagaimana menulis graf dalam kode?</strong> dan memahami beberapa hal tentang graf.</p> <p>Menurut Wikipedia, graf dalam komputer sains (ilmu komputer) adalah sebuah tipe data abstrak. Graf terdiri dari titik-titik <em>(nodes)</em> yang terhubung dengan sisi/busur <em>(edge/arcs)</em>.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p> <p>Berikut ini contoh graf yang akan kita tulis dalam kode program python:</p>https://www.petanikode.com/php-cli-input/Sun, 06 Nov 2016 08:08:00 +0000https://www.petanikode.com/php-cli-input/<!-- @TODO: Need to improve --> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-SUy_Ta0eWZ0/WB4QnB9lNkI/AAAAAAAADYU/srstr9Yd6sMJ4UYLRDxWtBOFcr95F3erACK4B/s1600/php-cli-petanikode.png' alt="Fungsi input di php cli" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-SUy_Ta0eWZ0/WB4QnB9lNkI/AAAAAAAADYU/srstr9Yd6sMJ4UYLRDxWtBOFcr95F3erACK4B/s1600/php-cli-petanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/programmer-buta/Fri, 04 Nov 2016 01:40:00 +0000https://www.petanikode.com/programmer-buta/<!-- @TODO: ganti judulnya menjadi "Bagaimana Orang Buta Belajar Pemrograman?" --> <p>Kali ini saya akan mencoba menerjemahkan sebuah artikel hasil wawancara dari <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://fossboss.com/2016/07/18/meet-ali-abdulghani-blind-programmer-working-field-open-source/" target="_blank" rel="nofollow noopener noreferrer" >FossBoss<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a> yang mungkin menginspirasi.</p>https://www.petanikode.com/hello-world/Sun, 30 Oct 2016 20:30:00 +0000https://www.petanikode.com/hello-world/<p>Siapa yang tidak kenal dengan program <em>Hello World</em>?</p> <p>Sebuah program yang paling sederhana di dunia. Fungsi utama dari program ini adalah menampilkan pesan &lsquo;hello world&rsquo; ke layar.</p> <p>Hampir di setiap bahasa pemrograman menggunakan program <em>Hello World</em> untuk perkenalan pertama&hellip;</p> <p>Namun, tidak banyak yang tahu, kapan program ini pertama kali dibuat?</p> <p>Siapa yang membuatnya dan Kenapa harus Hello World?</p> <p>Karena itu, mari kita bahas sejarah dan asal usulnya.</p>https://www.petanikode.com/php-cli/Sat, 29 Oct 2016 19:51:00 +0000https://www.petanikode.com/php-cli/<p>Pada tutorial dan buku pemrograman PHP yang beredar, tidak banyak yang membahas tentang PHP CLI dan PHP interaktif.</p> <p>PHP sendiri merupakan sebuah bahasa pemrograman yang fokus untuk pengembangan web. Karena itu, jarang sekali digunakan di lingkungan CLI <em>(Command Line)</em>.</p> <p>Bagi yang belajar pemrograman PHP menggunakan XAMPP atau LAMPP, kemungkinan jarang menggunakan PHP CLI atau PHP interaktif.</p> <p>Tetapi, bagi yang <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/pemrograman-web-di-linux" >menggunakan paket terpisah</a> (apache2, php, mysql), kemungkinan sering bermain dengan PHP CLI dan PHP interaktif.</p>https://www.petanikode.com/css-color/Sat, 22 Oct 2016 22:23:00 +0000https://www.petanikode.com/css-color/<p>Warna adalah properti yang paling sering digunakan dalam CSS.</p> <p>Kamu bisa bayangkan..</p> <p>Jika warna web cuma hitam putih saja, maka akan terasa hambar dan monoton.</p> <p>Karena itu, warna pasti dipakai di dalam CSS. Supaya tampilan web semakin menarik dan berwarna.</p> <p>Pada tutorial ini, kita akan belajar tentang properti <code>color</code> yang merupakan properti untuk memberikan warna.</p> <p>Mari kita mulai..</p> <div class="empty-ads h-fit mix-h-[90px] max-w-full" id='div-gpt-ad-multibanner1'></div> <script> googletag.cmd.push(function () { googletag.display('div-gpt-ad-multibanner1'); }); </script> <h2 id="mengenal-properti-color">Mengenal Properti Color</h2><p>Properti <code>color</code> merupakan properti untuk memberikan <strong>warna pada teks</strong>.</p>https://www.petanikode.com/buku-oreilly/Sun, 16 Oct 2016 05:30:00 +0000https://www.petanikode.com/buku-oreilly/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://4.bp.blogspot.com/-zdw7X_bmgj4/WAJDxnXtlCI/AAAAAAAADVw/QG_O-soXAs8dIlBsQkb0wSx0RQuqQDoOwCK4B/s1600/buku%2Bpemrograaman%2Bgratis%2Bdari%2Bo%2Breilly%2B-%2Bpetanikode.jpg' alt="Buku-buku pemrograman" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://4.bp.blogspot.com/-zdw7X_bmgj4/WAJDxnXtlCI/AAAAAAAADVw/QG_O-soXAs8dIlBsQkb0wSx0RQuqQDoOwCK4B/s1600/buku%2Bpemrograaman%2Bgratis%2Bdari%2Bo%2Breilly%2B-%2Bpetanikode.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-command-line/Sat, 15 Oct 2016 19:00:00 +0000https://www.petanikode.com/php-command-line/<p>Perintah-perintah dasar yang sering kita ketik di Terminal maupun CMD, dapat juga kita eksekusi melalui web. Tentu saja dengan bantuan PHP.</p> <p>Pada artikel sebelumnya, saya sudah pernah membahas fungsi-fungsi untuk operasi file dan direktori.</p> <p>Nah, sekarang ini kita akan coba fungsi <code>system()</code>. Fungsi ini untuk mengeksekusi perintah-perintah Terminal atau CMD.</p> <p>Baca Juga:</p> <ul> <li> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/cara-menghapus-dan-mengubah-nama-direktori-dengan-php/" >Cara Menghapus dan Mengubah Nama Direktori dengan PHP</a></li> <li> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/membuat-dan-menampilkan-isi-direktori-dengan-php/" >Membuat dan Menampilkan isi Direktori dengan PHP</a></li> </ul> <p>Mari kita mulai dengan membuat sebuah file baru bernama <code>eksekusi_perintah.php</code>, kemudian isi dengan kode berikut.</p>https://www.petanikode.com/php-web-server/Mon, 10 Oct 2016 10:16:00 +0000https://www.petanikode.com/php-web-server/<p>Sebenarnya kita tidak butuh XAMPP, apache2, atau web server lainnya untuk menjalankan PHP di localhost.</p> <p>Karena PHP sendiri sudah menyediakan server bawaan yang bisa kita gunakan untuk Development.</p> <p>Pada PHP versi <code>5.4.0</code>, <acronym title="Command Line Interpreter/Interface">CLI</acronym> <acronym title="Server Application Programming Interface">SAPI</acronym> menyediakan fitur <em>build-in web server</em> yang memungkinkan kita untuk membuat server web dari perintah <em>command line</em> (CLI).</p> <p>Mengapa lebih baik menggunakan ini daripada XAMPP atau apache2?</p>https://www.petanikode.com/php-linux/Sun, 09 Oct 2016 11:57:00 +0000https://www.petanikode.com/php-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php-linux.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php-linux.png' alt="Pemrograman web dengan PHP di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php-linux.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-tahun-kabisat/Wed, 14 Sep 2016 15:24:00 +0000https://www.petanikode.com/python-tahun-kabisat/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Pemrograman Python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-dir/Tue, 13 Sep 2016 15:24:00 +0000https://www.petanikode.com/php-dir/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Cara membuat, menghapus, melihat isi, dan mengubah nama direktori di PHP" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/hari-programmer/Mon, 12 Sep 2016 17:04:00 +0000https://www.petanikode.com/hari-programmer/<p>Tahukah kamu, kalau hari ini (12/09/2020) adalah <strong>hari programmer</strong>?</p> <p>Banyak yang tidak tahu tentang hari programmer. Karena di Indonesia tidak banyak merayakannya.</p> <p>Hari programmer <em>(Day of the Programmer)</em> merupakan hari profesi yang diakui di berbagai perusahaan teknologi dan industri software di dunia.</p> <p>Hari programmer biasanya dirayakan dengan memberi ucapan selamat pada rekan-rekan programmer. Bahkan ada juga yang membuat event-event seru.</p> <div class="empty-ads h-fit mix-h-[90px] max-w-full" id='div-gpt-ad-multibanner1'></div> <script> googletag.cmd.push(function () { googletag.display('div-gpt-ad-multibanner1'); }); </script> <h2 id="kepan-hari-programmer">Kepan Hari Programmer?</h2><p>Jika kamu mencari di Google dengan kata kunci <strong>&ldquo;programmer day&rdquo;</strong>, maka Google akan langsung menjawabnya.</p>https://www.petanikode.com/text-editor-cli-linux/Sat, 10 Sep 2016 05:30:00 +0000https://www.petanikode.com/text-editor-cli-linux/<p> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://1.bp.blogspot.com/-wqjKR_ZJzDk/V9KPba9_F9I/AAAAAAAADQQ/7WWplXAvvH8IHpWS4VxHvOWNVyDvjF-ZgCK4B/s1600/800px-Vim-%2528logiciel%2529-console.png" target="_blank" rel="nofollow noopener noreferrer" > <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://1.bp.blogspot.com/-wqjKR_ZJzDk/V9KPba9_F9I/AAAAAAAADQQ/7WWplXAvvH8IHpWS4VxHvOWNVyDvjF-ZgCK4B/s1600/800px-Vim-%2528logiciel%2529-console.png' alt="" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://1.bp.blogspot.com/-wqjKR_ZJzDk/V9KPba9_F9I/AAAAAAAADQQ/7WWplXAvvH8IHpWS4VxHvOWNVyDvjF-ZgCK4B/s1600/800px-Vim-%2528logiciel%2529-console.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/bot-telegram-simsimi/Fri, 09 Sep 2016 14:16:00 +0000https://www.petanikode.com/bot-telegram-simsimi/<p>Simsimi bisa kita pinjam otaknya untuk mengendalikan bot Telegram. Sehingga bot bisa berbicara layaknya simsimi.</p> <p>Kita bisa mengakses kecerdasan Simsimi dengan API Key/Kunci API/Token.</p> <p>Ada dua kunci API/Token yang diberikan oleh simsimi:</p> <ol> <li>Kunci Trial (gratis)</li> <li>Kunci Berbayar</li> </ol> <p>Kunci <em>trial</em> hanya berlaku 7 hari dengan batasan 100 request/hari.</p> <p>Kalau melewati batas itu, Simsimi tidak mau merespon.</p> <p><del>Tapi tenang saja, ada triknya</del>. <em>(update: sudah tidak bisa)</em></p>https://www.petanikode.com/bot-telegram-hookio/Mon, 05 Sep 2016 05:00:00 +0000https://www.petanikode.com/bot-telegram-hookio/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/telegram/telegram-petanikode.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/telegram/telegram-petanikode.png' alt="Tutorial Membuat Bot Telegram" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/telegram/telegram-petanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/api-simsimi/Fri, 02 Sep 2016 14:25:00 +0000https://www.petanikode.com/api-simsimi/<p>Kali ini saya akan mengajak teman-teman bereksperimen dengan API Simsimi.</p> <p>Apa itu Simsimi?</p> <p>buat yang belum tau, silakan instal saja aplikasi Simsimi di smarphone-nya.</p> <p>Oke, mari kita mulai.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-rBmfBrehRwM/V8kRQFVKH1I/AAAAAAAADLU/yOYWb9XdTrIxf5AopZzpLJQdXJHNM3ZwQCK4B/s1600/simsimi-api%2BPetani%2BKode.jpg' alt="API Simsimi" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-rBmfBrehRwM/V8kRQFVKH1I/AAAAAAAADLU/yOYWb9XdTrIxf5AopZzpLJQdXJHNM3ZwQCK4B/s1600/simsimi-api%2BPetani%2BKode.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-json/Thu, 01 Sep 2016 13:28:00 +0000https://www.petanikode.com/python-json/<!-- Agreement --> <p>JSON kini sudah menjadi format yang sering dipakai dalam pertukaran data antar aplikasi.</p> <p>Biasanya, kita akan menemukannya pada <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/slim-api/" >REST API</a>.</p> <p>Buat kamu yang belum tahu apa itu JSON, saya sarankan untuk membaca:</p> <ul> <li> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/json-pemula/" >Pengenalan JSON untuk Pemula</a></li> </ul> <p>Pada tutorial ini, kita akan belajar cara mengolah data JSON di Python dengan library <code>json</code> dan juga nantinya kita akan mencoba mengambil data JSON dari Server API.</p>https://www.petanikode.com/jquery-data-tables/Sat, 27 Aug 2016 19:14:00 +0000https://www.petanikode.com/jquery-data-tables/<p> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://2.bp.blogspot.com/-XDBDRg6WpU4/V8Foghm8DMI/AAAAAAAADJo/lkE48jPiXLMMnmFX5mByqLnBl3UpObYCgCK4B/s1600/Data%2BTables%2B-%2BPetani%2BKode.jpg" target="_blank" rel="nofollow noopener noreferrer" > <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-XDBDRg6WpU4/V8Foghm8DMI/AAAAAAAADJo/lkE48jPiXLMMnmFX5mByqLnBl3UpObYCgCK4B/s1600/Data%2BTables%2B-%2BPetani%2BKode.jpg' alt="Menggunakan Plugin Data Tables" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-XDBDRg6WpU4/V8Foghm8DMI/AAAAAAAADJo/lkE48jPiXLMMnmFX5mByqLnBl3UpObYCgCK4B/s1600/Data%2BTables%2B-%2BPetani%2BKode.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/font-awesome/Sun, 21 Aug 2016 15:18:00 +0000https://www.petanikode.com/font-awesome/<!-- Load font-awesome for this post --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" /> <!-- Agreement --> <p>Dulu&hellip; saya sempat berpikir:</p> <p>Pembuatan web sepertinya susah, karena banyak komponen yang harus dibuat. Seperti <em>background</em> dan ikon.</p> <p>Bagi seorang desainer, mungkin tidak masalah membuat banyak gambar background dan ikon.</p> <p>Tapi, bagi programmer atau developer&hellip;ini sangat merepotkan.</p> <!-- Promise --> <p>Untunglah ada Font-awesome, yang merupakan framework CSS untuk membuat ikon.</p>https://www.petanikode.com/tinymce-web/Thu, 11 Aug 2016 23:12:00 +0000https://www.petanikode.com/tinymce-web/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://3.bp.blogspot.com/-XAy-W-FPBjE/V6yVPMlUFiI/AAAAAAAADIc/JldlRfv85lw3EAE3UM4iDOHYcMtAniAtQCK4B/s1600/TinyMCE%2Bpetanikode.png' alt="Cara Menggunakan TinyMCE" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://3.bp.blogspot.com/-XAy-W-FPBjE/V6yVPMlUFiI/AAAAAAAADIc/JldlRfv85lw3EAE3UM4iDOHYcMtAniAtQCK4B/s1600/TinyMCE%2Bpetanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/ebook-pemrograman/Mon, 08 Aug 2016 08:45:00 +0000https://www.petanikode.com/ebook-pemrograman/<p>Kamu sedang mencari buku atau ebook untuk belajar pemrograman?</p> <p>Tenang&hellip;</p> <p>Beberapa orang dari komunitas open source di Github telah mengumpulkan link-link-nya.</p> <p>Bukunya gratis atau berbayar?</p> <p>Tentu saja gratis dan legal.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-xP9z74nv84g/V6fUuInwXeI/AAAAAAAADHg/ctnofyClXXkfO5kgwoT_TRQ__www3ftbgCK4B/s1600/Buku%2BPemrograman%2Bdi%2BPerpustakaan%2BSTMIK%2BBumigora%2BMataram.jpg' alt="Buku Pemrograman di STMIK Bumigora Mataram" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-xP9z74nv84g/V6fUuInwXeI/AAAAAAAADHg/ctnofyClXXkfO5kgwoT_TRQ__www3ftbgCK4B/s1600/Buku%2BPemrograman%2Bdi%2BPerpustakaan%2BSTMIK%2BBumigora%2BMataram.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/jquery-form-select/Mon, 08 Aug 2016 04:29:00 +0000https://www.petanikode.com/jquery-form-select/<p>Pada sebuah kasus, kita menggunakan elemen <code>&lt;select&gt;</code> dan <code>&lt;option&gt;</code> sebagai input dalam form.</p> <p>Kita ingin:</p> <p>Setiap opsi yang terpilih akan memberikan data yang berbeda-beda.</p> <p>Misalnya kita punya form seperti ini ini:</p> <div class="not-prose rounded-lg overflow-auto dark:outline dark:outline-1 dark:outline-slate-600"> <div class="codeblock--content"><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:2;-o-tab-size:2;tab-size:2;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#ff79c6">form</span>&gt; </span></span><span style="display:flex;"><span> &lt;<span style="color:#ff79c6">select</span> <span style="color:#50fa7b">name</span><span style="color:#ff79c6">=</span><span style="color:#f1fa8c">&#34;package&#34;</span> <span style="color:#50fa7b">id</span><span style="color:#ff79c6">=</span><span style="color:#f1fa8c">&#34;package&#34;</span>&gt; </span></span><span style="display:flex;"><span> &lt;<span style="color:#ff79c6">option</span>&gt;Paket 1&lt;/<span style="color:#ff79c6">option</span>&gt; </span></span><span style="display:flex;"><span> &lt;<span style="color:#ff79c6">option</span>&gt;Paket 2&lt;/<span style="color:#ff79c6">option</span>&gt; </span></span><span style="display:flex;"><span> &lt;<span style="color:#ff79c6">option</span>&gt;Paket 3&lt;/<span style="color:#ff79c6">option</span>&gt; </span></span><span style="display:flex;"><span> &lt;/<span style="color:#ff79c6">select</span>&gt; </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> &lt;<span style="color:#ff79c6">h4</span>&gt;Anda memilih: &lt;<span style="color:#ff79c6">span</span> <span style="color:#50fa7b">id</span><span style="color:#ff79c6">=</span><span style="color:#f1fa8c">&#34;selected&#34;</span>&gt;&lt;/<span style="color:#ff79c6">span</span>&gt;&lt;/<span style="color:#ff79c6">h4</span>&gt; </span></span><span style="display:flex;"><span>&lt;/<span style="color:#ff79c6">form</span>&gt;</span></span></code></prhttps://www.petanikode.com/html-validator/Sun, 07 Aug 2016 20:44:00 +0000https://www.petanikode.com/html-validator/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/html.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/html.png' alt="HTMl 5 Validator Tutorial" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/html.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/mysql-auto-increment/Sun, 07 Aug 2016 11:04:00 +0000https://www.petanikode.com/mysql-auto-increment/<p><a href="https://2.bp.blogspot.com/-jhcrTo_AfBE/V6YTwM3lJhI/AAAAAAAADHA/7jKkq14ZlX8zJXyCqQLRZNt6qmTiGV5gQCK4B/s1600/Big-Data-MySQL-Petani Kode.jpg" imageanchor="1"><img alt="Big Data - MYSQL - Petani Kode" border="0" src="https://2.bp.blogspot.com/-jhcrTo_AfBE/V6YTwM3lJhI/AAAAAAAADHA/7jKkq14ZlX8zJXyCqQLRZNt6qmTiGV5gQCK4B/s1600/Big-Data-MySQL-Petani Kode.jpg" title="" /></a></p> <div class="alert alert-warning">Ini artikel lama, belum di-update. Isinya mungkin tidak relevan dengan kondisi sekarang</div> <p>AUTO_INCREMENT sangat sering saya gunakan dalam mengerjakan proyek. AUTO_INCREMENT membuat Kita tidak perlu mengisi field secara manual maupun dengan generator dalam kode. Tapi, &hellip; apakah ini aman? Apakah tidak masalah bila nanti datanya banyak? Berapa banyak sih data yang mampu ditampung bila menggunakan AUTO_INCREMENT? Mari kita sedikit pikirkan masalah <i>Big Data</i>.<br /><h2>Batas AUTO_INCREMENT</h2>Ternyata AUTO_INCREMENT memiliki batas. Apabila sudah melampaui batas, mungkin sistemnya akan macat. Jadi hati-hati menggunakannya. Berdasarkan jawaban yang saya dapatkan di <a href="http://stackoverflow.com/a/11264482" target="_blank">Stack Overflow</a>, berikut ini batasan-batasan AUTO_INCREMENT berdasarkan tipe datanya.<br /><pre><code class="sql">TINYINT            - 127<br />UNSIGNED TINYINT   - 255<br />SMALLINT           - 32767<br />UNSIGNED SMALLINT  - 65535<br />MEDIUMINT          - 8388607<br />UNSIGNED MEDIUMINT - 16777215<br />INT                - 2147483647<br />UNSIGNED INT       - 4294967295<br />BIGINT             - 9223372036854775807<br />UNSIGNED BIGINT    - 18446744073709551615</code></prhttps://www.petanikode.com/python-pomodoro/Sat, 06 Aug 2016 18:31:00 +0000https://www.petanikode.com/python-pomodoro/<p>Waktu hitung mundur (<em>countdown timer</em>) sering kita temukan pada kehidupan sehari-hari.</p> <p>Biasanya kita gunakan untuk menghitung mundur sesuatu yang penting, seperti: deadline, detik pergantian tahun, timer saat memasak, pomodoro, dll.</p> <p>Nah, pada tutorial ini.. Kita akan belajar membuat program timer dengan Python dengan studi kasus Pomodoro Timer.</p> <p>Sebenarnya tidak hanya bisa dipakai untuk Pomodoro saja sih, program ini juga nanti akan bisa digunakan untuk timer yang lainnya.</p>https://www.petanikode.com/java-swing-jendela-di-tengah-layar/Fri, 29 Jul 2016 23:03:00 +0000https://www.petanikode.com/java-swing-jendela-di-tengah-layar/<div class="empty-ads h-fit mix-h-[90px] max-w-full" id='div-gpt-ad-multibanner1'></div> <script> googletag.cmd.push(function () { googletag.display('div-gpt-ad-multibanner1'); }); </script> <p>Saat kita membuat program GUI dengan Swing, jendelanya sering tampil pada pojok kiri atas atau pada titik (<code>0</code>,<code>0</code>).</p> <p>Bagaimana caranya agar jendela selalu tampil di tengah-tengah layar?</p> <p>Apakah kita harus mengatur manual posisi titiknya?</p> <p>Ya perlu, untuk lebih jelasnya mari kita bahas&hellip;</p> <h2 id="class-class-yang-dibutuhkan">Class-class yang dibutuhkan</h2><p>Ada dua class yang kita butuhkan untuk membuat jendela JFrame tampil di tengah-tengah.</p>https://www.petanikode.com/php-generator-id/Tue, 26 Jul 2016 04:00:00 +0000https://www.petanikode.com/php-generator-id/<p><a href="http://2.bp.blogspot.com/-2IG-jFUmMEo/VvYL3XC817I/AAAAAAAACkA/RvgROBUYFpYXXZ4tSwUMNm1tIjpvZOeoQ/s1600/Pemrograman%2BPHP%2BPetani%2BKode.png" imageanchor="1"><img border="0" src="https://2.bp.blogspot.com/-2IG-jFUmMEo/VvYL3XC817I/AAAAAAAACkA/RvgROBUYFpYXXZ4tSwUMNm1tIjpvZOeoQ/s1600/Pemrograman%2BPHP%2BPetani%2BKode.png" /></a>Dalam sebuah tabel di database, seringkali kita membuat kolom bernama <i>id</i> sebagai <i>primary key</i>. Kadang kolom tersebut kita berikan fungsi <i>auto increment</i> agar otomatis terisi dengan angka. Namun, kali ini kita coba menggunakan karakter yang di-generate dari nilai waktu per milidetik.<br /><h2>1. Mengambil Niali Unik dari Fungsi Waktu</h2>Kita dapat menggunakan fungsi <code>microtime()</code> atau fungsi <code>time()</code> untuk mendapatkan nilai unik. Nilai ini, senantiasa akan berubah terus, seiring dengan perubahan waktu.<br /><a href="http://2.bp.blogspot.com/-ubClV7hDPm4/V5YdDqUnzlI/AAAAAAAADFA/gXW70RE2lVUtkQkfBE9N-GUsNePX-ViFwCK4B/s1600/Fungsi%2Bmicrotime%2Bphp.png" imageanchor="1"><img border="0" src="https://2.bp.blogspot.com/-ubClV7hDPm4/V5YdDqUnzlI/AAAAAAAADFA/gXW70RE2lVUtkQkfBE9N-GUsNePX-ViFwCK4B/s1600/Fungsi%2Bmicrotime%2Bphp.png" /></a><br />Dari percobaan di atas, fungsi <code>microtime()</code> mengembalikan nilai unik setiap kali dipanggil. Sementara itu, fungsi <code>time()</code> akan mengembalikan nilai unik setiap detik.<br /><a href="http://4.bp.blogspot.com/-dXT_-41NNR8/V5YdvmbBeoI/AAAAAAAADFI/YHLS6g10orIrB_1sz_oxBt7ATHJskq53gCK4B/s1600/fungsi%2Btime%2Bdi%2Bphp.png" imageanchor="1"><img border="0" src="https://4.bp.blogspot.com/-dXT_-41NNR8/V5YdvmbBeoI/AAAAAAAADFI/YHLS6g10orIrB_1sz_oxBt7ATHJskq53gCK4B/s1600/fungsi%2Btime%2Bdi%2Bphp.png" /></a><br />Saya sarankan menggunakan fungsi <code>microtime()</code>, karena fungsi ini mengembalikan nilai unik per milidetik.<br /><h2>2. Konversi Nilai Unik</h2>Sebenarnya, kita bisa saja menggunakan nilai kembalian dari <code>microtime()</code> dan <code>time()</code> untuk membuat <i>id</i> unik. Tapi, karena kita ingin membuat <i>id</i> seperti YouTube, maka kita harus lakukan konversi ke dalam bentuk lain. Kita bisa menggunakan fungsi <code>base_convert()</code> untuk membuatnya.<a href="http://4.bp.blogspot.com/-G_veE3liy8M/V5Yfgmblb_I/AAAAAAAADFY/sxYkIQAnfhouz0NLAI8lkspUWkL-UXSlgCK4B/s1600/Konversi%2Bbasis%2Bnilai%2Bunik.png" imageanchor="1"><img border="0" src="https://4.bp.blogspot.com/-G_veE3liy8M/V5Yfgmblb_I/AAAAAAAADFY/sxYkIQAnfhouz0NLAI8lkspUWkL-UXSlgCK4B/s1600/Konversi%2Bbasis%2Bnilai%2Bunik.png" /></a><br />Fungsi<code> base_convert()</code> Sebenarnya untuk mengubah basis dari sebuah nilai. Pada contoh di atas, parameter angka <code>10</code> merupakan panjang nilai yang dihasilkan. Sedangkan angka <code>36</code> adalah basisnya.<br /><br />Contoh lain, panjang <code>8</code> dengan basis <code>16</code> (bilangan heksadesimal):<br /><a href="http://4.bp.blogspot.com/-j7Nw2jOzi14/V5YhNv6dPAI/AAAAAAAADFk/lhhAMuGfnYkR2Kah5Pmr2XAu1tfWRZ6wACK4B/s1600/Konversi%2Bbasis%2Bke%2Bbilangan%2Bheksadesimal.png" imageanchor="1"><img border="0" src="https://4.bp.blogspot.com/-j7Nw2jOzi14/V5YhNv6dPAI/AAAAAAAADFk/lhhAMuGfnYkR2Kah5Pmr2XAu1tfWRZ6wACK4B/s1600/Konversi%2Bbasis%2Bke%2Bbilangan%2Bheksadesimal.png" /></a><br /><h2>3. Kode Generator</h2>Kita sudah dapat apa yang kita inginkan, sekarang kita buat kode generatornya. Pada generator ini kita gunakan basis <code>36</code> dengan panjang <code>10</code>.<br /><pre><code class="php">&lt;?php<br />$id = base_convert(microtime(false), 10, 36);<br />?&gt;</code></prhttps://www.petanikode.com/c-linux/Thu, 21 Jul 2016 12:11:00 +0000https://www.petanikode.com/c-linux/<p>Pada tutorial sebelumnya, kita sudah membahas <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/c-untuk-pemula/" >pengenalan bahasa pemrograman C</a>.</p> <p>Berikutnya kita akan membahas tentang peralatan apa saja yang harus dipersiapkan untuk belajar pemrograman C di Linux.</p> <!-- Oh iya, untuk kamu yang menggunakan Windows, silakan ikuti yang ini: [Persiapan Pemrograman C di Windows] --> <p>Baiklah mari kita mulai&hellip;</p> <h2 id="apa-saja-yang-harus-dipersiapkan-untuk-belajar-c-di-linux">Apa saja yang harus dipersiapkan untuk belajar C di Linux?</h2><p>Pada dasarnya kita hanya membutuhkan dua alat saja, yaitu: teks editor dan <em>compiler</em>.</p>https://www.petanikode.com/bootstrap-navbar/Wed, 20 Jul 2016 07:52:00 +0000https://www.petanikode.com/bootstrap-navbar/<p>Ada dua jenis warna pilihan navbar yang ditawarkan Bootstrap: Warna putih (<code>navbar-default</code>) dan warna hitam (<code>navbar-inverse</code>).</p> <p>Selain dari dua warna tersebut, kita harus memodifikasinya sendiri.</p> <p>Pada kesempatan ini, saya akan berbagi cara cepat memodifikasi navbar Bootstrap dengan cepat.</p> <h2 id="1-menggunakan-generator">1. Menggunakan Generator</h2><p>Ada sebuah generator canggih yang dibuat oleh <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://smarchal.com/" target="_blank" rel="nofollow noopener noreferrer" >Samuel Marchal<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a>.</p>https://www.petanikode.com/google-map-center/Sun, 17 Jul 2016 19:01:00 +0000https://www.petanikode.com/google-map-center/<p>Saat membuat Google Maps pada Modal di template Admin LTE, ada masalah yang membuat saya bingung.</p> <p>Posisi titik tengah Google maps selalu berada di pojok kiri atas. Meskipun saya sudah set titik tengahnya pada trigger event <code>resize</code>, namun tetap saja posisinya berada di pojok kiri atas.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='http://3.bp.blogspot.com/-GaKzQ0vn74w/V4tcFbrY6ZI/AAAAAAAADCc/qebSxRzUKbQaBD058qIvpKosnZ6xylnRgCK4B/s1600/Posisi%2BTitik%2BTengah%2Byang%2Bsalah.png' alt="Posisi titik tengah google maps di pojok" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'http://3.bp.blogspot.com/-GaKzQ0vn74w/V4tcFbrY6ZI/AAAAAAAADCc/qebSxRzUKbQaBD058qIvpKosnZ6xylnRgCK4B/s1600/Posisi%2BTitik%2BTengah%2Byang%2Bsalah.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-important/Sun, 10 Jul 2016 21:08:00 +0000https://www.petanikode.com/css-important/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/css/important/css-important.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/css/important/css-important.png' alt="CSS Important" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/css/important/css-important.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/bot-telegram-tanpa-coding/Fri, 08 Jul 2016 14:09:00 +0000https://www.petanikode.com/bot-telegram-tanpa-coding/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/telegram/telegram-petanikode.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/telegram/telegram-petanikode.png' alt="Membuat Bot Telegram" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/telegram/telegram-petanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/bitbucket-ssh/Sun, 03 Jul 2016 15:30:00 +0000https://www.petanikode.com/bitbucket-ssh/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/bitbucket-ssh/bitbucket-ssh.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/bitbucket-ssh/bitbucket-ssh.png' alt="Setup SSH Key Bitbucket" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/bitbucket-ssh/bitbucket-ssh.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-atribut-min-max/Sun, 03 Jul 2016 15:00:00 +0000https://www.petanikode.com/html-atribut-min-max/<!-- Update artikel ini menjadi "Form validation di HTML" cek referensi: https://developers.google.com/web/fundamentals/design-and-ux/input/forms#choose-the-best-input-type --> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/html.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/html.png' alt="Tutorial HTML untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/html.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/google-map-modal/Sat, 02 Jul 2016 05:34:00 +0000https://www.petanikode.com/google-map-modal/<p><a href="http://1.bp.blogspot.com/-4h4KbDn4jx8/V2yQN--7ekI/AAAAAAAAC30/9nOk82OyNDoXhcWmMpG-jqkZyDPOixwEQCK4B/s1600/Tutorial%2BGoogle%2BMaps%2BAPI%2B-%2BPetani%2BKode.png" imageanchor="1"><img border="0" src="https://1.bp.blogspot.com/-4h4KbDn4jx8/V2yQN--7ekI/AAAAAAAAC30/9nOk82OyNDoXhcWmMpG-jqkZyDPOixwEQCK4B/s1600/Tutorial%2BGoogle%2BMaps%2BAPI%2B-%2BPetani%2BKode.png" /></a>Ketika saya menggunakan modal untuk menampilkan peta (Google Maps), petanya tidak mau tampil. Entah mengapa? setelah ukuran layarnya di-resize, petanya bisa tampil. Mungkin karena <i>div</i> di dalam <i>modal</i> bersifat dinamis atau responsif.<br /><a href="http://4.bp.blogspot.com/-NlWODsxclOY/V3DZfEGN23I/AAAAAAAAC4E/pA6aTwOWRe0-NrQ3BVKbMPmkWEUtSoUyACK4B/s1600/Peta%2BGoogle%2BPada%2BModal%2BBootstrap%2BAdmin%2BLTE%2B-%2Bpetanikode.png" imageanchor="1"><img border="0" src="https://4.bp.blogspot.com/-NlWODsxclOY/V3DZfEGN23I/AAAAAAAAC4E/pA6aTwOWRe0-NrQ3BVKbMPmkWEUtSoUyACK4B/s1600/Peta%2BGoogle%2BPada%2BModal%2BBootstrap%2BAdmin%2BLTE%2B-%2Bpetanikode.png" /></a><br />Peta kosong, hanya ada warna abu-abu. Solusi dari masalah ini saya temukan di Stackoverflow. <a href="http://stackoverflow.com/users/1416944/marcok" target="_blank">MarcoK</a> memberikan penjelasan jawaban atas masalah ini.<br /><br />Google Maps memang akan menampilkan area abu-abu <i>(grey)</i> kalau ditempatkan di elemen dinamis. Oleh karena itu, kita perlu memanggil fungsi <i>&ldquo;resize&rdquo;</i> ketika animasi modal sudah selesai.<br /><br />Bootstrap 3: <br /><pre><code class="js">$(&quot;#modal-peta&quot;).on(&ldquo;shown.bs.modal&rdquo;, function () {<br />      google.maps.event.trigger(peta, &ldquo;resize&rdquo;);<br />});</code></prhttps://www.petanikode.com/google-map-infowindow/Mon, 27 Jun 2016 02:00:00 +0000https://www.petanikode.com/google-map-infowindow/<p><em>Info Window</em> adalah objek yang digunakan untuk menampilkan informasi pada suatu titik koordinat tertentu. Biasanya digunakan bersamaan dengan <em>marker</em>.</p> <p>Contoh Info Window:</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/google-maps/infowindow/contoh-infowindow.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/google-maps/infowindow/contoh-infowindow.png' alt="Contoh Info Window" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/google-maps/infowindow/contoh-infowindow.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/google-map-marker/Sun, 26 Jun 2016 06:58:00 +0000https://www.petanikode.com/google-map-marker/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/google-maps/google-maps.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/google-maps/google-maps.png' alt="Belajar Google Maps API" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/google-maps/google-maps.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/google-map-dasar/Fri, 24 Jun 2016 09:37:00 +0000https://www.petanikode.com/google-map-dasar/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/google-maps/google-maps.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/google-maps/google-maps.png' alt="Belajar Google Maps API" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/google-maps/google-maps.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-badge/Wed, 22 Jun 2016 23:33:00 +0000https://www.petanikode.com/css-badge/<p><a href="https://3.bp.blogspot.com/-xWbsbNaJRHY/V2qqK3fPAvI/AAAAAAAAC3Y/zqm7o77ileEb0rVpvOXOWeKWSbbYmzsbACK4B/s1600/badge-notifikasi-css-petanikode.png" imageanchor="1"><img border="0" src="https://3.bp.blogspot.com/-xWbsbNaJRHY/V2qqK3fPAvI/AAAAAAAAC3Y/zqm7o77ileEb0rVpvOXOWeKWSbbYmzsbACK4B/s1600/badge-notifikasi-css-petanikode.png" /></a>Badge notifikasi sering kali kita temukan dalam website maupun aplikasi. Terkadang badge tersebut menggoda kita untuk mengelik link atau tombol notifikasi. Itulah fungsinya, agar user tau, di sana ada sesuatu yang baru. Badge biasanya dilengkapi dengan angka penghitung.<br /><br />Framework antarmuka semacam Bootstrap sudah menyediakan <i>class</i> sendiri untuk pembuatan badge. Namun, karena badge yang dihasilkan tidak sesuai seperti harapan, maka kita harus membuatnya sendiri.<br /><h2>Kode CSS</h2><pre><code class="css">.badge-notif {<br />        position:relative;<br />}<br /><br />.badge-notif[data-badge]:after {<br />        content:attr(data-badge);<br />        position:absolute;<br />        top:-10px;<br />        right:-10px;<br />        font-size:.7em;<br />        background:#e53935;<br />        color:white;<br />        width:18px;<br />    height:18px;<br />        text-align:center;<br />        line-height:18px;<br />        border-radius: 50%;<br />}</code></prhttps://www.petanikode.com/python-dalam-sebulan/Mon, 06 Jun 2016 06:13:00 +0000https://www.petanikode.com/python-dalam-sebulan/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://1.bp.blogspot.com/-zi3AR1fZW-I/V1ShAJZDnDI/AAAAAAAAC2w/EeBb6kvMH14nqT3N0YclAjKAWdW8AZzogCLcB/s1600/sahur%2Bkode%2B-%2Bpetanikode.png' alt="Sahur Kode Petani Kode" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://1.bp.blogspot.com/-zi3AR1fZW-I/V1ShAJZDnDI/AAAAAAAAC2w/EeBb6kvMH14nqT3N0YclAjKAWdW8AZzogCLcB/s1600/sahur%2Bkode%2B-%2Bpetanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/fungsi-rekursif/Wed, 01 Jun 2016 21:13:00 +0000https://www.petanikode.com/fungsi-rekursif/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/fungsi-rekursif/recursive.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/fungsi-rekursif/recursive.jpg' alt="recursive" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/fungsi-rekursif/recursive.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/codeigniter-login/Mon, 30 May 2016 11:30:00 +0000https://www.petanikode.com/codeigniter-login/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/codeigniter.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/codeigniter.png' alt="Tutorial Membuat Login di Codeigniter" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/codeigniter.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/mathjax-html/Mon, 16 May 2016 16:34:00 +0000https://www.petanikode.com/mathjax-html/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/mathjax.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/mathjax.png' alt="Tutorial menggunakan Mathjax di HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/mathjax.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-akar-kuadrad-dan-kubik/Sun, 15 May 2016 11:42:00 +0000https://www.petanikode.com/java-akar-kuadrad-dan-kubik/<p> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://2.bp.blogspot.com/-P_5MSHpv9zA/VyKK4CjK9ZI/AAAAAAAACxk/Ptclg7VEuNQija-Acz8opEyp71ejcFQcwCLcB/s1600/Matematika%2BJava%2B-%2BPetani%2BKode.png" target="_blank" rel="nofollow noopener noreferrer" > <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-P_5MSHpv9zA/VyKK4CjK9ZI/AAAAAAAACxk/Ptclg7VEuNQija-Acz8opEyp71ejcFQcwCLcB/s1600/Matematika%2BJava%2B-%2BPetani%2BKode.png' alt="" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-P_5MSHpv9zA/VyKK4CjK9ZI/AAAAAAAACxk/Ptclg7VEuNQija-Acz8opEyp71ejcFQcwCLcB/s1600/Matematika%2BJava%2B-%2BPetani%2BKode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-desimal-biner/Sat, 30 Apr 2016 16:00:00 +0000https://www.petanikode.com/java-desimal-biner/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-P_5MSHpv9zA/VyKK4CjK9ZI/AAAAAAAACxk/Ptclg7VEuNQija-Acz8opEyp71ejcFQcwCLcB/s1600/Matematika%2BJava%2B-%2BPetani%2BKode.png' alt="Konversi bilangan desimal ke biner dengan Java" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-P_5MSHpv9zA/VyKK4CjK9ZI/AAAAAAAACxk/Ptclg7VEuNQija-Acz8opEyp71ejcFQcwCLcB/s1600/Matematika%2BJava%2B-%2BPetani%2BKode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-operator-xor/Fri, 29 Apr 2016 06:25:00 +0000https://www.petanikode.com/java-operator-xor/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-P_5MSHpv9zA/VyKK4CjK9ZI/AAAAAAAACxk/Ptclg7VEuNQija-Acz8opEyp71ejcFQcwCLcB/s1600/Matematika%2BJava%2B-%2BPetani%2BKode.png' alt="Matematika di Java" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-P_5MSHpv9zA/VyKK4CjK9ZI/AAAAAAAACxk/Ptclg7VEuNQija-Acz8opEyp71ejcFQcwCLcB/s1600/Matematika%2BJava%2B-%2BPetani%2BKode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/android-linux-eclipse/Thu, 28 Apr 2016 06:54:00 +0000https://www.petanikode.com/android-linux-eclipse/<p> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://4.bp.blogspot.com/-whVGzAqrug0/VyE_fQ3y3pI/AAAAAAAACxY/XkZcdOHA2ZQymp-yJ90WzBSaR4CAkV0IgCLcB/s1600/Pemrograman%2BAndroid%2BEclipse%2BPetani%2BKode.png" target="_blank" rel="nofollow noopener noreferrer" > <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://4.bp.blogspot.com/-whVGzAqrug0/VyE_fQ3y3pI/AAAAAAAACxY/XkZcdOHA2ZQymp-yJ90WzBSaR4CAkV0IgCLcB/s1600/Pemrograman%2BAndroid%2BEclipse%2BPetani%2BKode.png' alt="" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://4.bp.blogspot.com/-whVGzAqrug0/VyE_fQ3y3pI/AAAAAAAACxY/XkZcdOHA2ZQymp-yJ90WzBSaR4CAkV0IgCLcB/s1600/Pemrograman%2BAndroid%2BEclipse%2BPetani%2BKode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/phpmyadmin-mbstring/Tue, 26 Apr 2016 15:02:00 +0000https://www.petanikode.com/phpmyadmin-mbstring/<p><br /><a href="http://4.bp.blogspot.com/-0iFBzAJkiyk/Vx8UfFI-gEI/AAAAAAAACxM/R4q3xD4xj1sXrGpeD3HYMwcu31gG1zRfgCK4B/s1600/phpMyAdmin%2B-%2BPetani%2BKode.png" imageanchor="1"><img border="0" src="https://4.bp.blogspot.com/-0iFBzAJkiyk/Vx8UfFI-gEI/AAAAAAAACxM/R4q3xD4xj1sXrGpeD3HYMwcu31gG1zRfgCK4B/s1600/phpMyAdmin%2B-%2BPetani%2BKode.png" /></a>Masih segar, Ubuntu saya baru saja ditingkatkan <i>(upgrade)</i> ke versi 16.04. Secara otomatis semua versi software-nya juga ditingkatkan. Tapi, peningkatan versi tidak selalu menjadi lebih baik. Kadang mendapat <i>bugs</i> dan masalah baru. Seperti phpMyAdmin, terjadi <i>error</i> karena menggunakan PHP 7. Pada versi sebelumnya menggunakan PHP 5.<br /><a href="http://3.bp.blogspot.com/-hCm0pO2WGNE/Vx8MYUuMqLI/AAAAAAAACww/ru4HEoVvEYgYMzi04n5rARbpXh5_81A2ACK4B/s1600/Pesan%2BError%2BphpMyAdmin%2B-%2Bmbstring%2Bextension%2Bis%2Bmissing.png" imageanchor="1"><img border="0" src="https://3.bp.blogspot.com/-hCm0pO2WGNE/Vx8MYUuMqLI/AAAAAAAACww/ru4HEoVvEYgYMzi04n5rARbpXh5_81A2ACK4B/s1600/Pesan%2BError%2BphpMyAdmin%2B-%2Bmbstring%2Bextension%2Bis%2Bmissing.png" /></a><br />Berdasarkan pesan error tersebut, kesalahnya ada pada konfigurasi PHP. Atur konfigurasi agar dapat me-load ekstensi.<br /><ol><li>buka file <code>/etc/php5/apache2/php.ini</code> atau <code>/etc/php/7.0/apache2/php.ini</code></li><li>Tambahkan<br /><pre><code>extension_dir = /usr/lib/php/20151012/</code></prhttps://www.petanikode.com/mysql-dependensi/Sun, 24 Apr 2016 17:49:00 +0000https://www.petanikode.com/mysql-dependensi/<p><a href="https://1.bp.blogspot.com/-UZz6uobxiZE/VxyWBdU9HxI/AAAAAAAACwc/xC-LHlNtHZoXkxnr1nYNhCAtK1vE4O4fwCLcB/s1600/MySQL%2BPetani%2BKode.png" imageanchor="1"><img border="0" src="https://1.bp.blogspot.com/-UZz6uobxiZE/VxyWBdU9HxI/AAAAAAAACwc/xC-LHlNtHZoXkxnr1nYNhCAtK1vE4O4fwCLcB/s1600/MySQL%2BPetani%2BKode.png" /></a></p> <div class="alert alert-warning">Ini artikel lama, belum di-update. Isinya mungkin tidak relevan dengan kondisi sekarang</div> <p>Gara-gara upgrade versi server MySQL tadi malam, server-nya malah error. Awalnya saya menggunakan MySQL versi 5.5, kemudian ditingkatkan <i>(upgrade)</i> ke versi 5.6.<br /><pre><code class="bash">$ <b>mysql -u root -p</b> <br />ERROR 2002 (HY000): Can&rsquo;t connect to local MySQL server through socket &lsquo;/var/run/mysqld/mysqld.sock&rsquo; (2)</code></pre>Kemudian saya mencoba menghapus mysql-server dan meninginstal lagi (instal ulang). <br /><pre>sudo apt-get remove mysql-server<br />sudo apt-get install mysql-server</prhttps://www.petanikode.com/java-prosedur-dan-fungsi/Fri, 22 Apr 2016 20:31:00 +0000https://www.petanikode.com/java-prosedur-dan-fungsi/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Belajar Pemrograman Java untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-array/Thu, 21 Apr 2016 22:34:00 +0000https://www.petanikode.com/java-array/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-mLQEXOE1N5A/WPMIXz2iqnI/AAAAAAAAEwE/aKOI7Cgx9aoFhSvFDyMSOFSYYjMYplcoACPcB/s1600/array-dalam-pemrograman.png' alt="Cara menggunakan array pada Java" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-mLQEXOE1N5A/WPMIXz2iqnI/AAAAAAAAEwE/aKOI7Cgx9aoFhSvFDyMSOFSYYjMYplcoACPcB/s1600/array-dalam-pemrograman.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cordova/Tue, 19 Apr 2016 22:29:00 +0000https://www.petanikode.com/cordova/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cordova/cordova.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cordova/cordova.png' alt="Cara membuat aplikasi Android dengan Cordova" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cordova/cordova.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-swing-jframe/Sun, 17 Apr 2016 22:39:00 +0000https://www.petanikode.com/java-swing-jframe/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/swing/java-swing.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/swing/java-swing.png' alt="Belajar Java Swing" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/swing/java-swing.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/android-konektivitas-internet/Sat, 16 Apr 2016 00:51:00 +0000https://www.petanikode.com/android-konektivitas-internet/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://3.bp.blogspot.com/-aPbjsuowhUc/Vw80y0nuMDI/AAAAAAAACrk/flIQQTJJrLscPV9dL9NtVqU9QpG2TNqrgCLcB/s1600/Pemrograman%2BAndroid%2Bdi%2BLinux%2BMenggunakan%2BAndroid%2BStudio.png' alt="tutorial Pemrograman android" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://3.bp.blogspot.com/-aPbjsuowhUc/Vw80y0nuMDI/AAAAAAAACrk/flIQQTJJrLscPV9dL9NtVqU9QpG2TNqrgCLcB/s1600/Pemrograman%2BAndroid%2Bdi%2BLinux%2BMenggunakan%2BAndroid%2BStudio.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-alternatif-symbolic-link/Wed, 06 Apr 2016 22:50:00 +0000https://www.petanikode.com/java-alternatif-symbolic-link/<p>Ketika saya bermain-main dengan perintah <code>update-alternative</code> untuk menambahkan <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/cara-mengatasi-jdk-yang-lebih-dari-satu-di-linux/" >pilihan alternatif java</a>, malah terjadi error.</p> <p>Hal ini disebabkan karena saya salah memasukkan <em>symbolic link</em> ketika menambahkan pilihan alternatif.</p> <p>Berikut ini perintah salah yang menyebabkan masalah:</p> <pre><code>sudo update-alternative --install <span style="color: red;">/etc/alternatives/java</span> java /opt/jdk1.8.0_77/bin/java</code></pre> <p>Perhatikan teks yang berwarna merah. Teks tersebut merupakan <em>symbolic link</em> yang berlokasi di <code>/etc/alternatives</code>.</p>https://www.petanikode.com/java-jdk-linux/Tue, 05 Apr 2016 22:49:00 +0000https://www.petanikode.com/java-jdk-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/jdk.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/jdk.png' alt="Install JDK lebih dari Satu di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/jdk.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/android-sdk/Sun, 03 Apr 2016 17:13:00 +0000https://www.petanikode.com/android-sdk/<!-- TODO: update this post menjadi "Android SDK dan NDK, Ini Penjelasannya sampai kamu paham! --> <p> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://2.bp.blogspot.com/-ZtcFanDti8k/VwDdwRqGUII/AAAAAAAACn4/T3KPPklw-Iclxhl4YJdyV5psoudEgE58Q/s1600/instal%2BAndroid%2BSDK%2Bdan%2BAnroid%2BNDK%2Bdi%2BLinux%2B-%2BPetani%2BKode.png" target="_blank" rel="nofollow noopener noreferrer" > <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-ZtcFanDti8k/VwDdwRqGUII/AAAAAAAACn4/T3KPPklw-Iclxhl4YJdyV5psoudEgE58Q/s1600/instal%2BAndroid%2BSDK%2Bdan%2BAnroid%2BNDK%2Bdi%2BLinux%2B-%2BPetani%2BKode.png' alt="Cara Install Android SDK dan NDK di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-ZtcFanDti8k/VwDdwRqGUII/AAAAAAAACn4/T3KPPklw-Iclxhl4YJdyV5psoudEgE58Q/s1600/instal%2BAndroid%2BSDK%2Bdan%2BAnroid%2BNDK%2Bdi%2BLinux%2B-%2BPetani%2BKode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/kode-crud-dalam-satu-file-php/Thu, 31 Mar 2016 18:21:00 +0000https://www.petanikode.com/kode-crud-dalam-satu-file-php/<p>Pernah mebayangkan, tidak?</p> <p>Membuat CRUD <em>(Create, Read, Update, Delete)</em> dalam satu file PHP.</p> <p>Biasanya, <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/tutorial-php-mysql/" >membuat aplikasi CRUD</a> dilakukan dengan membuat file terpisah. Masing-masing file mewakili CRUD.</p> <p>Misalkan file <em>create.php</em> untuk menambahkan data, <em>read.php</em> untuk menampikan data, <em>update.php</em> untuk mengubah data, dan <em>delete.php</em> untuk menghapus data.</p> <p>Bagaimana kalau, semuanya digabungkan ke dalam satu file PHP?</p> <p>Pada kesempatan ini, saya ingin membagikan sebuah kode CRUD yang ditulis dalam satu file PHP. Kode ini, saya buat dengan koneksi database menggunakan API <em>mysqli</em>.</p>https://www.petanikode.com/php-pesan-error/Sat, 26 Mar 2016 12:15:00 +0000https://www.petanikode.com/php-pesan-error/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Menampilkan pesan error PHP untuk debugging program" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-args/Sat, 19 Mar 2016 22:04:00 +0000https://www.petanikode.com/java-args/<!-- Agreement --> <p>Saat awal-awal belajar Java, kita sering menuliskan <code>String[] args</code> pada fungsi <code>main()</code>.</p> <div class="not-prose rounded-lg overflow-auto dark:outline dark:outline-1 dark:outline-slate-600"> <div class="codeblock--content"><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:2;-o-tab-size:2;tab-size:2;"><code class="language-java" data-lang="java"><span style="display:flex;"><span><span style="color:#8be9fd;font-style:italic">class</span> <span style="color:#50fa7b">Program</span> { </span></span><span style="display:flex;"><span> <span style="color:#8be9fd;font-style:italic">public</span> <span style="color:#8be9fd;font-style:italic">static</span> <span style="color:#8be9fd">void</span> <span style="color:#50fa7b">main</span>(String<span style="color:#ff79c6">[]</span> args){ </span></span><span style="display:flex;"><span> <span style="color:#6272a4">//...</span> </span></span><span style="display:flex;"><span> } </span></span><span style="display:flex;"><span>}</span></span></code></prhttps://www.petanikode.com/mysql-datetime/Mon, 07 Mar 2016 17:12:00 +0000https://www.petanikode.com/mysql-datetime/<!-- @TODO: Tulis ulang artikel ini --> <div class="alert alert-warning">Ini artikel lama, belum di-update. Isinya mungkin tidak relevan dengan kondisi sekarang</div> <p>Beberapa hari yang lalu, saya melakukan downgrade sistem operasi, dari versi <code>15.10</code> ke <code>14.04</code>. Secara otomatis, versi server MySQL-nya juga ikut di-downgrade, dari versi <code>5.6.27</code> ke versi <code>5.5.47</code>. Pada versi yang lebih lama (<code>5.5.47</code>), tipe data <i>Datetime</i> dengan nilai <i>default current_timestamp</i> tidak diterima. Ketika saya mengimpor dari cadangan database, terjadi error.</p>https://www.petanikode.com/mysql-backup/Sat, 27 Feb 2016 05:04:00 +0000https://www.petanikode.com/mysql-backup/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/mysql/mysql-backup.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/mysql/mysql-backup.png' alt="Backup semua database MySQL" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/mysql/mysql-backup.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/wordpress-template-fungsi-dasar/Sat, 20 Feb 2016 15:54:00 +0000https://www.petanikode.com/wordpress-template-fungsi-dasar/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://4.bp.blogspot.com/-lQWmaK4Lh_c/Vr7maUTW_cI/AAAAAAAACfs/yrkHWMhC3gY/s1600/membuat%2Btema%2Bwordpress%2Bdari%2Bnol%2B-%2Bpetanikode.png' alt="Tutorial Template Wordpress" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://4.bp.blogspot.com/-lQWmaK4Lh_c/Vr7maUTW_cI/AAAAAAAACfs/yrkHWMhC3gY/s1600/membuat%2Btema%2Bwordpress%2Bdari%2Bnol%2B-%2Bpetanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/wordpress-template/Sat, 13 Feb 2016 16:19:00 +0000https://www.petanikode.com/wordpress-template/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/wp/tema-wp.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/wp/tema-wp.jpg' alt="Cara Membuat Tema Wordpress Sendiri dari Nol" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/wp/tema-wp.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-border/Mon, 08 Feb 2016 00:25:00 +0000https://www.petanikode.com/css-border/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/css.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/css.png' alt="Tutorial CSS Border" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/css.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/inspect-element/Thu, 14 Jan 2016 11:03:00 +0000https://www.petanikode.com/inspect-element/<p>Inspect Element merupakan fitur browser yang dibuat untuk memudahkan pengembangan web.</p> <p>Inspect Element dapat kita akses dengan klik kanan, kemudian memilih Inspect Element, atau bisa juga dengan menekan tombol <code>F12</code>.</p> <p>Adapun manfaat dari Inspect Element untuk web Developer adalah sebagai berikut.</p> <h2 id="1-tempat-eksperimen-css">1. Tempat Eksperimen CSS</h2><p>Selain ada console Javascript, bisa dibilang di Inspect Elemen juga ada console-nya CSS. Ya, di sana kita bisa eksperimen kode CSS.</p> <p>Sebelum kita menulis kode CSS, sebaiknya gunakan Inspect Element terlebih dahulu. Karena saat kita menulis kode CSS di Inspect Elemen, browser akan langsung mengeksekusinya. Selain itu, kita diberikan fitur yang memudahkan penulisan CSS seperti autocomplete, colorpicker, filter, visual model box, dll.</p>https://www.petanikode.com/android-studio-error/Wed, 13 Jan 2016 10:28:00 +0000https://www.petanikode.com/android-studio-error/<p>Apakah kamu baru pindah ke Linux dan menggunakan Android Studio di sana?</p> <p>Mungkin kamu akan mendapatkan beberapa masalah, karena <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/android-studio-linux/" >cara instal Android Studio-nya</a> belum benar.</p> <p>Berikut ini beberapa masalah yang biasanya terjadi dan solusinya:</p> <h2 id="1-kvm-is-missing">1. KVM is Missing</h2><p>KVM adalah sebuah mesin virtual berbasis kernel <em>(Kernel Based Virtual Machine)</em>.</p> <p>KVM akan digunakan oleh android studio untuk membuat emulator.</p>https://www.petanikode.com/bootstrap-viewport/Tue, 12 Jan 2016 16:20:00 +0000https://www.petanikode.com/bootstrap-viewport/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/bootstrap.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/bootstrap.png' alt="Tutorial Bootstrap: Memahami fungi tag meta viewport" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/bootstrap.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-config-upload/Mon, 11 Jan 2016 17:39:00 +0000https://www.petanikode.com/php-config-upload/<!-- @TODO gambungkan dengan tutorial upload file di PHP --> <p> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/img/cover/php.png" > <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Pemrograman PHP" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/highlightjs/Wed, 06 Jan 2016 13:20:00 +0000https://www.petanikode.com/highlightjs/<p><a href="https://1.bp.blogspot.com/-WhR_5T4yVSg/VoyfngB0mAI/AAAAAAAACXo/L94qeANsUgI/s1600/higlightjs%2B-%2Bpetanikode.jpg" imageanchor="1"><img alt="higlight.js" border="0" src="https://1.bp.blogspot.com/-WhR_5T4yVSg/VoyfngB0mAI/AAAAAAAACXo/L94qeANsUgI/s1600/higlightjs%2B-%2Bpetanikode.jpg" title="" /></a>Template baawan blogger sudah saya modifikasi sedemikian rupa. Namun, masih ada yang kurang, pewarnaan kode <i>(syntax highlighting)</i>. Kode yang saya sisipkan di dalam artikel tidak berwarna. Kadang saya memanfaatkan <a href="https://gist.github.com/" target="_blank">gist github</a>, <a href="https://pastebin.com/" target="_blank">pastebin</a>, <a href="https://ideone.com/" target="_blank">ideone</a>, dsb. untuk menyisipkan kode yang berwarna.<br /><br />Modul <i>highlight.js</i> berfungsi untuk membuat kode (di web) menjadi berwarna. Kode yang berwarna akan lebih mudah dibaca. Karena itu, kita perlu menggunakan <i>highlight.js</i>. Berikut ini cara menggunakan <i>highlight.js</i> di blogger.<br /><h2>1. Memasang higlight.js</h2>Kita akan memanfaatkan CDN <i>(</i><i><span class="st"><i>content delivery network</i></span>)</i> nutuk memasang highlight.js, karena blogger tidak menyediakan tempat untuk hosting file. Silakan masuk ke <i>edit html template</i>. Kemudian masukkan kode berikut ini ke dalam tag <code>&lt;head&gt;</code>:<br /><pre><code class="xml">&lt;!&ndash; Syntax highlighter &ndash;&gt;<br />&lt;link href=&rsquo;//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/styles/github.min.css&rsquo; rel=&lsquo;stylesheet&rsquo;/&gt;<br />&lt;script src=&rsquo;//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/highlight.min.js&rsquo;/&gt;<br />&lt;script&gt;hljs.initHighlightingOnLoad();&lt;/script&gt;<br />&lt;!&ndash; end Syntax highlighter &ndash;&gt;</code></prhttps://www.petanikode.com/bootstrap-grid/Mon, 04 Jan 2016 20:37:00 +0000https://www.petanikode.com/bootstrap-grid/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/bootstrap-grid.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/bootstrap-grid.png' alt="Tutorial Layout Bootstrap" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/bootstrap-grid.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-perulangan/Sun, 03 Jan 2016 18:28:00 +0000https://www.petanikode.com/java-perulangan/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-dg7YKHRwVkI/WPBf-VJbwpI/AAAAAAAAEt8/T7UCAyyXf9UMm8EwmcMFIL7NSo0iHvASQCPcB/s1600/roller-coaster-perulangan-dalam-pemrograman.jpg' alt="Belajar Pemrograman Java: Memahami Dua Jenis Perulangan dalam Java" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-dg7YKHRwVkI/WPBf-VJbwpI/AAAAAAAAEt8/T7UCAyyXf9UMm8EwmcMFIL7NSo0iHvASQCPcB/s1600/roller-coaster-perulangan-dalam-pemrograman.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/bootstrap-dasar/Sat, 02 Jan 2016 08:58:00 +0000https://www.petanikode.com/bootstrap-dasar/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/bootstrap.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/bootstrap.png' alt="Tutorial Bootstrap untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/bootstrap.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-tag-elemen-atribut/Fri, 01 Jan 2016 10:44:00 +0000https://www.petanikode.com/html-tag-elemen-atribut/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/html.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/html.png' alt="Pengertian tag, elemen, dan atribut pada HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/html.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-project/Tue, 29 Dec 2015 09:09:37 +0800https://www.petanikode.com/php-project/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/php/composer/composer.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/php/composer/composer.png' alt="Project dengan Composer" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/php/composer/composer.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/activate-power-mode-atom/Sat, 19 Dec 2015 15:37:00 +0000https://www.petanikode.com/activate-power-mode-atom/<p>Beberapa minggu yang lalu, saya menemukan sebuah gambar animasi gif di facebook. Animasi penulisan kode yang disertai efek partikel bertaburan.</p> <p>Menarik, sepertinya akan menyenangkan menulis kode dengan efek ini.</p> <p>Tidak lama kemudian, saya menemukan modulnya untuk Atom.</p> <p>Efek ini awalnya hanya bisa dinikmati di <em> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://codeinthedark.com/editor/" target="_blank" rel="nofollow noopener noreferrer" >Code in Dark Editor<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a>.</em> Kemudian, seorang programmer bernama <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://github.com/JoelBesada" target="_blank" rel="nofollow noopener noreferrer" >Joel Besada<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a> membuat replikasinya. Joel menulis sebuah modul untuk Atom, namanya <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://github.com/JoelBesada/activate-power-mode" target="_blank" rel="nofollow noopener noreferrer" >activate-power-mode<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-3 inline" viewBox="0 0 11 10"> <polygon fill="currentColor" points="12 5.038 6.962 10.066 5.668 8.772 8.502 5.961 0 5.961 0 4.116 8.502 4.116 5.691 1.282 6.984 0" transform="rotate(-40 6 5.033)" /> </svg></a>. Berikut ini cuplikannya:</p>https://www.petanikode.com/python-time/Fri, 11 Dec 2015 17:24:00 +0000https://www.petanikode.com/python-time/<!-- @TODO ubah ini menjadi pembahasan tentang modul time --> <p><br /><a href="https://2.bp.blogspot.com/-9QQYr5MVtVQ/VmqU_UzDkRI/AAAAAAAACQw/TOIHJOGMY5g/s1600/fungsi%2Btime%2Bsleep%2Bpada%2Bpemrograman%2Bpython%2B-%2Bpetani%2Bkode.png" imageanchor="1"><img border="0" src="https://2.bp.blogspot.com/-9QQYr5MVtVQ/VmqU_UzDkRI/AAAAAAAACQw/TOIHJOGMY5g/s1600/fungsi%2Btime%2Bsleep%2Bpada%2Bpemrograman%2Bpython%2B-%2Bpetani%2Bkode.png" /></a><br />Python memiliki sebuah modul waktu <i>(time)</i>. Banyak fungsi-fungsi yang berkaitan tentang waktu yang dapat digunakan dengan modul tersebut. Salah satunya adalah fungsi <code>sleep()</code>. Fungsi ini berguna untuk menunda waktu eksekusi. Fungsi ini membawa parameter berupa angka yang menyatakan detik (lama) penundaan.<br /><br />Misalkan, ingin menunda selama 5 detik:<br /><pre><code class="python">time.sleep(5)</code></pre>Fungsi ini dapat digunakan mengimpor modul <i>time.</i> Contoh program, berhitung sampai sepuluh. Lama penundaan perhitungan adalah 0.5 detik:<br /><pre><code class="python">import time<br /><br />for i in range(10):<br /> time.sleep(0.5)<br /> print &ldquo;Berhitung: &quot; + str(i +1)<br /></code></prhttps://www.petanikode.com/javascript-objek/Fri, 27 Nov 2015 20:38:00 +0000https://www.petanikode.com/javascript-objek/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Tutorial Objek Javascript" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-array/Thu, 19 Nov 2015 01:26:00 +0000https://www.petanikode.com/php-array/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Memahami Array di PHP" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-perulangan/Thu, 19 Nov 2015 01:21:00 +0000https://www.petanikode.com/php-perulangan/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Tutorial Perulangan di PHP, PHP Looping" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-percabangan/Thu, 19 Nov 2015 01:21:00 +0000https://www.petanikode.com/php-percabangan/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Struktur kondisi di PHP" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-operator/Thu, 19 Nov 2015 01:18:00 +0000https://www.petanikode.com/php-operator/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Tutorial Pemrograman PHP" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-variabel/Thu, 19 Nov 2015 01:16:20 +0000https://www.petanikode.com/php-variabel/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Tutorial Pemrograman PHP: Variabel dan Tipe Data" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-sintak/Thu, 19 Nov 2015 01:12:00 +0000https://www.petanikode.com/php-sintak/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Tutorial Pemrograman PHP untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-dom/Wed, 18 Nov 2015 22:01:00 +0000https://www.petanikode.com/javascript-dom/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Tutorial Javascript untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-titik-koma/Sun, 15 Nov 2015 15:30:00 +0000https://www.petanikode.com/python-titik-koma/<p>Siapa bilang di python tidak ada titik koma?</p> <p>Pada bahasa pemrograman lain, titik koma digunakan untuk mengakhiri sebuah baris perintah.</p> <p>Kadang juga titik koma bikin kesal, karena sering menyebabkan error.</p> <p><em>Salah programmernya sih, lupa ngetik titik koma</em> 😄</p> <p>Titik koma pada python memang jarang digunakan dan hampir tidak pernah kita temukan sama sekali.</p> <p>Tapi, karakter ini ternyata punya manfaat yang jarang diketahui orang.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://4.bp.blogspot.com/-3DxF0NpwGJQ/Vkgz7VCnXjI/AAAAAAAACN8/4GOA3HE0W9I/s1600/karakter%2Btitik%2Bkoma%2Bdi%2Bpemrograman%2Bpython%2B-%2Bpetani%2Bkode.png' alt="Manfaat Titik Koma pada Python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://4.bp.blogspot.com/-3DxF0NpwGJQ/Vkgz7VCnXjI/AAAAAAAACN8/4GOA3HE0W9I/s1600/karakter%2Btitik%2Bkoma%2Bdi%2Bpemrograman%2Bpython%2B-%2Bpetani%2Bkode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-math/Sat, 14 Nov 2015 08:54:00 +0000https://www.petanikode.com/python-math/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/python-math.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/python-math.png' alt="Coding rumus matematika di Python dengan modul math" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/python-math.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-operator/Sat, 14 Nov 2015 08:53:00 +0000https://www.petanikode.com/javascript-operator/<p>Setelah kamu belajar tentang <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/javascript-variabel/" >Variabel dan Tipe data pada Javascript</a>, materi selanjutnya yang harus dipelajari adalah tentang operator.</p> <p>Operator merupakan hal dasar yang harus dipahami dalam pemrograman.</p> <p>Karena kita akan banyak menggunakannya untuk melakukan berbagai macam operasi di dalam program.</p> <p>Apa itu operator?</p> <p>Ada operator apa saja di Javascript?</p> <p>dan bagaimana cara menggunakannya?</p> <p>Mari kita pelajar&hellip;</p>https://www.petanikode.com/javascript-matematika/Sat, 14 Nov 2015 08:51:00 +0000https://www.petanikode.com/javascript-matematika/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Tutorial Javascript dan Matematika" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/sqlite-linux/Fri, 13 Nov 2015 23:03:00 +0000https://www.petanikode.com/sqlite-linux/<p>SQLite merupakan sebuah <em>Relational Database Management System</em> (RDMS) yang tidak memerlukan server untuk beroperasi.</p> <p>Bisa dibilang, SQLite adalah database <em>portable</em> yang bisa digunakan tanpa jaringan. Inilah yang membuatnya banyak digunakan dalam berbagai aplikasi <em>(offline)</em> seperti aplikasi <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/android/" >Android</a>, aplikasi <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/kategori/desktop/" >desktop</a>, <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/topik/java/" >java</a>, VB.net, Game, dsb.</p>https://www.petanikode.com/android-emulator-alternatif/Fri, 13 Nov 2015 21:05:00 +0000https://www.petanikode.com/android-emulator-alternatif/<!-- Agreement --> <p>Emulator Android terasa berat?</p> <p>Mungkin kamu harus upgrade RAM atau gunakan emulator alternatif.</p> <p>Emulator bawaan Android memang terasa berat bagi yang menggunakan komputer dengan spesifikasi rendah.</p> <p>Android manyarankan spesifikasi minimal RAM 8GB, tapi kita tidak punya RAM sebanyak itu.</p> <p>Bagaimana cara mengatasinya?</p> <p>Gunakan emulator alternatif.</p> <p>Ada dua emulator alternatif yang bisa kita gunakan untuk debug dan deploy aplikasi android:</p> <ol> <li>Menggunakan Genymotion</li> <li>Menggunakan Hp sendiri</li> </ol> <p>Pada tulisan ini kita akan belajar cara menggunakan emulator alternatif untuk mengembangkan aplikasi android.</p>https://www.petanikode.com/lazarus-windows/Fri, 06 Nov 2015 15:06:00 +0000https://www.petanikode.com/lazarus-windows/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/lazarus/lazarus.webp" type="image/webp" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/lazarus/lazarus.webp' alt="Cara Install Lazarus di Windows" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/lazarus/lazarus.webp'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-shadow/Sun, 01 Nov 2015 09:00:00 +0000https://www.petanikode.com/css-shadow/<p>Properti untuk membuat bayangan <em>(shadow)</em>, mulai dikenalkan pada CSS3. Properti tersebut adalah <code>box-shadow</code> dan <code>text-shadow</code>.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://3.bp.blogspot.com/-dFQIAhtNzUg/VjACACJQKLI/AAAAAAAACH4/dTVJOWFUNPE/s1600/box-shadow%2Bdan%2Btext-shadow%2Bdi%2Bcss%2B%2B-%2Bpetanikode.png' alt="Bayangan untuk elemen dan teks dengan css" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://3.bp.blogspot.com/-dFQIAhtNzUg/VjACACJQKLI/AAAAAAAACH4/dTVJOWFUNPE/s1600/box-shadow%2Bdan%2Btext-shadow%2Bdi%2Bcss%2B%2B-%2Bpetanikode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-sintaks/Mon, 26 Oct 2015 16:06:00 +0000https://www.petanikode.com/cpp-sintaks/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-sintaks.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-sintaks.png' alt="Sintaks dasar C&#43;&#43;" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-sintaks.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-percabangan/Sun, 25 Oct 2015 18:33:00 +0000https://www.petanikode.com/java-percabangan/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-RvCLtSJKtig/WOhpIb2ZUuI/AAAAAAAAEoE/ucr44ME4UwYCNIP5HhieepL_KexR9tifwCPcB/s1600/percabangan%2Brel%2Bkereta%2Bapi.jpg' alt="Perbangan Java" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-RvCLtSJKtig/WOhpIb2ZUuI/AAAAAAAAEoE/ucr44ME4UwYCNIP5HhieepL_KexR9tifwCPcB/s1600/percabangan%2Brel%2Bkereta%2Bapi.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-math/Sun, 18 Oct 2015 08:00:00 +0000https://www.petanikode.com/java-math/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/java-math/java-math.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/java-math/java-math.png' alt="Rumus matematika di Java" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/java-math/java-math.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-swing-joptionpane/Sat, 17 Oct 2015 21:34:00 +0000https://www.petanikode.com/java-swing-joptionpane/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/swing/java-swing.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/swing/java-swing.png' alt="Belajar Pemrograman GUI dengan Java Swing" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/swing/java-swing.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-operator/Sat, 17 Oct 2015 20:12:00 +0000https://www.petanikode.com/java-operator/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Belajar Bahasa Pemrograman Java: Input dan Output" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/case-kode-program/Sat, 17 Oct 2015 14:49:00 +0000https://www.petanikode.com/case-kode-program/<p>Pernahkah kalian perhatikan gaya penulisan huruf-huruf pada kode program?</p> <p>Kadang ada yang ditulis <code>seperti_ini</code>, <code>SepertiItu</code>, dan <code>semacam-ini</code>.</p> <p>Ternyata gaya penulisan tersebut punya sebutan tersendiri, apa saja itu?</p> <p>Mari kita bahas&hellip;</p> <h2 id="1-gaya-snake-case">1. Gaya Snake Case</h2><p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/gaya-penulisan-case/snake-case.png' alt="Camel Case" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://www.petanikode.com/img/gaya-penulisan-case/snake-case.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-input-output/Mon, 12 Oct 2015 09:35:00 +0000https://www.petanikode.com/java-input-output/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Pemrograman Java: Mengambil input dan menampilkan Output" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-variabel-dan-tipe-data/Sun, 11 Oct 2015 13:44:00 +0000https://www.petanikode.com/java-variabel-dan-tipe-data/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://1.bp.blogspot.com/-Wh3-vfndnRg/WOHC2viBv7I/AAAAAAAAEhE/pEdfryyz6x472o8b2uysQxG-xcVsbTdtwCPcB/s1600/variabel-dan-tipe-data.jpg' alt="Belajar Pemrograman Java: Memahami Variabel dan Tipe data" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://1.bp.blogspot.com/-Wh3-vfndnRg/WOHC2viBv7I/AAAAAAAAEhE/pEdfryyz6x472o8b2uysQxG-xcVsbTdtwCPcB/s1600/variabel-dan-tipe-data.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-windows/Fri, 09 Oct 2015 17:47:00 +0000https://www.petanikode.com/python-windows/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Pemrograman Python di Windows" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-konsep/Wed, 07 Oct 2015 21:50:00 +0000https://www.petanikode.com/java-konsep/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Tutorial Java untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-fungsi-enkripsi/Sun, 20 Sep 2015 21:04:00 +0000https://www.petanikode.com/php-fungsi-enkripsi/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/php/enkripsi/php-enkripsi.jpg" type="image/jpeg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/php/enkripsi/php-enkripsi.jpg' alt="Enkripsi PHP" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/php/enkripsi/php-enkripsi.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-fungsi-range/Sun, 13 Sep 2015 16:06:00 +0000https://www.petanikode.com/python-fungsi-range/<!-- @TODO ubah pembahasan ini menjadi irterateable objek --> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://4.bp.blogspot.com/-wXTer267F40/VEEneqLnoRI/AAAAAAAAAz4/skLB5P8yBXY/s1600/python-programming.png' alt="Fungsi Range di Python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://4.bp.blogspot.com/-wXTer267F40/VEEneqLnoRI/AAAAAAAAAz4/skLB5P8yBXY/s1600/python-programming.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/perbedaan-perulangan-while-dan-do-while/Sat, 12 Sep 2015 23:16:00 +0000https://www.petanikode.com/perbedaan-perulangan-while-dan-do-while/<p>Apakah perbedaan perulangan <em>while</em> dengan <em>do/while</em>?</p> <p>Keduanya sama-sama perulangan yang tidak tentu <em>(uncounted loop)</em>. Akan tetapi memiliki beberapa perbedaan, baik dari segi penggunaan, penulisan kode, dan langkah kerja.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://1.bp.blogspot.com/-T1A0TERvMLA/VfOgVNaFLJI/AAAAAAAABxM/uOH4NleCvik/s1600/Perbedaan%2Bperulangan%2Bwhile-do%2Bdan%2Bdo-while.png' alt="Perbedaan Perulangan While dan Do/While" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://1.bp.blogspot.com/-T1A0TERvMLA/VfOgVNaFLJI/AAAAAAAABxM/uOH4NleCvik/s1600/Perbedaan%2Bperulangan%2Bwhile-do%2Bdan%2Bdo-while.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-upload-file/Mon, 07 Sep 2015 17:56:00 +0000https://www.petanikode.com/php-upload-file/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Cara Upload File di PHP" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-dalam-html/Sun, 12 Jul 2015 21:14:00 +0000https://www.petanikode.com/css-dalam-html/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/css.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/css.png' alt="Cara menulis CSS di dalam HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/css.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/css-untuk-pemula/Tue, 07 Jul 2015 08:06:00 +0000https://www.petanikode.com/css-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/css.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/css.png' alt="Belajar CSS dari Nol" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/css.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/ruby-sintaks/Sun, 12 Apr 2015 17:44:00 +0000https://www.petanikode.com/ruby-sintaks/<p>Komentar sangat penting dalam pemrograman. Kode yang rumit dapat dipahami dengan mudah melalui komentar. Saat belajar pemrograman sebaiknya perbanyaklah menulis komentar pada kode yang sulit dipahami.</p> <a href="https://4.bp.blogspot.com/-VHddteWl858/VJ-QaaxliaI/AAAAAAAAA7U/YzLS19hJ_1M/s1600/ruby-petani-kode.png" imageanchor="1" ><img border="0" src="https://4.bp.blogspot.com/-VHddteWl858/VJ-QaaxliaI/AAAAAAAAA7U/YzLS19hJ_1M/s1600/ruby-petani-kode.png" /></a> <p>Meskipun penulisan komentar ruby dan python mirip, tapi ada yang berbeda. Penulisan komentar untuk satu baris di ruby menggunakan tanda pagar (<code>#</code>) sedangkan untuk yang lebih dari satu baris menggunakan banyak cara. Lebih jelasnya, cobalah lihat contoh berikut ini</p>https://www.petanikode.com/vb-dotnet-linux/Mon, 30 Mar 2015 23:03:00 +0000https://www.petanikode.com/vb-dotnet-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/vb/vbnet.webp" type="image/webp" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/vb/vbnet.webp' alt="Belajar pemrograman VB .NET di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/vb/vbnet.webp'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/gambas-visual-basic-linux/Sat, 14 Mar 2015 09:54:00 +0000https://www.petanikode.com/gambas-visual-basic-linux/<p>Visual basic (VB) adalah pemrograman visual atau GUI dari bahasa <em>basic</em> yang dikembangkan oleh Microsoft. Pemrograman VB banyak diminati di kalangan pengguna Windows. Ada yang bilang, pemrograman VB hanya bisa dilakukan di windows saja. Pendapat tersebut tidak benar. Kita juga dapat melakukan pemrograman VB di Linux.</p> <p> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://2.bp.blogspot.com/-JHDceCDa8Vo/VQMIV1knZLI/AAAAAAAABjU/M0jID75NB6M/s1600/gambas%2Bvisual%2Bbasic-nya%2Blinux.png" target="_blank" rel="nofollow noopener noreferrer" > <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-JHDceCDa8Vo/VQMIV1knZLI/AAAAAAAABjU/M0jID75NB6M/s1600/gambas%2Bvisual%2Bbasic-nya%2Blinux.png' alt="Belajar pemrograman visual basic di linux dengan Gambas (Visual basic-nya linux)" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-JHDceCDa8Vo/VQMIV1knZLI/AAAAAAAABjU/M0jID75NB6M/s1600/gambas%2Bvisual%2Bbasic-nya%2Blinux.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/php-prosedur-fungsi/Wed, 11 Mar 2015 19:33:00 +0000https://www.petanikode.com/php-prosedur-fungsi/<p>Banyak fungsi <em>build-in</em> dari php yang sering kita gunakan, seperti <code>print()</code>, <code>print_r()</code>, <code>unset()</code>, dll. Selain fungsi-fungsi tersebut, kita juga dapat membuat fungsi sendiri sesuai kebutuhan.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/php.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/php.png' alt="Memahami Fungsi pada PHP" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/php.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-dasar/Sun, 08 Mar 2015 15:44:00 +0000https://www.petanikode.com/javascript-dasar/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Belajar Pemrograman Javascript dari Nol" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/xml-untuk-pemula/Fri, 27 Feb 2015 17:47:00 +0000https://www.petanikode.com/xml-untuk-pemula/<p> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://2.bp.blogspot.com/-4k_rsR13uZg/VPA2_2KZIxI/AAAAAAAABcU/JjlSi8unuIw/s1600/xml.jpg" target="_blank" rel="nofollow noopener noreferrer" > <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-4k_rsR13uZg/VPA2_2KZIxI/AAAAAAAABcU/JjlSi8unuIw/s1600/xml.jpg' alt="XML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-4k_rsR13uZg/VPA2_2KZIxI/AAAAAAAABcU/JjlSi8unuIw/s1600/xml.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/slim-untuk-pemula/Wed, 25 Feb 2015 01:16:00 +0000https://www.petanikode.com/slim-untuk-pemula/<p>Slim Framework adalah mikro <em>framework</em> PHP untuk membuat aplikasi web. Biasanya digunakan untuk membuat <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/slim-api/" >REST API atau web service</a>.</p> <p>Pada kesempatan ini, kita akan belajar dasar-dasar penggunaan Slim Framework. Mulai dari tahap instalasi, sampai membuat route.</p> <blockquote> <p><strong>Catatan</strong>: Tutorial ini untuk Slim Versi 3</p> </blockquote> <p>Baiklah, mari kita mulai&hellip;</p> <div class="empty-ads h-fit mix-h-[90px] max-w-full" id='div-gpt-ad-multibanner1'></div> <script> googletag.cmd.push(function () { googletag.display('div-gpt-ad-multibanner1'); }); </script> <h2 id="konsep-slim-framework">Konsep Slim Framework</h2><p>Slim Framework sebenarnya sangat sederhana. Dia hanya bertugas menerima <em>HTTP Request</em>, lalu memanggil fungsi yang diinginkan. Setelah itu mengembalikan <em>HTTP Response</em>.</p>https://www.petanikode.com/python-xml/Tue, 24 Feb 2015 00:36:00 +0000https://www.petanikode.com/python-xml/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/file/python-file.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/file/python-file.png' alt="Pemrograman Python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/file/python-file.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-ganjil-genap/Sun, 22 Feb 2015 23:37:00 +0000https://www.petanikode.com/python-ganjil-genap/<p>Komputer adalah sebuah mesin yang tidak mampu berpikir. Menebak bilangan ganjil atau genap saja tidak bisa. Tapi, berkat bantuan programer komputer dapat melakukannya.</p> <p>Di artikel ini saya ingin menunjukan cara memanfaatkan struktur pemilihan agar komputer dapat berpikir dan mengetahui bilangan genap dan ganjil.</p> <p> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://4.bp.blogspot.com/-wXTer267F40/VEEneqLnoRI/AAAAAAAAAz4/skLB5P8yBXY/s1600/python-programming.png" target="_blank" rel="nofollow noopener noreferrer" > <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://4.bp.blogspot.com/-wXTer267F40/VEEneqLnoRI/AAAAAAAAAz4/skLB5P8yBXY/s1600/python-programming.png' alt="logo python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://4.bp.blogspot.com/-wXTer267F40/VEEneqLnoRI/AAAAAAAAAz4/skLB5P8yBXY/s1600/python-programming.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/pascal-sintaks/Sat, 21 Feb 2015 22:31:00 +0000https://www.petanikode.com/pascal-sintaks/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/pascal.webp" type="image/webp" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/pascal.webp' alt="Pemrograman Pascal di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/pascal.webp'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/qt-dasar/Fri, 13 Feb 2015 09:29:00 +0000https://www.petanikode.com/qt-dasar/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/qt/qt.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/qt/qt.png' alt="Belajar Pemrograman GUI dengan Qt Creator" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/qt/qt.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/django-untuk-pemula/Thu, 12 Feb 2015 17:33:00 +0000https://www.petanikode.com/django-untuk-pemula/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/dj/django.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/dj/django.png' alt="Belajar Django" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/dj/django.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/yii-mcrypt/Fri, 16 Jan 2015 16:50:00 +0000https://www.petanikode.com/yii-mcrypt/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://2.bp.blogspot.com/-0zn6xuMT9As/VLjIB4flnkI/AAAAAAAABGY/DhpteCeDxTc/s1600/Yii%2Bframework%2Bdi%2Blinux%2Bubuntu.jpg' alt="Yii di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://2.bp.blogspot.com/-0zn6xuMT9As/VLjIB4flnkI/AAAAAAAABGY/DhpteCeDxTc/s1600/Yii%2Bframework%2Bdi%2Blinux%2Bubuntu.jpg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/yii-praktikum-2/Wed, 14 Jan 2015 21:03:00 +0000https://www.petanikode.com/yii-praktikum-2/<!-- TODO rewrite this --> <p>Melanjutkan <a href="http://petanikode.blogspot.com/2015/01/pertemuan-pertama-praktikum-bebas.html" target="blank">praktikum sebelumnya</a>, pada pertemuan kedua ini kita akan belajar MVC <i>(Model, View, Controller)</i> <i>Yii</i>. Memahami MVC dengan praktik langsung.</p> <a href="http://3.bp.blogspot.com/-hAUipWXq0ck/VLUExRjQFPI/AAAAAAAABAM/igtcS05K0Ss/s1600/praktikum%2Bbebas%2Bpemrograman%2Bweb%2Bdi%2Bstmik%2Bbumigora%2Bmataram.png" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-hAUipWXq0ck/VLUExRjQFPI/AAAAAAAABAM/igtcS05K0Ss/s1600/praktikum%2Bbebas%2Bpemrograman%2Bweb%2Bdi%2Bstmik%2Bbumigora%2Bmataram.png" /></a> <h2>Modifikasi controller Jurusan</h2> <p>Mari kita buka berkas <code>JurusanController.php</code>, yang berada di direktori <samp>backend/controllers/</samp>. Isi dari berkas tersebut berupa kelas bernama <code>JurusanController</code>, kelas ini turunan dari kelas <code>Controller</code>.</p> <pre><code class="php">&lt;?php<br /><br />namespace backend\controllers;<br /><br />use Yii;<br />use backend\models\Jurusan;<br />use yii\data\ActiveDataProvider;<br />use yii\web\Controller;<br />use yii\web\NotFoundHttpException;<br />use yii\filters\VerbFilter;<br /><br />/**<br /> * JurusanController implements the CRUD actions for Jurusan model.<br /> */<br />class JurusanController extends Controller<br />{<br /> public function behaviors()<br /> {<br /> return [<br /> 'verbs' => [<br /> 'class' => VerbFilter::className(),<br /> 'actions' => [<br /> 'delete' => ['post'],<br /> ],<br /> ],<br /> ];<br /> }<br /><br /> /**<br /> * Lists all Jurusan models.<br /> * @return mixed<br /> */<br /> public function actionIndex()<br /> {<br /> $dataProvider = new ActiveDataProvider([<br /> 'query' => Jurusan::find(),<br /> ]);<br /><br /> return $this->render('index', [<br /> 'dataProvider' => $dataProvider,<br /> ]);<br /> }<br /><br /> /**<br /> * Displays a single Jurusan model.<br /> * @param integer $id<br /> * @return mixed<br /> */<br /> public function actionView($id)<br /> {<br /> return $this->render('view', [<br /> 'model' => $this->findModel($id),<br /> ]);<br /> }<br /><br /> /**<br /> * Creates a new Jurusan model.<br /> * If creation is successful, the browser will be redirected to the 'view' page.<br /> * @return mixed<br /> */<br /> public function actionCreate()<br /> {<br /> $model = new Jurusan();<br /><br /> if ($model->load(Yii::$app->request->post()) && $model->save()) {<br /> return $this->redirect(['view', 'id' => $model->kode_jurusan]);<br /> } else {<br /> return $this->render('create', [<br /> 'model' => $model,<br /> ]);<br /> }<br /> }<br /><br /> /**<br /> * Updates an existing Jurusan model.<br /> * If update is successful, the browser will be redirected to the 'view' page.<br /> * @param integer $id<br /> * @return mixed<br /> */<br /> public function actionUpdate($id)<br /> {<br /> $model = $this->findModel($id);<br /><br /> if ($model->load(Yii::$app->request->post()) && $model->save()) {<br /> return $this->redirect(['view', 'id' => $model->kode_jurusan]);<br /> } else {<br /> return $this->render('update', [<br /> 'model' => $model,<br /> ]);<br /> }<br /> }<br /><br /> /**<br /> * Deletes an existing Jurusan model.<br /> * If deletion is successful, the browser will be redirected to the 'index' page.<br /> * @param integer $id<br /> * @return mixed<br /> */<br /> public function actionDelete($id)<br /> {<br /> $this->findModel($id)->delete();<br /><br /> return $this->redirect(['index']);<br /> }<br /><br /> /**<br /> * Finds the Jurusan model based on its primary key value.<br /> * If the model is not found, a 404 HTTP exception will be thrown.<br /> * @param integer $id<br /> * @return Jurusan the loaded model<br /> * @throws NotFoundHttpException if the model cannot be found<br /> */<br /> protected function findModel($id)<br /> {<br /> if (($model = Jurusan::findOne($id)) !== null) {<br /> return $model;<br /> } else {<br /> throw new NotFoundHttpException('The requested page does not exist.');<br /> }<br /> }<br />}<br /></code></prhttps://www.petanikode.com/yii-praktikum-1/Wed, 14 Jan 2015 00:36:00 +0000https://www.petanikode.com/yii-praktikum-1/<p>Pagi tadi, pertemuan pertama praktikum bebas dimulai. Praktikum ini diadakan oleh <a href="http://stmikbumigora.ac.id/" target="blank">STMIK Bumigora Mataram</a> secara cuma-cuma. Praktikum ini bertujuan untuk mengembangkan keterampilan mahasiswa dalam memprogram. Pada praktikum ini, kita mempelajari <a href="http://www.yiiframework.com/" target="blank"><i>framework yii</i></a>.</p> <a href="http://4.bp.blogspot.com/-hAUipWXq0ck/VLUExRjQFPI/AAAAAAAABAI/zhAXniaMY5U/s1600/praktikum%2Bbebas%2Bpemrograman%2Bweb%2Bdi%2Bstmik%2Bbumigora%2Bmataram.png" imageanchor="1" ><img border="0" src="http://4.bp.blogspot.com/-hAUipWXq0ck/VLUExRjQFPI/AAAAAAAABAI/zhAXniaMY5U/s1600/praktikum%2Bbebas%2Bpemrograman%2Bweb%2Bdi%2Bstmik%2Bbumigora%2Bmataram.png" /></a> <h2>Persiapan senjata praktikum</h2><p>Sebelum memulai praktikum, pastikan sudah memasang <i>apache</i>, <i>php</i>, dan <i>mysql</i> versi terbaru yang mendukung <i>framework Yii</i>. Di praktikum ini saya menggunakan Linux (Xubuntu). Sedikit informasi <i>server</i> web lokal yang sedang berjalan di laptop saya.</p>https://www.petanikode.com/pascal-linux/Mon, 12 Jan 2015 09:30:00 +0000https://www.petanikode.com/pascal-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/pascal.webp" type="image/webp" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/pascal.webp' alt="Pemrograman Pascal" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/pascal.webp'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/java-linux/Sun, 11 Jan 2015 16:40:00 +0000https://www.petanikode.com/java-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/java.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/java.png' alt="Pemrograman Java di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/java.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-link/Thu, 01 Jan 2015 18:16:00 +0000https://www.petanikode.com/html-link/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/html.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/html.png' alt="Cara Membuat Link di HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/html.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/ruby-untuk-pemula/Sun, 28 Dec 2014 13:15:00 +0000https://www.petanikode.com/ruby-untuk-pemula/<p> <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://4.bp.blogspot.com/-VHddteWl858/VJ-QaaxliaI/AAAAAAAAA7U/YzLS19hJ_1M/s1600/ruby-petani-kode.png" target="_blank" rel="nofollow noopener noreferrer" > <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://4.bp.blogspot.com/-VHddteWl858/VJ-QaaxliaI/AAAAAAAAA7U/YzLS19hJ_1M/s1600/ruby-petani-kode.png' alt="" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://4.bp.blogspot.com/-VHddteWl858/VJ-QaaxliaI/AAAAAAAAA7U/YzLS19hJ_1M/s1600/ruby-petani-kode.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-percabangan/Wed, 05 Nov 2014 19:19:00 +0000https://www.petanikode.com/cpp-percabangan/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-percabangan.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-percabangan.png' alt="Belajar Pemrograman C&#43;&#43;" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-percabangan.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-list/Wed, 22 Oct 2014 23:07:00 +0000https://www.petanikode.com/html-list/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/html.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/html.png' alt="Cara Membuat List di HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/html.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-tabel/Sun, 19 Oct 2014 23:17:00 +0000https://www.petanikode.com/html-tabel/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/html.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/html.png' alt="Cara Membuat Tabel di HTML" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/html.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-fungsi-max/Sat, 18 Oct 2014 18:14:00 +0000https://www.petanikode.com/python-fungsi-max/<p>Pernahkan anda bertemu dengan kasus perbandingan suatu nilai yang terbesar? Bila menyelesaikan menggunakan <code>if</code> dan datanya banyak, tentu akan terasa sangat merepotkan. Karena banyak nilai yang akan dibandingkan.<br /><a href="http://1.bp.blogspot.com/-wXTer267F40/VEEneqLnoRI/AAAAAAAAAz8/4sG6fkp4XvM/s1600/python-programming.png" imageanchor="1"><img border="0" src="http://1.bp.blogspot.com/-wXTer267F40/VEEneqLnoRI/AAAAAAAAAz8/4sG6fkp4XvM/s1600/python-programming.png" /></a> <br />Fungsi <code>max()</code> adalah fungsi <i>bulid-in</i> untuk mencari nilai tertinggi. Fungsi ini dapat diberikan sebuah parameter berupa angka. Artikel ini sebenarnya dibuat untuk menjawab sebuah pertanyaan di grup <a href="https://www.facebook.com/groups/IndonesianPython/permalink/807438312630829/" target="_blank">Python Indonesia</a>.<br /><blockquote>Saya pemilik pabrik sepatu, saya menugaskan staff saya untuk menginput jumlah penjualan bulan Januari, Februari, dan Maret 2014. Sebagai pemilik saya ingin tahu dibulan mana penjualan tertinggi</blockquote>Permasalahan di atas, dapat diselesaikan dengan fungsi <code>max()</code>. Karena si pemilik pabrik ingin mengetahui di bulan mana penjualan yang tertinggi, maka kita tinggal inputkan bulan-bulan yang ingin dicari nilai tertingginya ke dalam fungsi <code>max()</code><br /><h2>Eksperimen di modus interaktif</h2>Sebelum memulai membuat program, kita coba dulu ngode di modus interaktif.<br /><pre><code class="python">&gt;&gt;&gt; bulan = {&lsquo;jan&rsquo;: 32, &lsquo;feb&rsquo;: 43, &lsquo;mar&rsquo;: 21}<br />&gt;&gt;&gt; tmp = max(bulan[&lsquo;jan&rsquo;], bulan[&lsquo;feb&rsquo;], bulan[&lsquo;mar&rsquo;])<br />&gt;&gt;&gt; tmp<br />43<br />&gt;&gt;&gt; for i in bulan:<br />&hellip; print i<br />&hellip;<br />jan<br />mar<br />feb<br />&gt;&gt;&gt; for i in bulan:<br />&hellip; print bulan[i]<br />&hellip;<br />32<br />21<br />43<br />&gt;&gt;&gt; for i in bulan:<br />&hellip; if tmp == bulan[i]:<br />&hellip; print i<br />&hellip;<br />feb</code></prhttps://www.petanikode.com/python-pygtk-tooltips/Tue, 09 Sep 2014 06:00:00 +0000https://www.petanikode.com/python-pygtk-tooltips/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/pygtk.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/pygtk.png' alt="Pemrograman GUI dengan PyGTK" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/pygtk.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-pygtk-tombol-label/Mon, 08 Sep 2014 07:00:00 +0000https://www.petanikode.com/python-pygtk-tombol-label/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/pygtk.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/pygtk.png' alt="Pemrograman PyGTK" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/pygtk.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-pygtk/Sun, 07 Sep 2014 10:40:00 +0000https://www.petanikode.com/python-pygtk/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/pygtk.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/pygtk.png' alt="PyGTK: Pemrograman GUI dengan Python dan GTK" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/pygtk.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/lazarus-percabangan/Fri, 05 Sep 2014 23:21:00 +0000https://www.petanikode.com/lazarus-percabangan/<p>Struktur pemilihan adalah struktur kode yang menggunakan kaidah jika-maka. Struktur pemilihan dalam dunia pemrograman dikenal juga dengan percabangan, <i>flow control</i>, <i>if-else</i>, dan sebagainya.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/lazarus/lazarus.webp" type="image/webp" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/lazarus/lazarus.webp' alt="Pemrograman Lazarus" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/lazarus/lazarus.webp'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-variabel/Fri, 05 Sep 2014 16:46:00 +0000https://www.petanikode.com/cpp-variabel/<p>Inti dari sebuah program komputer adalah menerima input, melakukan pemrosesan, dan menghasilkan output.</p> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cpp/variabel/input-proses-output.svg" type="image/svg+xml" /> <source data-srcset="https://www.petanikode.com/img/cpp/variabel/input-proses-output.svg" type="image/svg" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cpp/variabel/input-proses-output.svg' alt="Input, proses, dan output" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cpp/variabel/input-proses-output.svg'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/lazarus-variabel/Mon, 01 Sep 2014 05:00:00 +0000https://www.petanikode.com/lazarus-variabel/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/lazarus/lazarus.webp" type="image/webp" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/lazarus/lazarus.webp' alt="Pemrograman Lazarus" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/lazarus/lazarus.webp'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/cpp-linux/Sun, 31 Aug 2014 11:50:00 +0000https://www.petanikode.com/cpp-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/cpp-linux.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/cpp-linux.png' alt="Belajar Bahasa Pemrograman C&#43;&#43; di Linux" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/cpp-linux.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-perulangan/Wed, 16 Jul 2014 18:04:00 +0000https://www.petanikode.com/python-perulangan/<!-- TODO: Improve and update quality of this post! --> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://1.bp.blogspot.com/-wXTer267F40/VEEneqLnoRI/AAAAAAAAAz8/4sG6fkp4XvM/s1600/python-programming.png' alt="Perulangan di Python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'https://1.bp.blogspot.com/-wXTer267F40/VEEneqLnoRI/AAAAAAAAAz8/4sG6fkp4XvM/s1600/python-programming.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/javascript-event/Tue, 11 Mar 2014 23:47:00 +0000https://www.petanikode.com/javascript-event/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/cover/javascript.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/cover/javascript.png' alt="Javascript Event" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/cover/javascript.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/jquery-tab/Sun, 09 Mar 2014 23:16:00 +0000https://www.petanikode.com/jquery-tab/<!-- https://codepen.io/ardianta/pen/JjNwEMM --> <p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='http://3.bp.blogspot.com/-F7W0AvOk1Fw/VENOXBvOgQI/AAAAAAAAA00/6ew3EOYvxAE/s1600/tutorial-membuat-tab-jquery.png' alt="" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: 'http://3.bp.blogspot.com/-F7W0AvOk1Fw/VENOXBvOgQI/AAAAAAAAA00/6ew3EOYvxAE/s1600/tutorial-membuat-tab-jquery.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-form/Thu, 06 Mar 2014 15:42:00 +0000https://www.petanikode.com/html-form/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/html/html.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/html/html.png' alt="Tutorial Belajar HTML 5" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/html/html.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-percabangan/Sat, 22 Feb 2014 08:30:00 +0000https://www.petanikode.com/python-percabangan/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Belajar Pemrograman Python untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/lazarus-delphi-linux/Thu, 20 Feb 2014 08:30:00 +0000https://www.petanikode.com/lazarus-delphi-linux/<p>Ketika saya mengikuti matakuliah pemrograman Delphi, saya menggunakan Lazarus sebagai pengganti Delphi di Linux.</p> <p>Beruntung, dosennya tidak mempermasalahkan hal ini.</p> <p>Pemrograman Delphi dengan Lazarus memang terlihat sama. Oleh karena itu, tugas akhir saya diterima dengan nilai yang memuaskan.</p> <p>Lazarus tidak hanya bisa berjalan di Linux, tapi juga bisa untuk sistem operasi yang lain seperti Windows, Mac OS, dan Unix.</p> <p>Baca juga: <a class="font-medium hover:text-teal-600 active:text-teal-500 dark:hover:text-teal-400 dark:active:text-teal-300" href="https://www.petanikode.com/lazarus-windows/" >Instalasi dan Uji coba Lazarus di Windows</a></p>https://www.petanikode.com/python-operator/Tue, 18 Feb 2014 18:53:00 +0000https://www.petanikode.com/python-operator/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Belajar Pemrograman Python untuk Pemula" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-variabel-dan-tipe-data/Mon, 17 Feb 2014 18:53:00 +0000https://www.petanikode.com/python-variabel-dan-tipe-data/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Belajar Pemrograman Python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/python-linux/Sun, 16 Feb 2014 19:03:00 +0000https://www.petanikode.com/python-linux/<p> <figure class="not-prose mb-4"> <picture class="flex justify-center"> <source data-srcset="https://www.petanikode.com/img/python/python.png" type="image/png" /> <img class='lazyload cursor-zoom-in max-w-full h-auto' src="https://www.petanikode.com/img/placeholder.svg" data-src='https://www.petanikode.com/img/python/python.png' alt="Pemrograman Python" title="" x-data="{}" @click="$dispatch('lightbox-open', {type: 'img', src: '/img/python/python.png'})" loading="lazy" decoding="async" /> </pihttps://www.petanikode.com/html-dasar/Thu, 06 Feb 2014 14:16:00 +0000https://www.petanikode.com/html-dasar/<p>HTML memang bahasa yang <strong>wajib dipelajari</strong>, bagi yang mau menjadi web developer.</p> <p>Karena&hellip;</p> <p>HTML merupakan bahasa dasar untuk membuat web.</p> <p>Saya yakin, kamu sudah pernah mendengar HTML sebelumnya. Tapi tidak ada salahnya membaca kembali artikel ini.</p> <p>Pada tutorial ini, kita akan benar-benar membahas dari nol hingga kamu bisa membuat halaman HTML sendiri.</p> <p>Baiklah&hellip;</p> <p>Mari kita mulai!</p> <div class="empty-ads h-fit mix-h-[90px] max-w-full" id='div-gpt-ad-multibanner1'></div> <script> googletag.cmd.push(function () { googletag.display('div-gpt-ad-multibanner1'); }); </script> <h2 id="apa-itu-html">Apa itu HTML?</h2><!-- HTML dirancang untuk mengatur struktur dasar dari halaman web. --> <p>Mari kita lihat pengertian HTML menurut wikipedia:</p>