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.
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.