JavaScript dan PHP, Mengapa Berbeda ?


Oleh Indra Daud (aidi)



Indra Daud

Code Sayaian



JavaScript dan PHP adalah dua bahasa pemprograman yang banyak direkomendasikan jika anda ingin belajar mengenai web programming karena keduanya cukup mudah untuk dipelajari serta tersedia banyak tutorial dan situs pembelajaran interaktif yang bisa dengan mudah anda temukan di internet , contohnya ya codesaya.com ini xD.

Artikel ini akan membahas perbedaan dari JavaScript dan PHP yang akan berlanjut ke pembahasan mengenai Client Side Programming dan Server Side Programming

Kita mulai dengan mengintip definisi keduanya dari wiki :

JavaScript

JavaScript adalah bahasa pemrograman berbasis java yang merupakan interface pembantu dalam pemrograman web. JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera.

PHP

PHP: Hypertext Preprocessor, adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.

(nb : quotenya cuma buat manjang-manjangin artikel doang xD)

Ahh definisinya gak jelas ! Bedanya apa ?

Sabar. Tarik nafas dulu, hembuskan, mainnya pelan aja biar lebih kerasa xD.

JavaScript adalah sebuah bahasa pemrograman web yang bersifat client side programming, yang artinya semua kode program akan dieksekusi, diproses atau dijalankan di sisi klien dalam hal ini web browser. Jadi jelas, kenapa kita bisa melihat beberapa nama browser terkenal dari penjelasan wiki di atas xD. Selain ditulis langsung pada file HTML, kode JavaScript juga bisa ditulis dalam file terpisah dengan ekstensi .js.

PHP adalah bahasa pemrograman web yang bersifat server side programming, artinya semua proses atau eksekusi kode PHP dilakukan di web server dan klien hanya akan menerima hasil (output) dari proses tersebut. Selain memerlukan web server agar bisa dijalankan, kode PHP harus di simpan dengan ekstensi .php. Jadi, file HTML yang mempunyai kode PHP ekstensinya dirubah dari .html menjadi .php.

Masih kurang jelas nih ! Mana contohnya ?

Ayo sama-sama kita lakukan percobaan untuk membuktikan bahwa perbedaan diantara mereka memang benar adanya xD.

Tahap pertama : JavaScript (client side programming)

  • Ketikkan kode berikut di teks editor
<html>
<body>
  <script type="text/javascript">
    document.write('Halo codesaya.com !');
  </script>
</body>
</html>
  • Simpan dengan nama javascript_halo.html
  • Coba jalankan file javascript_halo.html menggunakan web browser.

Tahan disitu, lanjut ke tahap berikut

Tahap kedua : PHP (server side programming)

  • Kembali ke teks editor, buat file baru
  • Ketikkan kode berikut
<html>
<body>
  <?php 
    echo 'Halo codesaya.com !'; 
  ?>
</body>
</html>
  • Simpan dengan nama php_halo.php (kenapa bukan php_halo.html ? baca lagi penjelasan mengenai PHP)
  • Jalankan file php_halo.php langsung menggunakan browser anda (open with)

Kok browsernya malah kosong / download file ?

Yup, itulah inti dari percobaan kita.

Pada saat anda melakukan percobaan pada tahap pertama, browser bisa membaca dan dengan mudah mengeksekusi kode JavaScript pada file javascript_halo.html, sehingga anda bisa membaca kata 'Halo codesaya.com' di browser anda.

Berbeda dengan percobaan berikutnya, dimana ketika anda mencoba menjalankan file php_halo.php browser tidak bisa mengeksekusi kode PHP pada file tersebut dan yang terjadi adalah browser malah kosong / mendownload file php_halo.php yang sebenarnya ingin anda jalankan. Ini terjadi karena PHP yang bersifat server side programming. Benarkah ? Coba kita jalankan file php_halo.php lewat web server

Dan hasilnya sukses menampilkan kata 'Halo codesaya.com !', bisa anda lihat sendiri xD.

Perbedaan lain dari client side programming dan server side programming adalah jika kita mencoba melihat source kodenya. Silahkan ctrl+u pada file javascript_halo.html

