Tutorial JS

JS Top Contributors

Cara membuat elemen agar bisa didrag

Website yang indah tidak hanya dilihat dari tampilannya saja, akan tetapi dilihat juga dari berbagai fitur, animasi, functionality, interaksi dan lain sebagainya. JavaScript sebagai salah satu bahasa pemrograman web saat ini semakin pesat dan semakin banyak fitur-fitur baru yang disematkan untuk mempermudah seorang web developer untuk membuat website yang interaktif. Salah satunya adalah dengan membuat suatu elemen yang bisa didrag kemanapun anda mau, yang akan saya bahas cara membuatnya

3
Level: Standard
Est. time: 90 min

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.

0
Level: Newbie
Est. time: 25 min

Mendefinisikan Objek

Anda telah mengenal berbagai objek yang disediakan oleh Javascript, seperti Date dan Array. Kini Anda akan mempelajari cara membuat suatu objek, lengkap dengan properti dan metodenya. Untuk membuat objek pada prinsipnya Anda melakukan hal-hal seperti berikut: Mendefinisikan fungsi yang akan...

0
Level: Standard
Est. time: 30 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 ...

0
Level: Standard
Est. time: 10 min

Membuat Polling Sederhana Dengan Ajax

Ajax adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang sec...

0
Level: Standard
Est. time: 20 min

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

Sekarang kita telah menyiapkan form bukannya di-submit dengan cara yang biasa, itu akan memicu fungsi submitForm () ketika pengunjung men-submit. Fungsi ini akan melakukan beberapa validasi dan, jika semuanya oke,maka akan mengirimkan data form ke skrip PHP melalui Ajax. Berikut fungsi secara penuh: // Sub...

0
Level: Standard
Est. time: 48 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...

11
Level: Newbie
Est. time: 60 min