Tutorial JS

JS Top Contributors

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

Selanjutnya adalah pembuatan fitur chatting, (bagian inti). Sekrang kita akan memfungsikan bagian form pengirim pesan, kita akan memprosesnya menggunakan ajax Pada form pesan diatas kita kembali menggunakan html5 validasi, required x-moz-errormessage="Ketik pesannya gan !"  jadi ketika kosong maka ak...

7
Level: Newbie
Est. time: 60 min

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

Lanjut ke pembuatan file “daftar.php” yang akan memproses, request dari ajax pada tutorial sebelumnya. berikut codenya. <?php session_start(); include "koneksi.php"; $nick=trim($_POST['nick']); $email=trim($_POST['email']); $pass=md5($_POST['pass']); $periksadulu=$koneksi->prepare...

2
Level: Newbie
Est. time: 75 min

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

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

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

Membuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage

Siapa bilang bikin galeri gambar yang responsive itu susah? Di tutorial kali ini kita akan belajar membuat galeri gambar yang tetap rapi, unik, dan responsive sekalipun dengan ukuran gambar yang berbeda-beda lho.. Yuk disimak aja gan~

0
Level: Standard
Est. time: 20 min

Membuat Duplikasi Form dengan Jquery (Dynamic Form)

Membuat dynamic field mungkin bukan hal baru bagi seorang web programmer, field inputan yang dapat ditambah maupun di hapus secara dinamis kadang sangat dibutuhkan dalam beberapa kasus. Kali ini saya akan berbagi bagaimana membuat form dinamis yang dapat di duplikasi dan dihapus sesuka kita.

2
Level: Advance
Est. time: 30 min