Scribd
Unggah
145 tayangan7 halaman

Jobsheet Javascript 1 - Pengenalan Javascript

Dokumen tersebut memberikan pengenalan dasar tentang JavaScript, mulai dari pengertian, sejarah, versi standar, peralatan yang dibutuhkan untuk belajar JavaScript seperti browser dan text editor, penggunaan console browser untuk debugging, sampai contoh program hello world pertama menggunakan JavaScript.

Diunggah oleh

rosesee33
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
145 tayangan7 halaman

Jobsheet Javascript 1 - Pengenalan Javascript

Dokumen tersebut memberikan pengenalan dasar tentang JavaScript, mulai dari pengertian, sejarah, versi standar, peralatan yang dibutuhkan untuk belajar JavaScript seperti browser dan text editor, penggunaan console browser untuk debugging, sampai contoh program hello world pertama menggunakan JavaScript.

Diunggah oleh

rosesee33
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 7

REKAYASA PERANGKAT LUNAK

SMK NEGERI 5 SURAKARTA


LAB SHEET PWDPB
KELAS XI Pengenalan Javascript SEMESTER : 2

Guru : ROSYIDA RAMADHANI, S.Pd Tgl : … – ... - 2018

1. Kompetensi
3.9. Menerapkan client side scripting pada halaman web interaktif (Javascript)
2. Indikator
Membuat program menggunakan bahasa javascript
3. DasarTeori
Javascript adalah bahasa pemrograman yang wajib kamu pelajari jika ingin mendalami
dunia web development.

Saat ini javascript tidak hanya digunakan di sisi client (browser) saja. Javascript juga
digunakan pada server, console, program desktop, mobile, IoT, game, dan lain-lain.

Hal ini membuat javascript semakin populer dan menjadi bahasa yang paling banyak
digunakan di Github.

Apa itu javascript?

Javascript adalah bahasa pemrograman yang awalnya dirancang untuk berjalan di atas
browser.

Namun, seiring perkembangan zaman, javascript tidak hanya berjalan di atas browser
saja. Javascript juga dapat digunakan pada sisi Server, Game, IoT, Desktop, dsb.
Javascript awalnya bernama Mocha, lalu berubah menjadi LiveScript saat browser
Netscape Navigator 2.0 rilis versi beta (September 1995). Namun, setelah itu dinamai
ulang menjadi Javascript.

Terinspirasi dari kesuksesan Javascript, Microsoft mengadopsi teknologi serupa.


Microsoft membuat ‘Javascript’ versi mereka sendiri bernama JScript. Lalu di tanam
pada Internet Explorer 3.0.

Hal ini mengakibatkan ‘perang browser’, karena JScript milik Microsoft berbeda
dengan Javascript racikan Netscape.

Akhirnya pada tahun 1996, Netscape mengirimkan standarisasi ECMA-262 ke Ecma


International. Sehingga lahirlah standarisasi kode Javascript bernama ECMAScript
atau ES. Saat ini ECMAScript sudah mencapai versi 8 (ES8).

Versi ECMAScript Tahun Rilis

ES 1 Juni 1997

ES 2 Juni 1998

ES 3 Desember 1999

ES 4 Terbengkalai

ES 5 Desember 2009

ES 5.1 Juni 2011

ES 6 Juni 2015

ES 7 Juni 2016

ES 8 Juni 2017

Peralatan untuk Belajar Javascript

Apa saja peralatan yang harus disiapkan untuk belajar Javascript?

1. Web Browser (Google Chrome, Firefox, Opera, dll)


2. Teks Editor (rekomendasi: VS Code)

Mengenal Console JavaScript

Ada yang mengatakan, belajar javascript itu susah, karena saat melihat hasilnya di web
browser, pesan error-nya tidak tampil. Pendapat ini tidak benar. Karena kita bisa
melihatnya melalui console.
Console Javascript dapat kita buka melalui Inspect Element->Console.
Atau Buka Web-Browser -> klik kanan -> Inspect

Di dalam console, kita bisa menulis fungsi atau kode-kode javascript dan hasilnya akan
langsung ditampilkan.

Misalnya, mari kita coba kode berikut:

console.log("Hi apa kabar!");

alert("Saya sedang belajar javascript");


Maka hasilnya:

Setelah mencoba console Javascript, maka dapat kita simpulkan:

1. Console bisa digunakan untuk menguji coba fungsi atau kode Javascript;
2. Console dapat kita gunakan untuk melihat pesan error saat debugging program.

Membuat Program Javascript Pertama

Sudah paham cara membuka dan menggunakan console javascript?

Bagus…
Kalau begitu, mari kita buat program pertama dengan Javascript.

Silahkan buka teks editor, kemudian buat file beru bernama hello_world.html dan isi
dengan kode berikut:

<!DOCTYPE html>

<html>

<head>

<title>Hello World Javascript</title>

</head>

<body>

<script>

console.log("Saya belajar Javascript");

document.write("Hello World!");

</script>

</body>

</html>

Jika kamu menggunakan teks editor VS Code, maka akan terlihat seperti ini:
Silahkan disimpan dengan nama hello_world.html, kemudian buka file tersebut
dengan web browser. Maka hasilnya:

Dari kode diatas :

console.log("Saya belajar Javascript");

Mengapa tidak ditampilkan?


Karena perintah atau fungsi console.log() akan menampilkan pesan ke
dalam console javascript. Sedangkan perintah document.write() berfungsi untuk
menulis ke dokumen HTML, maka dia akan ditampilkan kesana.

Sekarang coba saja buka console javascript.

Maka kita akan melihat pesan "Saya belajar Javascript":


4. Tugas Mandiri
Buatlah sebuah dokumen halaman-javascript1.html yang akan menampilkan seperti
berikut :
(ubahlah dengan identitas masing-masing)

Anda mungkin juga menyukai