PemburuKode - Javascript
saya masih ingat pertama kali bikin tombol yang kalau diklik muncul alert, cuma butuh browser dan satu file html, tidak usah install apa-apa. dari situ saya iseng ubah alert jadi ganti teks di halaman pakai document.getElementById, dan kaget sendiri karena halaman bisa berubah tanpa reload 🙂 momen kecil itu yang bikin saya betah ngulik JavaScript.
di halaman ini kalian akan menemukan kurasi tutorial JavaScript yang saya pakai buat ngurutin belajar, dari yang bikin bingung di awal sampai yang kepakai tiap hari. kalau kalian suka lihat hasil langsung di browser, di sini tempatnya.
Kenapa Saya Tidak Bisa Lepas dari JavaScript?
jika sudah selesai bikin file html sederhana, maka akan muncul keinginan buat bikin dia hidup, misal form yang ngecek input sebelum dikirim, atau tombol yang ganti warna pas diklik. di situ JavaScript masuk. hampir semua website yang kalian buka tiap hari pakai JavaScript, jadi bekal ini kepakai di frontend maupun nanti di backend pakai Node.js.
sintaksnya memang fleksibel dan kadang bikin bingung di awal, tapi begitu paham let/const, function, dan cara kerja array, sisanya tinggal nambah sedikit demi sedikit. komunitasnya juga besar, jadi kalau error tinggal copas pesannya, pasti ada yang pernah bahas.
Daftar Tutorial JavaScript Lengkap
kurasi di bawah ini otomatis nampilin semua artikel kategori JavaScript dari yang terbaru. mulai dari let/const, array map/filter/reduce, addEventListener, sampai fetch API dan async await yang sering bikin pemula garuk kepala di awal.
1. Array Methods Javascript Map Filter Reduce
2. Perbedaan Var Let Const Javascript
3. Express.js
4. AJAX
5. Callback
6. JavaScript
7. Node.js
8. npm
9. Promise
10. React
11. Vue.js
12. Pembulatan Angka JavaScript: Mengelola Presisi Numerik dengan Lebih Akurat
13. Contoh JavaScript Kalender: Membangun Aplikasi Kalender Interaktif
14. Operator Logika JavaScript: Mengupas Tuntas Penggunaan dan Fungsi-fungsinya
15. Fungsi Object.entries() pada JavaScript
16. Fungsi `Object.values()` pada JavaScript
17. Fungsi Array.from() pada JavaScript: Konversi Objek ke Array dengan Mudah
18. Fungsi fetch() pada JavaScript: Menjalankan Permintaan HTTP dengan Mudah
19. Fungsi Date.toString() pada JavaScript: Panduan Lengkap
20. Fungsi `Date.parse()` pada JavaScript
21. Fungsi Date.getTime() pada JavaScript
22. Fungsi JSON.stringify() pada JavaScript
23. Fungsi JSON.parse() pada JavaScript
24. Fungsi Object.keys() pada JavaScript: Memahami Cara Menggunakan dan Manfaatnya
25. Fungsi Array.lastIndexOf() pada JavaScript
26. Fungsi Array.forEach() pada JavaScript
27. Fungsi XMLHttpRequest() pada JavaScript: Mengenal Penggunaannya untuk Pengembangan Web
28. Fungsi Array.find() pada JavaScript: Memahami dan Menggunakan Metode Pencarian Data
29. Fungsi String.indexOf() pada JavaScript: Mengenal dan Menggunakan Metode Pencarian String
30. Fungsi Array.length pada JavaScript: Mengetahui Panjang Array dengan Mudah
31. Fungsi `alert()` pada JavaScript: Memperkenalkan Pesan Interaktif
32. Fungsi isNaN() pada JavaScript: Panduan Lengkap dan Contoh Penggunaan
33. Fungsi typeof() pada JavaScript: Mengenal Tipe Data dengan Lebih Baik
34. Fungsi Math.floor() pada JavaScript: Memahami Pembulatan Ke Bawah
35. Fungsi parseInt() pada JavaScript: Mengubah Teks Menjadi Angka
36. Tipe Data JavaScript: Panduan Lengkap untuk Pemula
37. Promise JavaScript Adalah Apa: Memahami Konsep dan Implementasi dalam JavaScript
38. Fungsi Append pada JavaScript: Menambahkan Elemen ke Dokumen dengan Mudah
39. Framework JavaScript Populer: Membangun Aplikasi Web dengan Kecepatan dan Efisiensi Tinggi
40. Operator Logika JavaScript: Memahami Logika Pemrograman dengan Lebih Baik
41. Pembulatan Javascript: Memahami dan Menggunakan Fungsi Pembulatan dalam Javascript
42. Perbedaan React Native dan React JS: Mobile vs Web Development
43. Cara Memanggil Javascript di HTML
44. Perbedaan TypeScript dan JavaScript: Mana yang Harus Dipelajari?
45. Fungsi Const pada JavaScript: Penggunaan dan Manfaatnya
46. Fungsi document.write() pada JavaScript: Penggunaan dan Implementasi
47. Fungsi onclick pada Javascript: Menambah Interaktivitas pada Website
48. Operator Ternary di JavaScript, PHP, C++, Python, Java: Panduan Lengkap
49. Cara Install React JS: Panduan Lengkap untuk Pemula
50. Format Rupiah di Javascript
51. Cara Install NVM di Windows: Kelola Banyak Versi Node.js Sekaligus
52. Tutorial Javascript: Cara Mengaktifkan Javascript di Browser
53. Cara Membuat Form dengan Vue JS
54. Cara Membuat Router Di Vue Js Dengan Vue Router
55. Cara Install Vue Js Untuk Membuat Web dengan Vue CLI
56. Mengelola data JSON di PHP dan Javascript
57. Membuat Web CRUD dengan Nodejs dan Mysql
58. Apa itu CORS? Pengertian CORS dan Implemntasinya
59. Cara Install NodeJS di Windows
Untuk Siapa Halaman Ini?
kalau kalian suka ngulik tampilan dan ingin bikin interaksi tanpa reload, JavaScript itu pas. cukup siapin browser buat sisi client, kalau mau coba sisi server baru install Node.js. cocok buat teman-teman yang mau fokus ke frontend dulu sebelum lompat ke React atau Vue.
Alur yang Saya Pakai
- Dasar & Sintaks, kenalan sama
let/constdan tipe data, lalu cobaconsole.logpertama di DevTools. - Kontrol Alur & Fungsi, mainkan
if/else,for, danarrow function, jangan khawatir kalau masih ketuker==dan===. - Array & Object, coba
map,filter,reducebuat olah data, di sini kalian bakal sering buka console. - DOM & Event, pakai
querySelectordanaddEventListenerbuat bikin form yang ngecek input sebelum dikirim. - Modern JS, kenalan ES6,
fetch, danasync/await, lalu coba ambil data API beneran.
menurut saya, satu topik sehari itu sudah cukup. ketik ulang contohnya di console, ubah angkanya, ganti teksnya, lihat hasilnya langsung. dari iseng itu nanti pahamnya nempel.
kalau sudah enak main DOM, lanjut ke Tutorial PHP Lengkap buat urus backend, atau Tutorial Laravel Lengkap kalau mau ngerasain framework.