Ahmad Muhardian
Hi! 👋, Saya Dian. Founder Petani Kode dan Web Developer Expert. Suka belajar hal baru dan menulis.
Hi! 👋, Saya Dian. Founder Petani Kode dan Web Developer Expert. Suka belajar hal baru dan menulis.
Ada 469 artikel yang ditulis oleh Ahmad Muhardian
Bagi sebagian orang—khususnya yang bukan programmer—mungkin akan merasa kesulitan membuat Bot Telegram… Karena tidak memiliki kemampuan pemrograman/coding. Tapi tenang saja… Kita masih bisa membuat Bot tanpa harus menulis satu baris kode pun. Caranya? Caranya menggunakan bot yang sudah dirancang khusus untuk pembuatan membuat bot. Pada kesempatan ini, kita akan belajar membuat Bot sederhana yang berfungsi untuk membaca RSS Feed Reddit.
Kita bisa nge-push kode ke Bitbucket melalui dua protokol, yakni HTTPS dan SSH. Jika kamu menggunakan HTTPS, maka kamu akan diminta untuk memasukkan password di setiap kali nge-push. Namun, jika kamu pakai SSH.. ..maka kamu tidak perlu melakukan itu.
Atribut min dan max merupakan atribut untuk membatasi nilai maksimum dan minimum yang boleh diinputkan pada form. Atribut ini biasanya digunakan pada inputan yang berkaitan dengan angka. Misalnya tidak boleh menginput angka negatif, angka lebih dari 10, tanggal kurang dari tahun 2000, dsb.
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 div di dalam modal bersifat dinamis atau responsif. Peta kosong, hanya ada warna abu-abu. Solusi dari masalah ini saya temukan di Stackoverflow. MarcoK memberikan penjelasan jawaban atas masalah ini. Google Maps memang akan menampilkan area abu-abu (grey) kalau ditempatkan di elemen dinamis. Oleh karena itu, kita perlu memanggil fungsi “resize” ketika animasi modal sudah selesai. Bootstrap 3: $("#modal-peta").on(“shown.bs.modal”, function () { google.maps.event.trigger(peta, “resize”); });Bootstrap 2: $(’#modal-peta’).on(‘shown’, function () { google.maps.event.trigger(peta, “resize”); });#modal-peta adalah nama id dari elemen modal tempat peta tersebut ditampilkan dan variabel peta adalah variabel objek dari peta (Google Maps). Kode di atas, ditulis dalam fungsi initialize() atau persiapan peta, lihat tutorial sebelumnya. Referensi: http://stackoverflow.com/a/11743005
Info Window adalah objek yang digunakan untuk menampilkan informasi pada suatu titik koordinat tertentu. Biasanya digunakan bersamaan dengan marker. Contoh Info Window: Info Window dapat kita isi dengan kode HTML. Sehingga data yang ditampilkan di dalam jendela Info Window bisa kita berikan style CSS agar terlihat menarik. Cara Membuat Info WindowPertama yang harus kita buat adalah isi atau informasi yang akan kita tampilkan di dalam info window.
Marker sering digunakan untuk menandai sebuah lokasi. Biasanya sering digunakan dalam membuat aplikasi Geolocation. Pada kesempatan ini, kita akan belajar membuat marker di Google Maps dan melakukan beberapa modifikasi. Kamu bisa menggunakan contoh kode sebelumnya untuk uji coba.
Google Maps merupakan produk Google yang memungkinkan kita melihat peta dari seluruh dunia. Bahkan tidak hanya peta, Google Maps juga menyediakan Citra dari beberapa lokasi bangunan, jalan, dan lain-lain. Apa itu Google Maps API?Google Menyediakan Google Maps API yang memungkinkan kita membangun aplikasi dengan memanfaatkan Google Maps.
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. Framework antarmuka semacam Bootstrap sudah menyediakan class sendiri untuk pembuatan badge. Namun, karena badge yang dihasilkan tidak sesuai seperti harapan, maka kita harus membuatnya sendiri. Kode CSS.badge-notif { position:relative; } .badge-notif[data-badge]:after { content:attr(data-badge); position:absolute; top:-10px; right:-10px; font-size:.7em; background:#e53935; color:white; width:18px; height:18px; text-align:center; line-height:18px; border-radius: 50%; }Pada kode CSS di atas, kita mengambil isi badge dari atribut data-badge. Untuk posisi badge dapat diatur dalam properti top dan right. Warna, ukuran, font, background dll. bisa diatur sendiri sesuai selera. Penggunaan di HTMLElemen yang ingin menggunakan badge yang dibuat tadi harus menambahkan class badge-notif dan sebuah atribut data-badge untuk konten badge-nya. Contoh: Pada Tombol <button class=“badge-notif” data-badge=“12”>Notifikasi</button>Pada Link <a href="#!" class=“badge-notif” data-badge=“22”>Pesan</a>DemoJS Bin on jsbin.com
Selamat pagi semua, sudah santap sahur? Ya, akhirnya kita sudah sampai pada bulan Ramadhan. Jadi teringat bulan ramadhan dua tahun yang lalu. Saat itu, sehabis santap sahur, saya mengikuti kursus pemrograman Python di Codecademy. Sahur kode (ngoding sehabis sahur), saya lakukan setelah santap sahur sambil menunggu waktu imsak dan adzan subuh tiba… (ditemani secangkir kopi hangat)