Tutorial Web Programming

Web Programming Top Contributors

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 2]

pada tutorial  sebelumnya kita sudah membuat 2 modal, yaitu modal "Masuk" dan modal "Daftar" dan pada tahap ini kita akan membuat halaman Chatroom. langsung saja kita buat halaman chatroomnya, kita masukkan kedalam function. function sudah_login(){ ?> <!doctype html> <html lang="en"...

1
Level: Newbie
Est. time: 60 min

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 1]

Ketemu lagi dengan saya, masih di jagocoding.com, pada kesempatan kali ini saya kembali menulis tutorial tentang Membuat Web Chatting dengan Ajax Jquery, PHP dan Bootstrap 2.3.2, saya yakin pembaca disini adalah seorang aktifis jejaring social seperti facebook, twitter, dan jagocoding ini sendiri, sebagaim...

8
Level: Newbie
Est. time: 60 min

CSS3 Attribute Selector

Assalamualaikum wr. wb. Attribute selector memungkingkan kita menyeleksi element html dengan menggunakan perpaduan antara attribute dan value, hal ini bisa menjadi alternatif penggunaan class dan id. bagi pembaca yang belum paham apa itu attribute, berikut penjelasan singkatnya, attribute adalah tambahan informasi...

0
Level: Newbie
Est. time: 30 min

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