
1 Belajar JavaScript : Pengenalan
JavaScript adalah bahasa skrip client-side yang paling populer dan banyak digunakan. Skrip client-side mengacu pada skrip yang berjalan di dalam browser web kalian. JavaScript dirancang untuk menambahkan interaktivitas dan efek dinamis ke halaman web dengan memanipulasi konten yang dikembalikan dari server web. Lanjut baca…
2. Belajar JavaScript : Membuat File Pertama
Di sini, kalian akan belajar betapa mudahnya menambahkan interaktivitas ke halaman web menggunakan JavaScript. Tapi, sebelum kita mulai, pastikan kalian telah memiliki pengetahuan tentang HTML dan CSS. Lanjut baca,..
3. Belajar JavaScript : Sintaks JavaScript
Sintaks JavaScript adalah seperangkat aturan yang menentukan program JavaScript yang terstruktur dengan benar. JavaScript terdiri dari pernyataan JavaScript yang ditempatkan di dalam tag HTML <script> </script> di halaman web, atau di dalam file JavaScript eksternal yang memiliki ekstensi .js. Lanjut baca…
4. Belajar JavaScript : Variabel JavaScript
Variabel merupakan salah satu dasar untuk semua bahasa pemrograman. Variabel digunakan untuk menyimpan data, seperti string teks, angka, dll. Data atau nilai yang disimpan dalam variabel dapat diatur, diperbarui, dan diambil kapan pun diperlukan. Secara umum, variabel adalah nama simbol untuk nilai. Lanjut baca…
5. Belajar JavaScript : Hasil Output JavaScript
Ada situasi tertentu di mana kalian mungkin perlu menghasilkan output dari kode JavaScript kalian. Misalnya, kalian mungkin ingin melihat nilai variabel, atau menulis pesan ke browser console untuk membantu kalian men-debug masalah dalam kode JavaScript yang kalian jalankan, dan sebagainya. Lanjut baca…
6. BelajarJavaScript : Tipe Data JavaScript
Tipe data pada dasarnya menentukan jenis data apa yang dapat disimpan dan dimanipulasi dalam suatu program. Ada enam tipe data dasar dalam JavaScript yang dapat dibagi menjadi tiga kategori utama: primitif (atau primer), komposit (atau referensi), dan tipe data khusus. Lanjut baca…
7. Belajar JavaScript : Operator JavaScript
Operator adalah simbol atau kata kunci yang memberi tah JavaScript untuk melakukan beberapa tindakan. Misalnya, simbol penambahan (+) adalah operator yang memberi tahu JavaScript untuk menambahkan dua variabel atau nilai, sedangkan simbol sama dengan (==), lebih besar dari (>) atau kurang dari (<) adalah operator yang memberitahu JavaScript untuk membandingkan dua variabel atau nilai, dan sebagainya. Lanjut baca…
8. Belajar JavaScript : Event JavaScript
Event adalah sesuatu yang terjadi ketika pengguna berinteraksi dengan halaman web, seperti ketika dia mengklik tautan atau tombol, memasukkan teks ke dalam kotak input atau textarea, membuat pilihan dalam select box, menekan tombol pada keyboard, memindahkan pointer mouse, memasukkan formulir, dll. Lanjut baca…
9. Belajar JavaScript : String JavaScript
String adalah urutan huruf, angka, karakter khusus, dan nilai aritmatika atau kombinasi dari semuanya. String dapat dibuat dengan melampirkan string literal (mis. Karakter string) baik dalam tanda kutip single (‘) atau tanda kutip double (“), Kalian dapat menggunakan tanda kutip di dalam string, asalkan berbeda dengan tanda kutip yang mengelilingi string. Lanjut baca…
10. Belajar JavaScript : Angka JavaScript
JavaScript mendukung angka integer dan floating-point yang dapat direpresentasikan dalam notasi desimal, heksadesimal, atau oktal. Tidak seperti bahasa lain, JavaScript tidak memperlakukan angka integer dan floating-point secara berbeda. Lanjut baca…
11. Belajar JavaScript : Statement If…Else
Seperti kebanyakan bahasa pemrograman lain, JavaScript juga memungkinkan kalian untuk menulis kode yang melakukan aksi yang berbeda berdasarkan hasil dari kondisi pengujian logis atau komparatif pada saat itu juga. Lanjut baca…
12. Belajar JavaScript : Statement Switch…Case
Pernyataan switch..case adalah alternatif untuk pernyataan if…else if…else, yang melakukan hal yang mirip. Pernyataan switch…case menguji variabel atau ekspression terhadap serangkaian nilai hingga menemukan kecocokan, dan kemudian mengeksekusi blok kode yang sesuai dengan kecocokan itu. Lanjut baca…
13. Belajar JavaScript : Array
Array adalah variabel kompleks yang memungkinkan kita untuk menyimpan lebih dari satu nilai atau sekelompok nilai di bawah nama variabel tunggal. Array JavaScript dapat menyimpan nilai apa pun yang valid, termasuk string, angka, objek, fungsi, dan bahkan array lainnya, Lanjut baca…
14. Belajar JavaScript : Sorting Array
Penyortiran adalah tugas umum ketika menggunakan array. Hal tersebut akan digunakan, misalnya, jika kalian ingin menampilkan nama kota atau wilayah dalam urutan abjad. Objek JavaScript Array memiliki metode sort() bawaan untuk menyortir elemen array dalam urutan abjad. Lanjut baca…
15. Belajar JavaScript : Loops
Loop digunakan untuk mengeksekusi blok kode yang sama berulang kali, sampai kondisi tertentu terpenuhi. Ide dasar di balik sebuah loop adalah untuk mengotomatiskan tugas yang berulang dalam suatu program untuk menghemat waktu dan usaha. JavaScript sekarang mendukung lima jenis loop yaitu while, do while, for, for in, dan for of. Lanjut baca…
16. Belajar JavaScript : Function
Fungsi adalah sekelompok pernyataan yang melakukan tugas tertentu dan dapat disimpan dan dikelola secara terpisah dari program utama. Fungsi menyediakan cara untuk membuat code package yang dapat digunakan kembali yang lebih ringkas (portabel) dan lebih mudah untuk di-debug. Lanjut baca…
17. Belajar JavaScript : Object
JavaScript adalah bahasa berbasis objek dan dalam JavaScript hampir semuanya adalah objek atau bertindak seperti objek. Objek JavaScript hanyalah kumpulan nilai yang diberi nama. Nilai-nilai ini biasanya disebut sebagai properti dari objek. Jika kalian ingat dari bab array JavaScript, array adalah kumpulan nilai, Lanjut baca…
18. Belajar JavaScript : Membuat Validasi Form sederhana
Pada kesempatan kali ini saya akan mencoba berbagi kepada teman-teman semua bagaimana membuat Validasi Form menggunakan Javascript sederhana , berikut dibawah ini contoh hasil validasinya. Lanjut baca…
19. Belajar JavaScript : Pengenalan JavaScript Part 1
Pada pertemuan kali ini kita akan coba mempelajari apa itu JavaScript. JavaScript ini sendiri biasanya berjalan di client side. Klien disini adalah browser seperti Mozilla Firefox, Safari, Internet Explorer, dan Google Chrome. Lanjut baca…
20. Belajar JavaScript : Pengenalan JavaScript Part 2
Pada pertemuan kali ini kita akan melanjutkan pembahasan mengenai javascript klik link ini untuk menuju pembahasan javascript sebelumnya. Oke kali ini kita akan coba melanjutkan dengan operator pada javascript. Lanjut baca…
21. Belajar JavaScript : Membuat Beragam Efek Pada Scroll
Pada tulisan perdana saya ini saya akan membahas tentang bagaimana membuat efek pada menu scroll yang digunakan untuk website. Menu ini bisa berupa daftar tautan atau tulisan biasa yang mana jika digulir kebawah akan muncul beragam efek didalamnya. Lanjut baca…
22. Belajar JavaScript : Menambahkan efek Tooltip ketika Cursor Diarahkan Pada Button
Pada kesempatan kali ini kita akan membahas mengenai menambahkan efek tooltip ketika cursor diarahkan pada button. Memvariasikan button ketika cursor diarahkan maka akan muncul efek tooltip , button ini dibuat menggunakan CSS Bootstrap & javascript Bootstrap. Lanjut baca…
23. Belajar JavaScript : Pengertian JavaScript
JavaScript adalah bahasa pemograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemograman yang pemrosesannya dilakukan oleh client. Lanjut baca…
24. Belajar JavaScript : Mengurutkan Data Table tanpa Refresh dengan Tablesorter JavaScript
Dikutip dari code.tutplus.com menuliskan bahwa tablesorter adalah plugin jQuery sederhana yang menyediakan untuk menyortir kolom dinamis dan pagination dalam tabel HTML Anda. Ini adalah cara yang bagus untuk mengurutkan file, Lanjut baca…
25. Belajar JavaScript : Date Object Methods JavaScript
Javascript memiliki banyak fungsi yang bisa kita manfaatkan. Karena banyaknya fungsi tersebut membuat banyak para programer tidak menguasai sepenuhnya. Bagi anda yang baru mempelajari javascript, Lanjut baca…
26. Belajar JavaScript : Mempelajari JavaScript
Oke kali ini kita akan coba mempelajari apa itu javascript teman-teman WebHozz. Javascript ini sendiri biasanya berjalan disisi klien. Klien disini adalah browser seperti Mozilla Firefox, Safari, Internet Explorer, dan Google Chrome. Lanjut baca…
27. Belajar JavaScript : Mendapatkan Elemen Dengan Nama Elemen
Sebuah elemen mempunyai atribut-atribut, di antara adalah name. Untuk mendapatkan elemen berdasarkan atribut name dapat digunakan perintah document.getElementsByName(). Method ini akan mengembalikan seluruh elemen yang mempunyai name yang sesuai dalam bentuk array. Lanjut baca…
28. Belajar JavaScript : Menampilkan Data
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai menampilkan data pada JavaScript. Ada beberapa cara utuk menampilkan data JavaScript di browser. Salah satu caranya yaitu menggunakan innerHTML. Lanjut baca…
29. Belajar JavaScript : Membuat Perbandingan Lebih Besar
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai perbandingan lebih besar pada JavaScript. Perbandingan lebih besar akan menghasilkan nilai true jika nilai operand pertama lebih besar daripada operand kedua. Lanjut baca…
30. Belajar JavaScript : Mendapatkan Elemen Form
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai mendapatkan elemen form pada JavaScript. Untuk mendapatkan elemen Form, seperti input atau select kalian dapat menggunakan nama form diikuti nama atau id elemen input. Lanjut baca…
31. Belajar JavaScript : Menggabungkan Elemen Array
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai menggabungkan elemen array pada JavaScript. Source code di bawah digunakan untuk menggabungkan elemen-elemen pada satu array. Perintah yang digunakan adalah join() dengan parameter string pembatas antarelemen yang digabungkan. Lanjut baca…
32. Belajar JavaScript : Pencarian String Dengan RegExp
Source code berikut merupakan bentuk pencarian dengan sebuah pola regex. Kalian dapat memanfaatkan karakter vertikal | untuk mencari beberapa alternatif pencarian. Dengan demikian akan menghemat kode jika menggunakan if else sebagai statement pencarian tetapi cukup 1 if saja. Lanjut baca…
33. Belajar JavaScript : Menambah Baris Data
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai menambah baris data pada JavaScript. Source code di bawah mendemonstrasikan penambahan baris baru <tr>, beserta elemen <td> pada tbody sehingga menjadi penambahan baris data baru pada tabel. Lanjut baca…
34. Belajar JavaScript : Membuat PUSH dan POP Array
PUSH adalah menambahkan elemen array pada akhir elemen sedangkan POP adalah menghapus elemen terakhir dari array. Source code berikut mendemonstrasikan penggunaan fungsi push dan pop pada sebuah array. Lanjut baca…
35. Belajar JavaScript : Membuat Slice Splice Array
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai membuat slice splice array di JavaScript. Slice digunakan untuk mendapatkan elemen array tanpa menghapus elemen array yang asli. Lanjut baca…
36. Belajar JavaScript : Membuat RegExp Exec
Reguler Expression atau RegExp adalah sebuah pola yang digunakan hampir seluruh pemrograman yang memudahkan programmer untuk mencari pola tertentu dari suatu string. Regexp dapat digunakan untuk membatasi karakter apa saja yang diijinkan pada input, Lanjut baca…
37. Belajar JavaScript : Pembuatan Properti
Sebuah objek terdiri dari properti dan method. Source code di bawah mendemonstrasikan pembuatan properti pada saat deklarasi pembuatan kelas atau objek dan setelah sebuah objek tercipta. Lanjut baca…
38. Belajar JavaScript : Perbandingan Identik Pada Operator Perbandingan
Perbandingan identik adalah perbandingan untuk membandingkan nilai dan tipe data yang dimiliki oleh suatu operand. Perbandingan ini hanya menghasilkan nilai true jika kedua nilai operand adalah sama dan mempunyai tipe yang sama. Lanjut baca…
39. Belajar JavaScript : Mengenal Event OnMouseOver
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai Event OnMouseOver pada JavaScript. Kebalikan dari mouseout, event onmouseover terjadi ketika sebuah pointer mouse memasuki elemen yang mempunyai event ini. Lanjut baca…
40. Belajar JavaScript : Event Onselect
Event OnSelect adalah event yang terjadi pada elemen input text dan textarea saat nilai pada elemen tersebut diblok (diseleksi). Berikut source code yang menampilkan alert saat user menyeleksi nilai pada elemen textarea. Lanjut baca…
41. Belajar JavaScript : Event OnKeyDown
Event onKeyDown adalah event yang terjadi ketika sebuah tombol keyboard ditekan. Source code di bawah menunjukkan penggunaan keydown untuk melakukan validasi terhadap suatu input. Validasi dilakukan dengan memfilter/membatasi bahwa hanya input angka 0-9 yang diijinkan untuk dimasukkan. Lanjut baca…
42. Belajar JavaScript : Event ONDBLCLICK
Event ONDBLCLICK adalah event yang terjadi ketika suatu elemen mendapat klik 2 kali. Sama seperti klik event, ini dapat diberikan pada seluruh objek dan tag halaman web. Lanjut baca…
43. Belajar JavaScript : Fungsi Return
Berbeda dengan fungsi di atas yang hanya melakukan tugas tertentu, sebuah fungsi dapat memiliki nilai kembalian (return). Fungsi dengan nilai kembalian bisa digunakan untuk menghitung suatu rumus matematika atau mendapatkan data lain. Lanjut baca…
44. Belajar JavaScript : Membuat Validasi Email
Kali ini saya ingin membagikan artikel mengenai membuat validasi email dengan JavaScript. Berikut adalah validasi sebuah input form yang akan mengecek format sebuah email. Jika nilai input tidak sama dengan format email maka pengiriman form akan dibatalkan. Lanjut baca…
45. Belajar JavaScript : Membuat Event
Event onerror terjadi ketika sebuah error/kesalahan muncul pada saat halaman web atau gabar yang sedang dimuat/di-load. Berikut source code yang akan menampilkan alert ketika loading gambar mengalami kesalahan/error. Lanjut baca…
46. Belajar JavaScript : Angka Acak/Random Pada Fungsi Objek Math
Math.random() digunakan untuk membuat sebuah angka acak antara 0 dan 1. Dari angka acak tersebut dapat dikembangkan sebuah angka acak dengan batasan minimal dan maksimal angka. Lebih jelasnya perhatikan pembuatan angka acak dan fungsi buatan pada source code di bawah ini. Lanjut baca…
47. Belajar JavaScript : Membuat Alert Pada Jendela Dialog
Jendela alert digunakan untuk menampilkan pesan tunggal dalam bentuk jendela modal. Jendela alert hanya mempunyai satu buah tombol, yaitu OK untuk menutup jendela alert tersebut. Berikut source code penggunaan alert. Lanjut baca…
48. Belajar JavaScript : Membuat Prompt Pada Jendela Dialog
Jendela dialog prompt digunakan untuk menampilkan TextBox tunggal. Nilai dari TextBox akan dikembalikan saat jendela prompt ditutup. Saat tombol OK ditekan akan mengembalikan nilai TextBox yang diinputkan oleh user. Apabila tombol Batal yang ditekan, prompt akan mengembalikan nilai NULL. Lanjut baca…
49. Belajar JavaScript : Pencarian String
Pencarian sebuah string dapat dilakukan dengan method search(). Method search akan mengembalikan index karakter paling awal apabila pencarian ditemukan. Namun bila pencarian tidak ditemukan akan mengembalikan nilai -1. Lanjut baca…
50. Belajar JavaScript : Membuat Array Json dari String
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai membuat array JSON dari String pada JavaScript. Pada source code di bawah akan mendemonstrasikan pembuatan sebuah array yang berisikan eleen JSON dari sebuah string. Lanjut baca…
51. Belajar JavaScript : Logika Not Pada Operator Logika
Operator Not digunakan untuk membalikkan suatu nilai Boolean. Apabila operand bernilai true maka hasilnya adalah false dan sebaliknya jika operand bernilai false maka hasilnya adalah true. Berikut source code tabel kebenaran logika Not. Lanjut baca…
52. Belajar JavaScript : Perbandingan Lebih Kecil Pada Operator Perbandingan
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai perbandingan lebih kecil pada operator perbandingan JavaScript. Perbandingan ini akan menghasilkan nilai true jika operand pertama mempunyai nilai lebih kecil daripada operand kedua. Lanjut baca…
53. Belajar JavaScript : Membuat Awal Kata Kapital
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai membuat awal kata kapital. JavaScript tidak menyediakan method untuk membuat setiap kata menjadi huruf besar, sebagaimana sebuah string yang biasa digunakan pada sebuah judul. Lanjut baca…
54. Belajar JavaScript : Penempatan Kode
Seperti CSS, kode JavaScript bisa diletakkan secara internal di dalam dokumen HTML, maupun diletakkan secara eksternal dalam sebuah file berekstensi .js. Seperti halnya CSS, metode penempatan JavaScript secara eksternal lebih direkomendasikan. Lanjut baca…
55. Belajar JavaScript : Menggunakan Logika Pengulangan
Sekelompok kode dapat dieksekusi secara berulang-ulang sampai logika kondisionalnya tidak bernilai true lagi. Untuk membuat perulangan digunakan keyword for atau while. Perulangan dengan keyword while digunakan untuk mengeksekusi kode selaa kondisinya true. Lanjut baca…
56. Belajar JavaScript : Mengenal Event
Event adalah sesuatu yang terjadi di elemen HTML. Sebuah event bisa dipicu oleh browser, bisa juga dipicu oleh pengguna. Kalian bisa menggunakan JavaScript untuk memberikan reaksi tertentu pada sebuah event di halaman web. Lanjut baca…
57. Belajar JavaScript : Mengenal Keyword
Saat menyusun kode JavaScript, kalian akan sering menggunakan keyword atau nama perintah JavaScript. Berikut nama-nama keyword di JavaScript. Nama-nama ini tidak boleh digunakan sebagai nama variabel, Lanjut baca…
58. Belajar JavaScript : Menggabungkan 2 Array Atau Lebih
Array merupakan list atau objek yang dapat menampung elemen-elemen. Elemen yang ditambung bisa apapun, baik objek, string, angka, Boolean dan lainnya. Salah satunya seperti penggabungan 2 buah array JavaScript menyediakan fungsi concat (). Lanjut baca…
59. Belajar JavaScript : Penggunaan Alert
Javascript merupakan sebuah bahasa yang bisa memungkinkan suatu program web bisa berinteraksi dengan penggunanya. Tidak lain dan tidak bukan kegunaannya adalah untuk menjelaskan atau memberi reaksi kepada pengguna aplikasi mengenai suatu kondisi, Lebih lanjut…
60. Belajar JavaScript : Mengubah Dan Menghapus Cookie
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya akan membagikan artikel mengenai mengubah dan menghapus Cookie pada JavaScript. Untuk mengubah cookie dapat digunakan method tambah pada objek zcookie. Berikut souce code untuk mengubah nilai sebuah cookie. Lanjut baca…
61. Belajar JavaScript : Date Object Methods
Javascript memiliki banyak fungsi yang bisa kita manfaatkan. Karena banyaknya fungsi tersebut membuat banyak para programer tidak menguasai sepenuhnya. Bagi anda yang baru mempelajari javascript, Lanjut baca…