Ayam Koding

Belajar Algoritme & Pemrograman

Pengenalan Pemrograman JavaScript

Updated on 2022-11-01

Selamat Datang di Website ini, Tutorial kali ini kita akan membahas mengenai pengenalan JavaScript.

Baik JavaScript dan Java merupakan bahasa pemrograman yang berbeda dari segi konsep dan desain.

Sebelum mempelajari pemrograman JavaScript alangkah baiknya untuk memahami HTML dan CSS untuk mendesain web.

Apa itu Pemrograman JavaScript?

JavaScript merupakan bahasa pemrograman populer di dunia, yang memberikan fungsi dinamis pada sebuah website.

Setiap saat, anda bisa melihat pop up ketika mengarahkan mouse pada browser, atau melihat teks baru, warna atau gambar di halaman browser anda.

Siapa Pembuat JavaScript?

JavaScript diciptakan oleh Brendan Eich pada tahun 1995, dan menjadi standar ECMA pada tahun 1997.

Mengapa Belajar Javascript?

Javascript tentu sangat populer dalam pengembangan website karena merupakan satu dari 3 bahasa untuk web developer yang harus dipelajari:
1. HTML digunakan menampilkan konten dari halaman website.
2. CSS digunakan untuk mengatur layout tata letak web.
3. JavaScript digunakan untuk memprogram perilaku (behaviour) website terhadap user.

Bagaimana Syntax dari JavaScript?

JavaScript dapat diimplementasikan menggunakan pernyataan JavaScript yang ditempatkan diantara tag <script>…</script> pada sebuah halaman website. Kita bisa menempatkan tags <script> berisi JavaScript dimanapun pada halaman, akan tetapi normalnya direkomendasikan pada bagian <head> tags.

Syntax:

<script ...>
    // JavaScript code
</script>

Pada script tag mempunyai dua (2) atribut yang penting yakni:
– Language :
Atribut ini untuk mendefinisikan bahasa script yang digunakan, umumnya nilainya akan berisi javascript.
– Type :
Atribut ini direkomendasikan untuk menunjukan bahasa script yang dipakai, dan nilainya seharusnya menjadi “text/javascript”.

Sehingga syntax simpelnya menjadi:

<script language="javascript" type="text/javascript">
  // JavaScript Code
</script>

Contoh JavaScript :

<!DOCTYPE html>
<html>
    <body>
    <h1>Contoh JavaScript</h1>
    <button type="button"
    onclick="document.getElementById('contoh').innerHTML = Date()">
    Klik disini untuk menampilkan waktu.</button>

    <p id="contoh"></p>

    </body>
</html>

Output Kode:
// sebelum

// sesudah (ketika di klik)

Hasil tersebut akan menampilkan waktu dan tanggal sesuai saat di klik.

Apa Kelebihan JavaScript?

Website yang menggunakan JavaScript mempunyai banyak keunggulan daripada yang tidak menggunakan, seperti:

1. Meningkatkan website lebih interaktif

Anda bisa membuat interface menjadi lebih menarik ketika user mengarahkan mouse maupun aktivitas dengan keyboard.


2. Kaya akan antarmuka (interface)

Anda bisa menggunakan JavaScript untuk menggunakan komponen drag-and-drop serta slider untuk memberikan kaya antarmuka kepada pengunjung website.

3. Mengurangi interaksi server

Anda bisa memberlakukan user input sebelum mengirim halaman ke server. Hal ini akan mengurangi trafik server, sehingga mengurangi loading pada server.

4. Menambah timbal balik pada pengunjung

Menunggu bagi user adalah hal yang sangat menyebalkan.. Pengunjung tidak mempunyai waktu untuk menunggu loading website.

Jika menggunakan javascript maka akan membantu interaksi user tanpa menunggu loading.

Demikian tutorial pemrograman JavaScript tentang pengenalan JavaScript yang digunakan untuk membuat web lebih interaktif.

Selanjutnya kita akan membahas mengenai cara menghubungkan JavaScript ke halaman HTML.

Semoga tutorial ini bermanfaat dan terima kasih.