Pertemuan 1-Javascript_pendahuluan

 

Materi Part 1

1. Apa itu javascript ?

    Tahukah kamu bahwa javascript adalah bahasa pemrograman yang digunakan dalam pengembangan website agar lebih dinamis dan interaktif. kalau sebelumnya kamu hanya mengenal HTML dan CSS, nah sekarang kamu jadi tahu bahwa javascript dapat meningkatkan fungsional pada halaman web.
    Pada tahun 1994 Javascript mulai dikenal, pada saat itu juga web dan internet sudah mulai berkembang. Javascript di design oleh Brend Eich meruupakan karyawan Netscape. Nama javascript bertranformasi dari Mocha, Mona, LiveScript, hingga akhirnya resm bernama javascript.
   Versi awal javascript hanya dipakai di kalangan Netscape,  Pada tahun 1996 javascript resmi                 dinakanan ECMAScript. ECMAScript 2 dikembangan pada tahun 1998 dan berlanjut menjadi ECNAScript 3 setahun kemudian tepatnya tahun 1999 dan sekarang sudah memasuki pada versi ke 8. Pada tahun 2016, 92%  web diketahui menggunakan javascript dan javascript akan terus melakukan  perkembangan.
   Alat yang dibutuhkan bagi pemula belajar javascript :
  -Web Broser (Google Chrome, Firefox, Opera dll)
  -Teks Editor (VC Code, Sublime Text )

2. Mengenal console javascript

     Consol javascript terdapat pada browser , silahkan buka web browser ( contoh : chrome)  

console yang terdapat di web broser
     Klik titik tiga pada bagian ujung kana chrome (Pastikan sudah login ke akun google)>klik more             tools>develover tools

3. Membuat program javascript pertama

  • Silahkan buka teks editor, kemudian buat file baru bernama hello_word.html dan isi dengan kode berikut   
    kode yang dimasukan di teks editor

    hasil dari kode yang telah dibuat
    tadi kita menulis perintah : console.log("Saya belajar Javascript")
          Mengapa tidak ditampilkan ? Karena perintah atau fungsi console.log akan menampilkan pesan              dalam console javascript. Sedangkan perintah document.write () berfungsi untuk menulis                       dokumen HTML, maka dia akan ditampilkan kesana.
           Sekarang coba buka console javascript.
           Maka kita akan melihat pesan "saya belajar javascript"
  

Materi Part 2

1. Cara penulisan kode javascript : Tag <script>

    Cara yang umum yang dipakai adalah menuliskannya denga tag <script> dikenal dengan istilah embed. Tag <script> bisa dibuat di dalam tag <head> maupun tag <body>.    

contoh menggunakan tag <script>



hasil 


2. Cara penulisan kode javascript : File Eksternal

    Tidak ingin kode javascript bercampur dengan HTML, kita bisa menuliskannya pada file terpisah. caranya, buatlah sebuah file yang berekstrensi .js, contoh :


file eksternal  .js kemudian, hubungkan file eksternal tersebut dengan file HTML. Caranya gunakan tag <script> dengan atribut src untuk menentukan lokasi file javascript.


                                                                    


    

3. Cara penulisan  kode javascript : Atribute Event

       Cara yang ketiga ini sering digunakan untuk memanggil fungsi pada event tertentu dikenal dengan istilah inline. Misalnya ketika suatu element di klik, maka jalankan fungsi javascript.


4. Cara penulisan kode javascript : URL

     Terakhir, penulisan javascript pada URL, cara ini jarang digunakan, namun kita perlu mengetahuinya. Penulisan javascript pada URL menggunakan protokol javascript. Misal, cobalah untuk menuliskan kode seperti ini pada URL browser Javascript:alert("nah ini javascript")
      Hasilnya javascript akan dieksekusi browser.



Komentar

Posting Komentar