Mohon tunggu...
Usman Didi Khamdani
Usman Didi Khamdani Mohon Tunggu... Programmer - Menulislah dengan benar. Namun jika tulisan kita adalah hoaks belaka, lebih baik jangan menulis

Kompasianer Brebes | KBC-43

Selanjutnya

Tutup

Worklife

Programer dan Desainer Web, Karier Menjanjikan di Era Industri Digital

19 Maret 2020   05:00 Diperbarui: 19 Maret 2020   07:50 225
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
page source yang ditulis dengan disertai kode JavaScript

JavaScript dapat diibaratkan sebagai pelayan ataupun kasir yang secara langsung melayani dan berinteraksi dengan pengunjung restoran. PHP adalah bagian yang menjalankan kegiatan internal dan eksternal restoran seperti menyediakan masakan yang dipesan dan berhubungan dengan pihak-pihak luar restoran. MySQL sendiri bisa diibaratkan sebagai dapur atau rak penyimpanan yang menyediakan segala bahan dan material restoran.

HTML, CSS & JavaScript merupakan bagian front-end development sementara PHP & MySQL masuk pada bagian back-end development.

Secara teknis, penyusunan web menggunakan kode-kode teks. Baik HTML, CSS, JavaScript, PHP dan MySQL merupakan atau dikelola menggunakan kode-kode teks. Kode-kode yang kemudian akan diterjemahkan oleh aplikasi penerjemah baik yang berada pada server maupun yang berada pada komputer pengunjung atau client web yang kita kenal dengan perambah atau browser semacam Chrome, Firefox atau Opera menjadi sebuah tampilan web.

HTML merupakan singkatan dari Hypertext Markup Language. Ibarat bangunan, web sebenarnya sudah dapat didirikan cukup menggunakan HTML. Kode-kode HTML dapat ditulis langsung menggunakan aplikasi editor teks semacam Notepad atau Sublime Text yang kemudian disimpan menjadi file dengan ekstensi .html. File HTML kemudian dapat secara langsung dibuka menggunakan browser.

Sebagai contoh, silahkan ketik atau salin beberapa baris kode di bawah ini ke dalam Notepad lalu simpan misalnya dengan nama file test.html. Buka file test.html yang telah tersimpan menggunakan aplikasi browser.

Ya, kode-kode di atas akan berubah menjadi seperti tampilan pada gambar di bawah ini.

tampilan test.html dibuka menggunakan browser (dok. pribadi)
tampilan test.html dibuka menggunakan browser (dok. pribadi)
CSS merupakan singkatan dari Cascading Style Sheets. CSS, seperti namanya dan seperti yang telah diterangkan sebelumnya, berfungsi untuk mengatur style dari tampilan web. Kode-kode CSS dapat disisipkan langsung ke dalam kode-kode atau file HTML, ataupun ditulis terpisah ke dalam file tersendiri.

Kita akan mencoba memberi style pada tampilan test.html di atas. Pertama, kita buat sebuah file baru menggunakan Notepad dengan nama test.css. Tulis atau salin kode-kode di bawah ini ke dalam file test.css.

Selanjutnya, ubah isi file test.html yang telah kita buat sebelumnya menjadi seperti di bawah ini lalu simpan kembali dan buka atau jalankan kembali menggunakan browser.

HALAMAN :
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
Mohon tunggu...

Lihat Konten Worklife Selengkapnya
Lihat Worklife Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun