Tutorial jQuery

Top Contributors

Membuat Animasi Back to Top dengan JQuery

Selamat sore sahabat Jago Coding, pada sore yang indah ini saya akan berbagi tutorial tentang java script atau jquery. Pada tutorial ini, kita akan membuat button back to top dengan jquery.

1
Level: Newbie
Est. time: 25 min

Membuat Tanggal dengan Datepicker

Untuk menangani input dan edit penanggalan, biasanya digunakan digunakan komponen ComboBox, namun saat ini ada cara yang lebih efektif dengan hasil yang lebih cantik, yaitu menggunakan komponen Date Picker. Mengapa lebih efektif? Karena kalau pakai ComboBox memerlukan codingphp yang cukup ...

1
Level: Standard
Est. time: 10 min

Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 4]

Sekarang form sudah dapat berfungsi. Kita dapat membuka halaman di browser, klik link "Send Us an Email" untuk melompat ke form, isi kolom, dan submit form untuk mengirim pesan. Namun, kita sekarang akan meningkatkan form kita menggunakan JavaScript untuk memberikan experience yang lebih baik untuk pengunju...

0
Level: Standard
Est. time: 30 min

Membuat Jam Digital dengan CSS3

Jam merupakan penanda waktu yang penting saat kita mengunjungi  website. Pada Tutorial kali ini kita akan membuat Jam Digital pada website kita menggunakan jQuery dan CSS3 HTML <div id="clock" class="light"> <div class="display"> <div class="weekdays"></div> ...

1
Level: Standard
Est. time: 30 min

Notifikasi Keren dengan CSS3

Notifikasi pada website merupakan hal yang penting untuk memberi tahu pengunjung website tentang informasi singkat yang diberikan oleh pemilik website, hal ini akan mempengaruhi User Xperience pengunjung saat berada pada halaman konten. Pada Tutorial kali ini, Kita akan belajar bagaimana untuk membuat beberap...

0
Level: Standard
Est. time: 30 min

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 5] (Terakhir)

ok teman-teman sampai jumpa kembali masih ditutorial yang sama, pada tahap sebelumnya kita sudah berhasil membuat mesin chattingnya, sekarang lanjut ke pembuatan emoticonnya. Emcoticon diatas kita tampilkan dengan bantuan popover bootstrap, kemudian kita meloadnya dengan javascript. buka kembali fil...

13
Level: Newbie
Est. time: 60 min

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 !" &nbsp;jadi ketika kosong maka ak...

8
Level: Newbie
Est. time: 60 min

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

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

3
Level: Newbie
Est. time: 75 min

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

pada tutorial&nbsp; 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(){ ?&gt; &lt;!doctype html&gt; &lt;html lang="en"...

2
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