Untuk Pemula
May 8, 2018 5 min read
Pada artikel ini saya akan membahas mengenai belajar JavaScript untuk pemula sebelum
membahas mengenai belajar JavaScript lengkap. JavaScript menjadi bahasa pemrograman
yang wajib dipelajari untuk para developer website. JavaScript dianggap mudah digunakan
untuk membuat website yang menarik dan interaktif. Akibatnya, saat ini hampir semua
website menggunakan JavaScript sebagai bahasa pemrograman yang digunakan untuk
membuat website mereka.
Kemudahan yang ditawarkan membuat JavaScript saat ini tidak hanya digunakan pada sisi
klien saja. JavaScript sudah bisa digunakan pada sisi server, mobile, game, aplikasi
desktop, Internet of Things (IoT), dan lain sebagainya.
Daftar isi tutup
1 Apa itu JavaScript?
2 Apa saja yang dibutuhkan untuk belajar JavaScript?
3 Panduan Singkat JavaScript
3.1 Hello JavaScript
3.2 Aturan Penulisan Kode JavaScript
3.3 Variabel
3.4 Operator
4 Kesimpulan
JavaScript saat ini sudah banyak dikembangkan menjadi beberapa pengetahuan lain, seperti
AJAX. Asynchronous JavaScript dan XML (AJAX) adalah teknik yang digunakan pada
halaman website dengan menggunakan bahasa pemrograman JavaScript. Metode yang
diterapkan adalah menerima dan mengirimkan data dengan server tanpa harus menyegarkan
(refresh) halaman itu.
JavaScript sudah menjadi bahasa pemrograman yang baku. Maka dari itu, JavaScript bisa
dikolaborasikan dengan banyak bahasa lain, seperti HTML, untuk membuat website yang
mudah digunakan oleh pengguna.
JavaScript bisa membuat berbagai fitur mulai dari yang sederhana sampai dengan yang paling
kompleks, mislanya layout, galeri, tombol, causels, dan lain sebagainya. Jika dikembangkan
lebih lanjut, JavaScript dapat digunakan untuk membuat baik animasi dua dimensi maupun
tiga dimensi, bahkan aplikasi yang behubungan dengan database.
Meski tersusun atas bahasa yang cukup kompleks, JavaScript sangatlah fleksibel. Banyak
pengembang yang telah memanfaatkannya untuk membangun dan menyediakan berbagai
macam aplikasi. Apalagi saat ini juga tersedia banyak sekali bahasa pemograman pendukung
seperti Node.js dan lainnya. Node.js sendiri merupakan salah satu framework Javacript yang
mengeksekusi kode program JavaScript di luar browser.
o Web Browser (Google Chrome, Firefox, Opera, dll).
o Teks Editor (Atom, Notepad++, Sublime, dll).
Web server, digunakan untuk menjalankan kode program, seperti HTML dan PHP
yang biasanya dikombinasikan dengan JavaScript.
Hello JavaScript
1. Pertama, pada folder web server atau biasanya jika di dalam server web hosting disebut
dengan public_html, buatlah sebuah folder dengan nama script dan di dalam folder tersebut
ditambahkan file dengan nama main.js
2. Selanjutnya, buka atau buat file index.html Anda, kemudian masukkan elemen pada
sebuah baris sebelum tag penutup </body>. Tambahkan kode berikut pada file main.js
4. Akses file index.html pada folder web server Anda melalui browser.
Kode program di atas digunakan untuk mengganti Heading dari tampilan website yang sudah
ada menjadi tampilan yang sesuai dengan kode JavaScript. Kesimpulannya, kode yang sudah
ada ditimpa dengan kode JavaScript setelahnya.
Berikut ini adalah beberapa penulisan pada kode program JavaScript yang perlu Anda
ketahui.
Penulisan secara inLine sudah dicontohkan pada program untuk memunculkan teks ‘Hello,
Welcome to Arch!’ pada bagian awal artikel.
3. Eksternal Line
Contoh penulisan ini sudah kita bahas pada bagian sebelumnya ketika menggunakan main.js
sebagai tempat file JavaScript. Jadi, akan tedapat beberapa file terpisah yang tersimpan di
dalam folder web server untuk membuat satu struktur web yang lengkap.
Biasanya struktur seperti ini digunakan untuk mengembangkan proyek website yang besar
dan sangat kompleks.
4. Case Sensitivity
Jadi, penulisan huruf pada JavaScript juga memperhatikan besar dan kecilnya. Anda akan
menemui masalah jika menganggap tidak ada masalah pada besar dan kecilnya huruf di
JavaScript. Sehingga penulisan harus konsisten.
Misalnya, jika menggunakan variabel ‘Tanggal’ akan berbeda jika menggunakan huruf kecil
‘tanggal’, keduanya adalah variabel yang berbeda meskipun cara membacanya sama.
5. Penulisan Komentar
Komentar pada JavaScript bisa menggunakan dua cara, yaitu satu baris dan yang mencakup
beberapa baris.
6. Penulisan Karakter
Variabel
Jika Anda belajar JavaScript, seperti belajar JavaScript Android atau belalajar JavaScript
untuk game pasti akan kesulitan memahami jika tidak belajar bagaimana menggunakan
variabelnya dengan baik. Berikut ini adalah beberapa contoh penggunaan variabel pada
JavaScript.
Variabel merupakan tempat yang bisa digunakan untuk memberikan nilai pada kode
pemrograman. Pertam-tama deklarasikan variabel dengan keyword var, diikuti dengan nama
variabel yang akan digunakan.
[ecko_alert color=”gray”]
o var nama;
o var az=12;
[/ecko_alert]
Tanda titik koma digunakan untuk memisahkan antarvariabel. Meskipun ada variabel yang
sudah terlebih dahulu diberian nilai. Anda nantinya dapat mengubah nilai tersebut dengan
nilai yang lainnya. Misalnya:
[ecko_alert color=”gray”]
nama = ‘Angga’;
[/ecko_alert]
Sejak awal variabel nama dari awal sudah diberikan nilai dengan isi ‘Nia’, setelah itu diisikan
nilai lain menjadi ‘Angga’, maka nilai akhir yang ada pada variabel nama adalah ‘Angga’.
Tipe data pada variabel JavaScript dinamis, yang berarti satu variabel bisa mengelola
beberapa tipe data. Misalnya:
[ecko_alert color=”gray”]
[/ecko_alert]
Ada beberapa tipe data yang bisa dipelajari dari saat Anda belajar JavaScript dengan cepat:
1. String
Menandakan bahwa variabel tersebut adalah string sehingga jika ingin mengubahnya, harus
menggunakan tanda kutip (‘..’).
[ecko_alert color=”gray”]
[/ecko_alert]
2. Number
[ecko_alert color=”gray”]
[/ecko_alert]
3. Boolean
[ecko_alert color=”gray”]
[/ecko_alert]
4. Array
Digunakan untuk menyimpan lebih dari satu nilai dalam satu var.
[ecko_alert color=”gray”]
var mix = [
“gfyty$^%”,
12.3,
NULL,
TRUE,
FALSE,
[“a”,”b”,”C”]
];
[/ecko_alert]
5. Object
[ecko_alert color=”gray”]
var orang = {
nama : “Nia”,
umur : 23,
};
[/ecko_alert]
6. Function
Potongan kode yang dikumpulkan dan bisa digunakan rulang, caranya dengan cara
memanggil fungsi tersebut.
[ecko_alert color=”gray”]
return nilai % 2 == 0;
};
[/ecko_alert]
Operator
Merupakan simbol matematika yang menghasilkan nilai yang baru. Operator berikut bisa
Anda gunakan pada kode program JavaScript.
1. Penambahan/penggabungan (+)
[ecko_alert color=”gray”]
6 + 9;
“Hello ” + “world!”;
[/ecko_alert]
[ecko_alert color=”gray”]
9 – 3;
9 / 3;
[/ecko_alert]
[ecko_alert color=”gray”]
var myVariable = ‘Bob’;
[/ecko_alert]
[ecko_alert color=”gray”]
var myVariable = 3;
myVariable === 4;
[/ecko_alert]
Operator ini digunakan untuk kesetaraan dan membalikan nilai dari sebuah variabel.
Contohnya membalikan true menjadi false dan sebaliknya.
Kondisional
Kondisional ini digunakan untuk mempertimbangkan ekspresi memberikan nilai benar atau
tidak. Hasilnya adalah menjalankan perintah lain sesuai dengan hasil kondisi dari ekspresi
yang dimasukan dalam pengujian.
[ecko_alert color=”gray”]
} else {
[/ecko_alert]
Ekspresi if digunakan untuk pengujian kesetaraan, jadi untuk membandingkan antara string
makanan dengan string nasi. Jika yang dibandingkan benar, maka eksekusi kode block
selanjutnya. Sebaliknya jika salah, maka kode block else yang dieksekusi.
Fungsi
Fungsi merupakan potongan kode yang bisa digunakan kembali dan dipanggil secara
berulang. Anda pun tidak perlu menuliskan kembali kode block yang sama. Fungsi digunakan
jika potongan kode tersebut digunakan pada beberapa bagian kode program JavaScript.
Misalnya:
Kesimpulan
JavaScript merupakan bahasa pemrograman yang cukup mudah untuk dipelajari. Meskipun
dikenal sebagai bahasa pemrograman website yang handal, hampir tidak ada perbedaan
dengan bahasa lainnya dalam penggunaan dan penulisan beberapa kode programnya.
Pada artikel belajar JavaScript dasar untuk pemula ini dibahas mengenai apa saja
pengetahuan dasar mengenai JavaScript. Ada beberapa bagian yang perlu diperhatikan saat
Anda belajar JavaScript untuk pertama kali, yaitu cara penulisan kode program, variabel, tipe
data, operator, kondisional, dan fungsi. Setelah itu, Anda bisa mengembangkannya sesuai
dengan kebutuhan website atau sistem yang ingin Anda kelola.