BAKJER

Seringkali ketika seseorang ingin mengawali belajar pemprograman, mereka bingung harus mulai dari mana? apa yang bisa dibuat dari semua yang sudah dipelajari dan berbagai kebingungan lainnya. Nah, buat sobat semua yang bingung dengan apa yang bisa dibuat dengan skill HTML, CSS serta Javascript. Pada kesempatan kali ini, kita akan belajar bersama - sama, cara membuat game menggunakan basic skill web developer tersebut (HTML, CSS dan Javascript). Membuat game? Emang bisa? Bisa dong, kita akan membuat game Dinosaurus Chrome ketika nggak ada sinyal hehehe. Tapi, game yang akan kita buat ini nggak 100% mirip ya khususnya di bagian tampilannya,  kalo dari polanya ya cukup mirip sih, yaitu kita harus melompat untuk menghindari rintangan yang ada didepan kita.  Oke, biar nggak kelamaan langsung saja kita mulai. 1. Membuat Folder dan 3 File Inti Oke, pertama - tama, bautlah sebuah folder dengan nama latihan-membuat-game lalu buka folder tersebut mengguakan kode editor favorit kalian m...

Array merupkan variabel yang bisa menampung banyak data sekaligus. Contohnya begini, daripada kita menulis : const color1 = 'purple'; const color2 = 'black'; const color3 = 'yellow'; const color4 = 'aqua'; Kita bisa menulisnya seperti ini: const color = ['purple', 'black', 'yellow', 'aqua']; Yup, dalam menulis array, kita membutuhkan tanda angle bracket atau kurung siku. Seperti yang sudah saya sampaikan diatas, Array bisa berisi banyak data, seperti, String, Number, Boolean dan lain sebagainya, sangat fleksibel sekali kan. Ngomongin soal array, pada kesempatan kali ini, kita akan belajar bersama mengenail 10 method atau fungsi array paling populer yang bisa kita manffatkan untuk mempermudah serta mempercepat kita dalam bekerja menggunakan array. 10 Method Array Javascript yang Wajib Kamu Tahu! 1. forEach() Yang pertaman adalah forEach(). forEach() merupakan fungsi yang bisa kita gunakan untuk melakukan...

Bootstrap 5 kini telah resmi dirilis dan di umumkan sebagai penerus dari bootstrap 4. Meski saat artikel ini ditulis bootstrap 5 masih berstatus Alpha alias masih awal perilisan, namun saya yakin untuk versi stable nya nanti tidak akan jauh berbeda dari versi Alpha ini. Apa yang baru dari Boostrap 5? Banyak banget perubahannya. namun yang paling mencolok adalah Boostrap sekarang tidak menggunakan JQuery lagi. Summary of the most important changes: jQuery was removed Switch to Vanilla JavaScript Drop Internet Explorer 10 and 11 support Improved grid system Improved documentation Improved modularity Improved forms New responsive font New utilities & helpers Easier customization & theming Lighter package New API available Oke, sesuai judul artikel ini, pada kesempatan kali ini, kita akan belajar bersama - sama cara menggunakan Boostrap 5 Alpha dengan langsung terjun membuat projek website static yang pastinya keren dan juga responsive. Untuk perlengkapannya cukup gunakan laptop da...

Pengen belajar pemprograman tapi bingung mau mulai darimana? Bingung karena gak ada yang ngajarin? Gak tau workflownya? Bingung nantinya bakalan buat apa? Atau jadi apa? Baiklah, pertanyaan - pertanyaan diatas seringkali terlintas dikepala kita, ketika mau mempelajari hal baru. Kita cenderung menghawatirkan apakah yang akan kita pelajari ini akan bermanfaat, cocok atau sesuai dengan kemampuan kita? Tak jarang fikiran bawah sadar kita menghasut dan mengatakan bahwa hal tersebut diluar kemampuan kita. Kita merasa kurang berbakat, bukan bidangnya, atau tak punya waktu. Padahal kita belum mencobanya sendiri tapi sudah berkesimpulan seperti itu. 30 Hari Belajar Javascript dari Pemula Sampai Mahir! Oke, pada kesempatan kali ini saya ingin mengajak kalian belajar bahasa pemprograman paling populer dan powerfull yaitu Javascript. Yup, javascript adalah bahasa pemprograman paling fleksibel dan mudah untuk dipelajari. Javascript bisa kita gunakan untuk membuat berbagai hal menarik, seperti : Mem...

Oke gank, pada kesempatan kali ini saya ingin share template safelink yang saya modifikasi dari template safelink modifikasi juga. Waduh bingung gak tuh hehehe Intinya template safelink ini sudah saya ubah dari versi aslinya supaya makin matap dalam penggunaan serta hasil yang di dapat. Apa saja fitur template safelink ini Mirip sama safelink pada umumnya Random Post Tombol Klik 2X Auto Generate Responsive Valid HTML 5 Menyembunyikan kotak generate di homepage Maaf saya males nulisnya satu - satu haha, percuma gak bakal dibaca juga :D. Baiklah buat yang ingin mencobanya bisa langsung ikuti step - by stepnya dibawah ini Templatenya <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:css='false' b:responsive='true' b:version='2' class='v2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gm...