Anda bisa melihat semua kode javascript_halo.html dari atas sampai bawah xD

Sedangkan untuk file php_halo.php, anda hanya akan melihat tag HTML dan hasil (output) kode PHP yang sudah dieksekusi di web server.

Bagaimana ? Sangat jelas bedanya kan ?

Lalu, apa gunanya JavaScript dan PHP ?

Meskipun keduanya sama-sama merupakan bahasa pemrograman web, tapi JavaScript dan PHP punya fungsi dan penggunaan yang berbeda.

Use the right tool for the job.

(nb : betulkan jika quote di atas salah xD)

JavaScript biasanya digunakan sebagai pembantu interface (tampilan) sehingga halaman website lebih interaktif, seperti pembuatan animasi, menagani event yang dilakukan user dan berbagai fungsi lainnya.

Sedangkan PHP digunakan untuk membuat web dinamis yang membutuhkan manajemen data, seperti database, upload file dan masih banyak lagi.

Penutup

Jika anda sudah bisa menguasai HTML, CSS, JavaScript dan PHP, anda sudah bisa membangun sebuah website dengan struktur yang benar, tampilan yang menarik, interaktif dan tentu saja dinamis.  Yang perlu anda lakukan hanyalah latihan dan terus mencoba. Jangan takut saat menemui error, karena itu akan menambah pengalaman dan mengasah kemampuan debugging anda.

See you next time..

 

Level artikel ini adalah beginner.
Dituliskan oleh Indra Daud (aidi) pada 16 Oktober 2015 dan telah dibaca sebanyak 42342 kali.
Tag: PHP, javascript, Perbedaan

Beri Jempol · 190 jempol

berlangganan komentar



Komentar:

ganis
198
841
· 9 tahun yang lalu · 9 jempol

Bagus banget tulisannya~ tambahan, buat web programming yang front-end, belajar JavaScript itu wajib hukumnya. Kenapa? Karena cuman satu2nya bahasa yang jalan di client! (selain flash atau plugin2 lain, tapi kan gak kayak JS yang udah langsung ada di semua browser)

JavaScript dipake banget di CodeSaya buat bikin pembelajaran jadi interaktif! ^^

nurhidayati75
3
0
· 8 tahun, 11 bulan yang lalu · 3 jempol

Bagus sekali membuat orang yang tadinya anti bahasa pemrograman jadi tertarik....hebat 

w0rmD404
75
0
· 8 tahun, 11 bulan yang lalu · 3 jempol

keren gan... makin semangat nih ane belajar pemrograman. yang sekarang ane pelajarin pemrogaman PHP, JavaScript, dan C++.

aidi
192
30
penulis
· 8 tahun, 11 bulan yang lalu · 1 jempol

sip, lanjutkan dan share ilmunya gan.

AnnisaNadia
127
1
· 8 tahun, 10 bulan yang lalu · 1 jempol

Yes.. sekarang jadi tau tentang JS sama PHP, hehe..:D 

Terus share ilmunya ya, mastah! 

coconut
129
14
· 8 tahun, 10 bulan yang lalu · 1 jempol

bagaimana dengan node.js? apakah termasuk javascript yang bersifat client side programming juga? 

codingw
218
5
· 8 tahun, 8 bulan yang lalu · 3 jempol

Tulisannya sangat bagus dan menarik, tetapi mungkin ada yg harus ditambahkan bahwa javascript sekarang sudah bisa berjalan di sisi server dengan menggunakan nodejs

chspwn
15
0
· 8 tahun, 8 bulan yang lalu · 1 jempol

Akhirnya ane ngerti nih struktur orgaisasi HTML, CSS, PHP dan javasript dari tulisan ini... Jempoool!!

nurudin
10
0
· 8 tahun, 7 bulan yang lalu · 1 jempol

terima kasih ilmunya, Mas Indra

ahmadfaris
20
1
· 8 tahun, 6 bulan yang lalu · 1 jempol

keren :) 

dindanatalia29
228
6
· 8 tahun, 5 bulan yang lalu · 2 jempol

Sip gan.. dpet ilmu baru. Jangan pantang menyerah buat belajar guys. Insya Allah kita semua bisa sukses :D

