Posted by bibil23 on Februari 15, 2016 in Tips Dan Trik | No comments
Tutorial
Belajar JavaScript Dasar Untuk Pemula
JavaScript adalah
bahasa pemograman yang digunakan untuk membuat interaksi atau menambah fitur
web dinamis kedalam sebuah web. Untuk membuat halaman web, anda tidak harus
menggunakan JavaScript.
Namun, saat ini JavaScript hadir
dalam hampir setiap halaman web modern. Sehingga JavaScript adalah salah satu bahasa pemograman web
yang wajib di kuasai.
Javascript merupakan
bagian dari 3 teknologi penting yang harus dikuasai programmer web, yakniHTML untuk konten (isi dari website), CSS untuk tampilan (presentation), dan JavaScript untuk interaksi (behavior).
Hampir seluruh website
modern saat ini menggunakan JavaScript untuk membuat berbagai aplikasi yang
dapat berinteraksi dengan user, seperti validasi form HTML, games, kalkulator, fitur chatting, dll.
Contoh sederhana penggunaan JavaScript dapat anda lihat pada situs duniailkom ini. Cobalah scrollhalaman web sampai bawah, dan pada pojok kanan
bawah browser akan muncul tanda panah yang jika di-klik akan membuat jendela
web browser kembali ke posisi awal halaman. Ini adalah fitur sederhana yang
dapat di buat
menggunakan JavaScript.
menggunakan JavaScript.
Dalam
mempelajari JavaScript,
anda sebaiknya telah menguasai dasar-dasar HTML, dan bisa membuat halaman web sederhana
menggunakan HTML. Pengetahuan
tentang CSS dan PHP juga akan membantu, walaupun tidak
diharuskan.
Dalam halaman ini saya
akan mengindex seluruh artikel Tutorial Belajar JavaScript di
duniailkom. Semoga Tutorial JavaScript ini bisa bermanfaat untuk anda yang baru
belajar JavaScript, atau sekedar refreshing dan menjadi bahan
referensi untuk yang sudah mahir dengan JavaScript.
Sekilas struktur JavaScript
Struktur dari JavaScript adalah sbb :
<SCRIPT LANGUAGE = ”JavaScript”>
<!- -
Penulisan kode javascript
// - - >
</SCRIPT>
Keterangan :
Kode <!- - // - - > umumnya disertakan
dengan tujuan agar sekiranya browser tidak mengenali JavaScript maka browser
akan memperlakukannya sebagai komentar sehingga tidak ditampilkan pada jendela
browser.
JavaScript sebagai bahasa
berorientasi pada obyek
Properti
Properti adalah atribut dari sebuah objek.
Contoh, objek mobil punya properti warna mobil.
Penulisan :
Nama_objek.nama_properti = nilai
window.defaultStatus = ”Selamat Belajar
Dasar-Dasar JavaScript”;
Metode
Metode adalah suatu kumpulan kode yang digunakan
untuk melakukan sesuatu tindakan
terhadap objek.
Penulisan :
Nama_objek.nama_metode(parameter)
document.write (”Hallo Sahabat Sampul Ilmu”)
Letak JavaScript dalam HTML
Skrip Javascript dalam dokumen HTML dapat
diletakkan pada :
1. Bagian Head
2. Bagian Body (jarang digunakan).
Contoh Dasar-Dasar JavaScript
Sebelum mencoba belajar JavaScript Terlebih
dahulu buatlah halaman HTML di komputer anda, untuk cara pembuatannya
clik disini
Pemakaian alert sebagai
property window
Copy Code Dibawah ini yang
(berwarna biru) dan Paste kedalam Halaman HTML anda Yang Telah dibuat
sebelumnya.
<HTML>
<HEAD>
<TITLE>Alert
Box</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE =
"JavaScript">
<!--
window.alert("Mari Belajar
Bersama Sampul Ilmu");
//-->
</SCRIPT>
</BODY>
</HTML>
Pemakaian metode dalam objek.
Copy Code Dibawah ini yang
(berwarna biru) dan Paste kedalam Halaman HTML anda Yang Telah dibuat
sebelumnya.
<HTML>
<HEAD>
<TITLE>Skrip
JavaScript</TITLE>
</HEAD>
<BODY>
Percobaan memakai
JavaScript:<BR>
<SCRIPT LANGUAGE =
"JavaScript">
<!--
document.write("Selamat
Mencoba JavaScript<BR>");
document.write("Semoga
sukses!");
//-->
</SCRIPT>
</BODY>
</HTML>
Pemakaian prompt
Copy Code Dibawah ini yang
(berwarna biru) dan Paste kedalam Halaman HTML anda Yang Telah dibuat
sebelumnya.
<HTML>
<HEAD>
<TITLE>Pemasukan
Data</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE =
"JavaScript">
<!--
var nama = prompt("Siapa
nama Anda?","Masukkan nama anda");
document.write("Hai,
" + nama);
//-->
</SCRIPT>
</BODY>
</HTML>
Pembuatan fungsi dan cara
pemanggilannya
Copy Code Dibawah ini yang
(berwarna biru) dan Paste kedalam Halaman HTML anda Yang Telah dibuat
sebelumnya.
<HTML>
<HEAD>
<TITLE>Contoh Program
Javascript</TITLE>
</HEAD>
<SCRIPT
language="Javascript">
function pesan(){
alert ("memanggil
javascript lewat body onload")
}
</SCRIPT>
<BODY onload=pesan()>
</BODY>
</HTML>
Semoga Bermanfaat Sebagai Pembelajaran
Sumber : Bengkel Internet Pens-Its
0 komentar:
Posting Komentar