CARA NGODING PAKAI 2 CODE EDITOR DALAM 1 KESATUAN
Membuat suatu rancangan website yang dinamis, pastilah kontennya berisikan berbagai macam artikel teks, gambar, video, audio dan tampilan fitur lainnya, ini cenderung dihasilkan dari pemakaian 2 buah atau lebih bahasa pemograman yang saling terintegrasi satu sama lain, seperti antara lain:
1. Integrasi antara HTML-CSS dengan JAVASCRIPT.
2. Integrasi antara HTML-CSS dengan PHP
dan sebagainya.
Sudah tentu syntax bahasa pemograman yang dipakai ragamnya sangat banyak dan kompleks, dan code code program yang diketikkan akan sangat kompleks dan rumit bila hanya dikerjakan di satu applikasi/software code editor saja, untuk memudahkannya maka pengetikan code code syntax programnya harus dilakukan di 2 buah applikasi/software code editor seperti SUBLIME TEXT dan VISUAL STUDIO CODE.
FILOSOFI PMD PADA PEMAKAIAN 2 BUAH CODE EDITOR
Berikut ilustrasi gambar penerapan 2 buah applikasi code editor yakni SUBLIME TEXT dan VISUAL STUDIO CODE yang menangani suatu proyek pembuatan web dengan memakai bahasa pemograman HTML-CSS dan JAVASCRIPT.
CARA MENGINTEGRASIKAN JAVASCRIPT DENGAN HTML
Adapun cara mengintegrasikan 2 buah bahasa pemograman JAVASCRIPT dan HTML dengan menggunakan 2 buah aplikasi code editor SUBLIME TEXT dan VISUAL STUDIO CODE adalah sebagai berikut:
1. Kerjakan tugas syntax syntax HTML pengetikan kode-kodenya di code editor SUBLIME TEXT.
2. Buat terlebih dahulu struktur HTML dengan SUBLIME TEXT di suatu di worksheet dan jadikan ini sebagai file html (file berekstensi html) lalu diberikan nama filenya misalnya html-javascript.html, lalu disimpan di suatu folder\file, misalnya di C:\html , sehingga lokasi pencarian filenya di C:\html\html-javascript.html.
Struktur HTML yang dimaksud adalah:
<!DOCTYPE html><html>
<head>
<title> ... </title>
</head>
<body>
</body>
</html>
3. Kerjakan tugas syntax syntax JAVASCRIPT pengetikan kode-kodenya di code editor VISUAL STUDIO CODE.
4. Dengan VISUAL STUDIO CODE, buat suatu file javascript (file berekstensi js) misalkan nama filenya filescript.js , dan file ini disimpan di suatu folder\file (di folder yang sama), misalnya di C:\html , sehingga lokasi pencarian filenya menjadi di C:\html\filescript.js.
4. Di <!DOCTYPE html> di dalam struktur <body> </body> diketikkan syntax berikut:
<script src="filescript.js"> </script>
Ada baiknya pengetikan <script src="filescript.js"> </script> ini diletakkan diakhir sebelum penutp body (</body>).
"filescript.js" ini adalah file berekstensi js dimana lokasi tempat file js tersebut tersimpan sebagai file proyek JAVASCRIPT oleh tugas dari pengoperasian VISUAL STUDO CODE.
sehingga hasil akhir dari struktur HTML akan berubah menjadi:
<!DOCTYPE html><html>
<head>
<title> ... </title>
</head>
<body>
<script src="filescript.js"> </script>
</body>
</html>
5 Selesai, dan lanjutkan proyek dengan pengcodingan bahasa HTML di code editor SUBLIME TEXT, dan pengcodingan bahasa JAVASCRIPT di code editor VISUAL STUDIO CODE.
SELAMAT BERKARYA.
INTEGRASI HTML DAN PHP
Mulai Membuat Halaman HTML dan PHP
ok langsung saja kita mulai, pastikan perlengkapan bertempur nya sudah di siap ya hehehe...kalo sudah siap buka control panel xampp dan klik start pada apache dan mysql
dan tunggu sampai muncul tulisan running pada tombol battom.
langkah selanjutnya pada perintah ini : c:\xampp\htdocs\latihanphp
setelah itu buat lah file dengan nama coba2.php dan di simpan di dalam folder latihanphp
kalo sudah silakan ketikan perintah ini pada notepad atau aplikasi apa saja yang bisa
mendukung coding anda.
untuk melihat hasil nya pada browser teman-teman bisa mengetik dengan perintah :
localhost/latihanphp/coba2.php
ya, kita lihat view source code htmlnya, dengan cara mengklik kanan browser lalu pilih View Page Source, di sini kita tidak lagi melihat script php-nya, yang ada hanyalah HTML saja, ini terjadi karena PHP engine/processor mengeksekusi file php di server, dan menghasilkan html dan mengirimkan file htmlnya kepada user, sehingga yang terlihat adalah htmlnya saja, bukan phpnya.
ok langsung saja kita mulai, pastikan perlengkapan bertempur nya sudah di siap ya hehehe...kalo sudah siap buka control panel xampp dan klik start pada apache dan mysql
dan tunggu sampai muncul tulisan running pada tombol battom.
langkah selanjutnya pada perintah ini : c:\xampp\htdocs\latihanphp
setelah itu buat lah file dengan nama coba2.php dan di simpan di dalam folder latihanphp
kalo sudah silakan ketikan perintah ini pada notepad atau aplikasi apa saja yang bisa
mendukung coding anda.
<html>
<head>
<title>html dan php</title>
</head>
<body>
<?php
echo "hello html dan php"
?>
</body>
</html>
<head>
<title>html dan php</title>
</head>
<body>
<?php
echo "hello html dan php"
?>
</body>
</html>
untuk melihat hasil nya pada browser teman-teman bisa mengetik dengan perintah :
localhost/latihanphp/coba2.php
ya, kita lihat view source code htmlnya, dengan cara mengklik kanan browser lalu pilih View Page Source, di sini kita tidak lagi melihat script php-nya, yang ada hanyalah HTML saja, ini terjadi karena PHP engine/processor mengeksekusi file php di server, dan menghasilkan html dan mengirimkan file htmlnya kepada user, sehingga yang terlihat adalah htmlnya saja, bukan phpnya.
Komentar
Posting Komentar
This Message