Inilah Perbedaan JavaScript, HTML, CSS, PHP dan SQL!

Assalamualaikum, hello guys, kali ini saya akan menjelaskan perbedaan JavaScript, HTML, CSS, PHP, dan SQL. Ini wajib diketahui pemula yang ingin menjadi web designer karena sebelum menjadi pendesain yang handal mereka harus mengenal bahasa-bahasa script yang dipakai untuk mendesain web. Langsung saja di bawah ini penjelasannya.

Script Languages for Web Design

1. HTML

HTML adalah singkatan dari Hypertext Markup Language.

HTML adalah bahasa script standar yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi baik berupa teks maupun gambar ke dalam halaman web tersebut.

Struktur keseluruhan HTML :

Struktur keseluruhan HTML

Anatomi elemen HTML :

Anatomi elemen HTML

Ciri ciri bahasa HTML :

HTML

- tersusun oleh tag pembuka <tag> dan tag penutup </tag> sebagai penanda (oleh karena itu disebut markup language). Namun ada juga tag yang tidak berpasangan, contohnya seperti <br/>.
- tidak case sensitive atau menganggap sama huruf besar maupun huruf kecil (tetapi disarankan menggunakan lowercase).
- ekstensi filenya *.htm atau *.html

2. CSS

CSS merupakan singkatan dari Cascading Style Sheet.

CSS adalah salah satu bahasa script yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan, terstruktur dan seragam, serta lebih terlihat menarik.

CSS juga merupakan bahasa kode yang bisa kita pakai untuk menetapkan beberapa aturan yang bisa diterapkan di file HTML maupun di file PHP. Dengan menggunakan CSS, tampilan / interface yang kita buat bisa jadi lebih teratur dan lebih tersusun rapi. Kita bisa mengatur beberapa hal di situs web kita dengan memanfaatkan CSS, seperti mengatur warna, ukuran halaman, menata header, sidebar, content maupun footer, dan masih banyak lagi yang bisa kita atur.

Struktur umum CSS :

Struktur umum CSS

Anatomi penulisan CSS :

Anatomi penulisan bahasa CSS

Ciri-ciri bahasa CSS :

CSS

- property dan value ditutup menggunakan tanda kurung kurawal {} yang disebut declaration.
- ekstensi filenya *.css

3. PHP

PHP merupakan singkatan dari Hypertext Preproccessor.

PHP adalah bahasa script yang dapat diselipkan ke dalam HTML, banyak dipakai untuk memprogram situs web dinamis. PHP juga bisa digunakan untuk membangun sebuah CMS (Content Management System), yaitu perangkat lunak yang digunakan untuk menambahkan atau memanipulasi (mengubah) isi dari suatu situs web.

Penempatan PHP pada HTML :

PHP disisipkan di dalam tag body pada HTML

Sintaks bahasa PHP :

PHP

Contoh script PHP :

Contoh script PHP

Ciri-ciri bahasa PHP :

PHP

- ditandai / dimulai dengan tag pembuka <?php dan tag penutup ?>
- setiap variabel diawali dengan tanda dollar ($)
- ekstensi filenya *.php

4. JavaScript

JavaScript atau sering disingkat JS adalah bahasa pemrograman tingkat tinggi dan dinamis yang populer di internet dan dapat bekerja di sebagian besar web browser populer seperti Internet Explorer, Mozilla Firefox, Opera, dan Netscape. Kode JavaScript dapat diselipkan ke dalam halaman web dengan menggunakan tag <script>...</script>.

Contoh Penempatan JS pada tag head HTML :

JS pada HTML

Anatomi JS :

JavaScript Anatomy

Contoh script JS :

JS Example

5. SQL

SQL adalah singkatan dari Stuctured Query Language.

SQL adalah bahasa script berisi sekumpulan perintah khusus yang digunakan untuk mengakses data dalam basis database relasional. SQL merupakan sebuah bahasa komputer yang mengikuti standar ANSI (American Nasional Standard Institute) yang digunakan dalam manajemen database relasional. Saat ini hampir semua server basis data yang ada mendukung bahasa ini untuk melakukan manajemen datanya.

SQL

Secara umum, SQL terdiri dari 2 bahasa, yaitu DDL (Data Definition Language) dan DML (Data Manipulation Language.

a. DDL (Data Definition Language)

DDL digunakan untuk mendefinisikan, mengubah, serta menghapus basis data dan objek-objek yang diperlukan dalam basis data, misalnya tabel, view, user, dan sebagainya. Secara umum, DDL yang digunakan adalah sebagai berikut.

- CREATE : untuk membuat objek baru
- USE : untuk menggunakan objek
- ALTER : untuk mengubah objek yang sudah ada
- DROP : untuk menghapus objek

b. DML (Data Manipulation Language)

DML digunakan untuk memanipulasi data yang ada dalam suatu tabel. Perintah yang umum dilakukan adalah sebagai berikut.

- SELECT : untuk menampilkan data
- INSERT : untuk menambahkan data baru
- UPDATE : untuk mengubah data yang sudah ada
- DELETE : untuk menghapus data

Contoh struktur SQL :

DML of SQL

Sekian dari saya, kurang lebihnya mohon maaf.
Jika ada kesalahan atau ingin menambahkan kekurangan, harap berikan komentar.
Semoga bermanfaat.

Wassalamualaikum.