Tutorial Web Programming

Web Programming Top Contributors

Tutorial Layouting : Membuat Grid Sama Tinggi

Salah satu masalah umum penggunaan Grid itu adalah mengatur tingginya biar rapi. Untuk bisa membuat grid yang benar-benar rapi dan sama tinggi, tentunya ada teknik-tekniknya yang simpel.. Disimak aja gih~ :D

0
Level: Newbie
Est. time: 15 min

Membuat Desain Custom Input (Checkbox + Radio Button) pada Form

Bosen lah ya liat checkbox dan radio button di HTML yang gitu-gitu aja? Di tutorial kali ini kita akan belajar mendesainnya biar kita bisa bikin tampilan customnya yang lebih unik.. Yuk disimak~

2
Level: Advance
Est. time: 20 min

Membuat Scrollspy Dengan Bootstrap

Hai JagoCodingers. Apa kabar? Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat active ketika kita berada di section tertentu ketika kita scroll? Ini bisa disebut sebagai Scrollspy. Scrollspy biasanya cocok untuk web yang bersifat single page, agar u...

1
Level: Newbie
Est. time: 30 min

Membuat Chatbox Sederhana dengan Ajax jQuery dan PHP PDO

Chatbox adalah fitur yang cukup penting di website berbasis sosial media. Nah, kali ini saya akan memberikan tutorial dasar untuk membuat chatbox ini. Langsung saja, Aplikasi ini terdapat 2 file: Index.php (UI dari Aplikasi) proses.php (file untuk memproses data) Dan untuk membuat aplikasi ini dibutu...

0
Level: Advance
Est. time: 30 min

Deteksi Tubrukan Objek Dengan HTML5 [Part 3]

BismillahirahmanirahimAssalamualaikum wr.wb Alhamdulillah kita sudah sampai di part terakhir yaitu part ke 3 dari tutorial tubrukan objek dengan HTML5. Jika ingin baca part sebelumnya, silahkan klik Part 1, Part 2. Pada part 2 telah disampaikan tentang collision 2 objek, nah sekarang bagaimana kalau banyak objek? Itulah yang akan kita ...

0
Level: Standard
Est. time: 30 min

Deteksi Tubrukan Objek Dengan HTML5 [Part 2]

Bismillahirahmanirahim Assalamualaikum wr.wb Setelah kita belajar dengan konsep awal dari tubrukan ini yang berada di Part 1, sekarang kita berlangsung ke part 2 yaitu untuk deteksi tubrukan 2 objek yang ditampilkan kedalam kanvas. Sebenarnya ada beberapa konsep untuk menggambarkan tubrukan dengan html5, contohnya rectan...

0
Level: Newbie
Est. time: 30 min

Membuat Slider sendiri dengan jQuery dan Font Awesome (Tanpa Plugin)

Memang jQuery sangat memudahkan kita dalam membuat website yang interaktif. Apalagi dengan adnya plugin jQuery yang sangat banyak dan bervariasi fungsinya, Salah satunya adalah Image Slider. Nivo Slider adalah salah satu image slider yang cukup banyak penggunanya. Kali ini saya akan memberikan tutorial un...

1
Level: Advance
Est. time: 30 min

Membuat Video Player dengan PHP dan Javascript

Pengalaman adalah guru terbaik, masih belajar dari pengalaman kali ini saya akan berbagi pengalaman dalam membuat video player local pada website (not embed seperti youtube). Setelah cari sana sini dan review kesana kemari akhirnya saya memilih untuk menggunakan sebuah plugin yang menurut saya memiliki user in...

1
Level: Advance
Est. time: 20 min

Geocoding Services pada Google Maps API

Geocode adalah salah satu fitur dari Google Maps API yang singkatnya sih adalah mentranslate human readable address menjadi sebuah koordinat peta, latitude dan longitude. Karena google maps ngga ngerti ketika kita ketik Bekasi, maka dari itu perlu dirubah terlebih dahulu ke dalam lat dan lang.

0
Level: Standard
Est. time: 30 min

Deteksi Tubrukan Objek Dengan HTML5 [Part 1]

Bismillahirahmanirahim Assalamualaikum wr.wb Alhamdulillah kita telah sampai pada tutorial penanganan Tubrukan dengan menggunakan HTML5. Di tutorial ini akan terbagi 3 part, dimana part 1 berisi tentang konsep dasar, part 2 berisi tubrukan 2 objek, dan part 3 berisi konsep tubrukan banyak objek.

0
Level: Newbie
Est. time: 30 min