j5XpcW8LPSTMXB3E43AmnBvL2r59s0Bn3s1rqebM

Apa Kegunaan HTML, CSS, Dan Javascript?

Cara Kerja HTML CSS Javascript - Sebelum kita mulai tutorial web development dan menginstall berbagai macam tools yang diperlukanya, mari kita berkenalan lebih jauh dengan HTML, CSS, dan Javascript.

perbedaan html css javascript

Disini kita akan mencari tahu apa yang dilakukan oleh mereka ini dan apa sih perbedaan dari ketiganya.

Kita perlu mengetahui HTML dan kawan-kawanya lebih dalam karena nanti kita akan berkecimpung dengan mereka sepanjang tutorial nanti.

Jadi ketiga hal tadi adalah sebuah teknologi yang bertanggung jawab pada halaman web agar tampilan website bisa terbentuk dan dapat dimengerti oleh user, tentu saja dengan bantuan web browser yang bertugas untuk merender halaman tersebut menjadi tampilan yang elegan, karena pada dasarnya data yang di kirim oleh server ialah sekumpulan kode yang cukup sulit untuk dilihat.

Sebagai contoh, silahkan anda klik kanan pada halaman browser ini dan pilih "Lihat Sumber Halaman" atau view page source jika anda menggunakan setelan bahasa inggris, atau bisa juga menggunakan shortcur Ctr+U pada Chrome.

Anda akan dibawa ke halaman baru yang didalamnya berisi ratusan baris kode yang cukup membingungkan jika anda baru pertama kali melihat hal seperti ini.

page source

Ok, jadi mari kita memahami ketiga hal krusial tadi lebih dalam.

Semisal saya memiliki gambar character di bawah ini.

raiden
Seperti yang anda lihat character ini memiliki bentuk tubuh, penampilan, dan tingkah laku.

Bentuk tubuh atau kerangka badan bisa kita asumsikan seperti HTML pada halaman website, dimana dia menjadi dasar suatu bentuk atau layout dari semua halaman website yang ada.

Lalu yang kedua ialah CSS, pada character diatas CSS bisa disamakan dengan penampilan, pada gambar terlihat ia memakai armor logam dan pedang, dengan kata lain pada website CSS digunakan sebagai stylist atau pemercantik design. Dengan CSS kita bisa memberi warna pada background, mengganti tipe font dan lain-lain.

Dan yang ketiga adalah Javascript, Javascript bisa kita katakan sebagai behavior atau tingkah laku, dimana pada contoh gambar dengan adanya behavior maka karakter bisa bergerak secara bebas atau bergerak sesuai dengan arahan yang sudah diatur. Pada Javascript kita bisa membuat halaman website lebih interaktif, semisal merubah warna tombol secara instant dengan javascript atau menggulir halaman web langsung kebagian atas secara langsung dengan satu kali klik.

Sebagai contoh lagi untuk memperjelas perbedaan dari ketiga hal diatas silahkan anda simak gambar gif berikut ini!
perbedaan html css javascript
Pada gambar diatas bisa terlihat cukup jelas perbedaanya, saat semua kode css, html, dan javascript dijalankan, aplikasi kalkulator tadi berjalan normal, akan tetapi ketika kode javascript dimatikan, kalkulator tidak bisa melakukan kalkulasi perhitungan, dan ketika css juga dimatikan, tampilan halaman web kalkulator berubah secara drastis.

Semoga penjelasan diatas bisa anda pahami dan silahkan gunakan kolom komentar jika anda punya pertanyaan.
Related Posts
Krakenost
Never Stop Dreaming

Related Posts

Post a Comment