Mulai belajar pemrograman Javascript, temukan tutorial Javascript untuk membantu proses belajar dari artikel tutorial Javascript yang ada disini, mulai dari pemula hingga mahir
JavaScript adalah bahasa pemrograman yang menghidupkan halaman web. Dari validasi form, animasi, hingga aplikasi web kompleks, JavaScript menjadi komponen esensial dalam pengembangan website modern. Kini JavaScript juga merambah ke server-side melalui NodeJS.
Kategori ini berisi tutorial JavaScript dari dasar hingga konsep lanjutan. Mulai dari cara mengaktifkan JavaScript di browser, operator logika, array map dan reduce, async await, fetch API, hingga Object.entries(). Semua materi disajikan dengan contoh praktis.
Array Methods JavaScript: Map, Filter, Reduce, Panduan Lengkap array itu struktur data dasar di javascript. buat ngolah data di dalamnya, ES6 ngenalin tiga method yang paling sering dipakai: map, filter, dan reduce. sebelum lanjut, pastikan paham dulu perbedaan var, let, dan const, karena array methods ini biasanya ditulis pakai arrow function dengan deklarasi const.
ketiganya punya prinsip yang sama: alih-alih ngubah array asli, mereka ngembaliin array baru. hasilnya kode lebih pendek dan lebih gampang ditebak, karena array sumber nggak pernah ikut berubah diam-diam.
Perbedaan var, let, dan const di JavaScript di javascript ada tiga cara mendeklarasikan variabel, yaitu var, let, dan const. sama-sama dipakai untuk menyimpan data, tapi masing-masing punya aturan main sendiri soal lingkup (scope), hoisting, dan boleh tidaknya variabel itu diubah lagi.
mungkin kalian bertanya, “kenapa harus ada tiga? kenapa tidak satu saja?” jawabannya ada di sejarah. var sudah ada sejak javascript pertama kali rilis. let dan const baru muncul di ES6 (ECMAScript 2015) untuk menambal kelemahan var.
Express.js adalah Framework web minimalis untuk Node.js yang memudahkan pembuatan API dan web application. Mendukung routing, middleware, dan template engine.
// Server Express.js sederhana const express = require('express'); const app = express(); app.get('/', (req, res) => { res.send('Hello World!'); }); app.listen(3000); Istilah Terkait Node.js JavaScript API Routing Kembali ke Glosarium Pemrograman
AJAX adalah asynchronous JavaScript and XML — teknik membuat request ke server tanpa me-reload halaman. Modern menggunakan Fetch API atau XMLHttpRequest.
// Contoh AJAX dengan Fetch API fetch('/data') .then(response => response.json()) .then(data => document.getElementById('result').textContent = data); Istilah Terkait
API JSON JavaScript Kembali ke Glosarium Pemrograman
Callback adalah fungsi yang dikirim sebagai argumen ke fungsi lain dan dieksekusi setelah operasi selesai. Umum digunakan di JavaScript untuk menangani operasi async.
// Contoh callback function selesai(nama, callback) { console.log('Halo ' + nama); callback(); } selesai('Budi', function() { console.log('Proses selesai!'); }); Istilah Terkait
Asynchronous Promise JavaScript Kembali ke Glosarium Pemrograman
JavaScript adalah bahasa pemrograman yang membuat halaman web interaktif. Awalnya hanya di browser, sekarang bisa berjalan di server via Node.js. Salah satu bahasa paling populer di dunia.
// Contoh JavaScript const nama = 'PemburuKode'; const tahun = 2026; console.log(`Selamat datang di ${nama}, tahun ${tahun}!`); document.querySelector('h1').style.color = 'blue'; Istilah Terkait
Node.js React Vue.js Kembali ke Glosarium Pemrograman
Node.js adalah runtime JavaScript di sisi server yang memungkinkan eksekusi JS di luar browser. Dibangun di atas V8 engine (Chrome). Populer untuk API, real-time apps, dan tools.
// Server HTTP dengan Node.js const http = require('http'); const server = http.createServer((req, res) => { res.writeHead(200, { 'Content-Type': 'text/plain' }); res.end('Hello World\n'); }); server.listen(3000); Istilah Terkait
JavaScript npm Express.js Kembali ke Glosarium Pemrograman
Promise adalah object di JavaScript yang merepresentasikan hasil dari operasi async (pending, fulfilled, rejected). Menggantikan callback hell dengan .then() dan .catch().
// Contoh Promise const getUsers = new Promise((resolve, reject) => { const success = true; if (success) resolve(['Budi', 'Siti']); else reject('Gagal mengambil data'); }); getUsers.then(data => console.log(data)).catch(err => console.log(err)); Istilah Terkait
Asynchronous Callback JavaScript Kembali ke Glosarium Pemrograman
React adalah library JavaScript untuk membangun user interface (UI) berbasis komponen. Dikembangkan oleh Facebook. Menggunakan virtual DOM untuk performa optimal.
// Komponen React sederhana function Welcome({ name }) { return <h1>Halo, {name}!</h1>; } export default function App() { return <Welcome name="PemburuKode" />; } Istilah Terkait
JavaScript Vue.js Node.js Kembali ke Glosarium Pemrograman
Vue.js adalah framework JavaScript progresif untuk membangun UI. Learning curve rendah, cocok untuk pemula. Bisa diintegrasikan bertahap ke project existing.
// Vue.js 3 dengan Composition API <script setup> import { ref } from 'vue' const count = ref(0) </script> <template> <button @click="count++">Klik: {{ count }}</button> </template> Istilah Terkait
JavaScript React Node.js Kembali ke Glosarium Pemrograman
Dalam pengembangan web, ketepatan matematika dan presisi numerik adalah hal yang krusial. Namun, seringkali, keterbatasan dalam representasi angka pada komputer dapat menyebabkan masalah presisi yang dapat mempengaruhi hasil perhitungan. Di sinilah pembulatan angka JavaScript masuk sebagai alat penting untuk mengatasi tantangan ini. Artikel ini akan membahas dengan mendalam konsep pembulatan angka dalam konteks JavaScript, serta bagaimana kita dapat mengimplementasikannya secara efektif dalam pengembangan web.
Pembulatan Angka: Dasar-dasar yang Perlu Anda Ketahui Apa Itu Pembulatan Angka?
