Powered by Blogger.
RSS

Website design : pengenalan dasar script Javascript


Apa itu Javascript?


J avascript adalah bahasa script yang biasa dijalankan di browser, Javascript juga dikenal sebagai Client Side Programming. Client di sini adalah browser, seperti : Internet Explorer, Mozilla Firefox, Safari, Google Chrome etc. Dimana kode Javascript bisa ditemukan?
  • Kode javascript biasa disisipkan diantara kode HTML.atau berupa file .js yang disisipkan pada source code HTML.
Dimanakah kita bisa menuliskan kode javascript?
  • Kita bisa menuliskan kode javascript dengan Teks Editor seperti Notepad. Kode javascript ditulis diantara tag <script> dan </script>, yang bisa kita sisipkan di antara kode-kode HTML.
Apakah kita membutuhkan Compiler untuk menjalankan javascript?
  • Tidak perlu, Anda cukup menjalankan Javascript menggunakan browser. Semua browser mempunyai engine yang menginterpretasikan kode javascript.

Memulai Javascript

Kita belajar menulis kode javascript bisa dengan menggunakan Notepad sebagai Teks Editor. 

Integrasi Javascript, CSS dan HTML

Sebuah website (blog) hakikatnya merupakan perpaduan elemen Javascript, CSS dan HTML.  Integrasi ketiga elemen tersebut dapat diilustrasikan seperti arsiran Diagram Venn di bawah ini :

integrasi css html javascript dalam website

Berikut ini contoh utuh integrasi antara elemen Javascript, CSS dan unsur HTML untuk latihan identifikasi ketiga elemen tersebut.
 
integrasi script Javascript CSS dan HTML

Pada source kode, deskripsi snippet (potongan kode) bisa ditulis seperti ini /* Contoh deskripsi satu */ atau seperti ini <!--Contoh deskripsi dua--> Kata-kata diantara tag pembuka <!— dan tag penutupnya ini tidak akan dibaca sebagai bagian dari source code. Kedua cara ini  – di dunia coding biasanya disebut sebagai comment out  –  saya gunakan bersama-sama pada source code dibawah ini.

Contoh 1 : Identifikasi Javascript satu

Identifikasi elemen javascript satu
 
Contoh 2 : Identifikasi CSS
Identifikasi elemen CSS

Contoh 3 :  Identifikasi Javascript kedua
Identifikasi elemen javascript dua
Contoh 4 : Identifikasi elemen HTML
Identifikasi elemen HTML
</!doctype> 

Untuk sementara cukup Anda kenali saja perbedaan cara penulisan kode Javascript, CSS dan HTML.


Tag Technorati: {grup-tag}

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 comments:

Post a Comment