View

Mengexport data tabel HTML ke CSV menggunakan Javascript

Fitur export sangat berguna pada daftar data dalam aplikasi web. Ini membantu pengguna untuk men-download daftar data sebagai format file untuk digunakan secara offline. Dalam aplikasi web, CSV adalah format yang paling sering digunakan untuk mengexport data ke file. Mengekspor data ke CSV sangat mudah dan yang paling penting untuk membuat aplikasi web kamu user-friendly. Pada dasarnya, fungsi data export yang digunakan dalam daftar anggota, daftar barang/produk, atau daftar lainnya untuk men-download daftar data dalam format file offline. Hanya dengan menggunakan JavaScript, kamu dapat dengan mudah mengexport data ke file CSV tanpa menggunakan plugin jQuery. Dalam tutorial ini, saya aka [...]

View

Cara Upload file Drag and Drop dengan PHP DropzoneJS

Menggunakan DropzoneJS dan PHP kita dapat menerapkan upload file drag and drop dengan mudah di aplikasi web. DropzoneJS adalah library open source yang menyediakan file upload drag’n’drop dengan preview gambar. Ini ringan, tidak tergantung pada library lainnya (seperti jQuery). DropzoneJS tidak menangani upload file ke server. Jadi, kita akan menggunakan PHP untuk upload file ke server dan MySQL digunakan untuk memasukkan informasi file pada database. Kamu hanya butuh dua file Dropzone library dropzone.js dan dropzone.css. Kamu dapat men-download kedua file tersebut dari situs DropzoneJS. Kamu juga bisa mendapatkan file-file tersebut di dalam source code dari link baw [...]

View

Cara Membuat validasi form menggunakan Parsley.js

Halo semua, hari ini di tutorial ini kita akan melihat Cara Memvalidasi Form Pendaftaran menggunakan Parsley.JS, Parsley adalah library JavaScript untuk validasi form. Baik ada banyak cara yang dapat kita lakukan untuk memvalidasi form web menggunakan server-side atau client-side dengan membuat kode kustom server-side/client-side yang dapat berupa JavaScript atau PHP, atau dapat juga dilakukan dengan menggunakan beberapa Plugins/Library validasi jQuery, diantara saya telah menemukan Parsley yang banyak digunakan di sebagian besar template admin bootstrap yang telah saya lihat, jadi mari kita lihat bagaimana cara menggunakannya, kamu dapat melihat demonya dari link dibawah [...]

View

Cara Upload File menggunakan AJAX, jQuery dan PHP

Hari ini saya akan membuat script Ajax upload file sederhana dengan jQuery dan PHP. Kamu akan menemukan banyak plugin jQuery untuk meng-upload file atau gambar tanpa me-refresh halaman. Tetapi kalau kamu ingin mempelajari proses upload file AJAX dan membuat sendiri script upload file AJAX, tutorial ini akan membantumu. Di sini saya akan menunjukkan bagaimana kamu dapat meng-upload file tersebut ke server tanpa me-refresh halaman menggunakan jQuery, AJAX, dan PHP. Menggunakan script file upload AJAX sederhana ini, kamu dapat dengan mudah menerapkan fungsi upload file tanpa menggunakan plugin pihak ke-3. Kode HTML Kode HTML berikut akan menampilkan kotak file upload. Pengguna dapat mem [...]

View

Fungsi JavaScript dan Pengertian

Pengertian JavaScript JavaScript adalah bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox.   Bahasa pemrograman Client Side berbeda dengan bahasa pemrograman Server Side seperti PHP, dimana untuk server side seluruh kode program dijalankan di sisi server.   Untuk menjalankan JavaScript, kita hanya membutuhkan aplikasi text editor dan web browser. JavaScript memiliki fitur: high-level programming language, client-side, loosely tiped dan bero [...]

View

Sejarah Penamaan JavaScript

  Sejarah JavaScript dimulai sekitar tahun 1994, ketika internet dan website sedang mengalami perkembangan yang pesat. Website pada saat itu umumnya dibuat menggunakan bahasa pemograman PERL yang pemrosesannya hanya bisa dilakukan di sisi web server.   Kelemahan pemrosesan di sisi web server adalah, setiap instruksi dari user harus dikirim terlebih dahulu kepada web server, baru kemudian ditampilkan lagi di dalam web browser. Karena kecepatan rata-rata  koneksi internet yang terbatas, hal ini dipandang tidak efisien. Programmer web membutuhkan bahasa pemograman client-side yang bisa berjalan di web browser tanpa harus dikirim ke server.   Pada [...]

View

Cara Menjalankan kode JavaScript

  Aplikasi Untuk Menjalankan JavaScript JavaScript merupakan bahasa script yang berjalan pada web browser, sehingga program yang dibutuhkan untuk menjalankan JavaScript hanyalah sebuah aplikasi text editor dan sebuah web browser seperti Google Chrome atau Mozilla Firefox.   Untuk aplikasi text editor, anda bisa menggunakan aplikasi notepad bawaan Windows, atau menggunakan aplikasi khusus text editor. Salah satu aplikasi text editor sederhana yang saya gunakan adalah Notepad++ yang ringan dan bersifat gratis. Untuk menginstall aplikasi Notepad++ ini pernah saya bahas pada tutorial Memilih Aplikasi Editor HTML.   Pilihan web browser bukan sesuatu yang m [...]

View

Cara Menampilkan Error JavaScript

  Kemudahan untuk menjalankan JavaScript hanya dengan web browser, memberikan permasalah tersendiri untuk programmer. Biasanya dalam membuat program adakalanya kita melakukan kesalahan penulisan program, seperti salah penulisan fungsi, atau lupa menambahkan tanda “;” sebagai penutup baris. Biasanya pesan kesalahan akan langsung ditampilkan, dan kita tinggal melakukan koreksi.   Akan tetapi, pesan kesalahan (error) untuk JavaScript tidak langsung ditampilkan web browser. Web browser pada dasarnya adalah aplikasi untuk menampilkan halaman web, dan secara default web browser “menyembunyikan” permasalahan coding halaman web yang d [...]