tyo_inst
57
1
· 8 tahun, 5 bulan yang lalu · 1 jempol

artikel ke 2 setelah artkel kang ganis , bacaan artikel pertama saya :D .. artikelnya bagus, santai.. ga tegang, pusing mual2 xD.. keren.. quotenya saya kira serius.. g taunya becanda juga.. ahhaha.. keren.. lanjutkan kang indra.. ditunggu tulisan selanjutnya :D .. dari artikel ini saya paham, perbedaan php dan javascript :D

tyo_inst
57
1
· 8 tahun, 5 bulan yang lalu · 1 jempol

oia.. kita sama2 linux user kang.. ubuntu distro :D 

Anis_Fahchah.07
19
0
· 8 tahun, 3 bulan yang lalu · 1 jempol

Makasih..., berkat artikel ini saya selangkah mengenal bahasa pemrograman.... 

Anis_Fahchah.07
19
0
· 8 tahun, 3 bulan yang lalu · 1 jempol

Makasih..., berkat artikel ini saya selangkah mengenal bahasa pemrograman.... 

ifd
60
0
· 8 tahun, 2 bulan yang lalu · 1 jempol

mantab kang

suryawigunaa
144
0
· 8 tahun, 1 bulan yang lalu · 1 jempol

wah, keren penjelasannya kk XD

papanabil
1
0
· 8 tahun, 1 bulan yang lalu · 1 jempol

Sip.. Jadi pengen nambah.. Maksih artikelnya..

fajar_20
62
3
· 8 tahun, 1 bulan yang lalu · 1 jempol

sipz,,, jadi nambah ilmu, tambah semangat buat belajar web programing nih, :D

wahyuarief
98
0
· 8 tahun yang lalu · 1 jempol

2 bahasa itu sangat menarik dan banyak tantangannya

Dr...Mandra
39
0
· 7 tahun, 11 bulan yang lalu · 1 jempol

ane tetep aja belum paham, tapi tetep berusaha dan bereksperimen.. ajiib..

zikri
33
0
· 7 tahun, 11 bulan yang lalu · 1 jempol

Gan kalau menurut agan lebih baik belajar javascript dulu atau php? tolong berikan alasannya juga kalau bisa, terima kasih :)

auf4R
300
5
· 7 tahun, 10 bulan yang lalu · 2 jempol

Hmm... @coconut, kalau Node.js itu lebih ke arah server-side, kalau client-side tetap pakai JavaScript (bukan Node.js) :)

auf4R
300
5
· 7 tahun, 10 bulan yang lalu · 2 jempol

@zikri, menurut ane sih lebih baik belajar javascript dulu, karena javascript itu bisa dipakai di client-side dan server-side (node.js), sementara php hanya bisa dipakai di server-side :)

MichaelNainggolan
47
0
· 7 tahun, 5 bulan yang lalu · 1 jempol

Nice Banget euy !!

Ipchoding
0
0
· 7 tahun, 5 bulan yang lalu · 1 jempol

Begitu ya? Sikat lah hehehe

Anjelosonlibertiano
41
3
· 7 tahun, 3 bulan yang lalu · 1 jempol

terimakasih atas info nya ya guys....

Silahkan masuk untuk menulis artikel atau komentar.



Artikel Lainnya


Athif Humam

20 Oktober 2015

Kelebihan dan Kekurangan CodeSaya

Halo guys......

Saya pengen berbagi pengalaman.... ada begitu banyak kelebihan dan sedikit kekurangan dari Codesaya yang mungkin bisa diperbaiki. Langsung saja kita bahas :

Kelebihan

  1.  Mudah di pahami, apalagi orang indonesia ...
Lanjutkan membaca

3 menit bacaan



Indra Daud

14 Oktober 2015

Pengenalan HTML dan CSS

Sedikit cerita, awal saya mengenal pemrograman web adalah saat saya mencari cara menambahkan widget tulisan berjalan (baca marquee xD) di blog pertama saya (waktu masih pake blogspot). Sebaris kode yang ...

Lanjutkan membaca

9 menit bacaan · beginner