Tutorial Belajar JavaScript Dasar Untuk Pemula

Posted by bibil23 on Februari 15, 2016 in | 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.
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