Sebelum melangkah lebih lanjut ada beberapa hal yang perlu temen-temen pahami tentang dasar dari pemrograman web. Berikut saya jelaskan sedikit tentang dasarnya :
1. HTML (Hypertext Markup Language)
Sebuah bahasa markah yang di gunakan untuk membuat sebuah halaman web (sumber : id.m.wikipedida.org/wiki/HTML). Bingung ya ? gampangnya kalo saya menyebutnya adalah sebuah skrip yang menampilkan dokumen ke halaman web, ingat ya di sini html bukan bahasa pemrograman tapi hanya skrip untuk menampilkan dokumen di halaman web.Sebenarnya hanya dengan menggunakan html saja kita sudah bisa membuat web namun webnya masih statis.
2. PHP (Hypertext Preprocessor)
Untuk membuat yang masih statis tadi menjadi dinamis kita perlu sebuah bahasa pemrograman. PHP merupakan sebuah bahasa pemrograman server side (Berkerja di sisi server). Sebenarnya PHP bukan satu-satunya yang bisa membuat website kita menjadi dinamis, kita bisa menggunakan bahasa pemrograman yang lain misalnya javascript dan yang lainnya. HTML dan PHP sudah cukup untuk membuat website sederhana dan dinamis. Tampilan yang di dapat pun sangat sederhana, untuk membuat website kita terlihat cantik kita perlu tambahan CSS. Apa itu CSS ?
3. CSS (Cascading Style Sheet)
Ibarat seorang wanita, css merupakan sebuah make-up. Tujuan penggunaan css adalah untuk membuat webstie menjadi menarik dan cantik.Setelah kita bahas tentang dasar pemrogramannya, sekarang kita bahas tentang senjata / alat-alat untuk kita berperang. Kok senjata ?, kita ni mau belajar pemrograman kok butuh senjata. Tenang, tenang, maksud saya di sini adalah senjata untuk memulai coding. Ok daripada nanti pembahasannnya kemana-mana sekarang saya bahas alat-alatnya.
1. XAMPP
XAMPP merupakan kumpulan dari beberapa aplikasi yang gunanya membatu kita dalam coding web. Isi dari XAMPP adalah sebagai berikut :
- Apache, adalah sebuah web server. Perlu temen-temen ketahui sebelumnya, untuk bisa menampilkan halaman web kita perlu sebuah web server, untuk penjelasan tentang web server silahkan di sercing sendiri ya atau kalo mau menunggu nanti akan saya buatkan postingan tersendiri. Web server sendiri di ada 2 macam yaitu lokal dan global, di sini kita akan memakai web server lokal. Maksud web server lokal adalah kita membuat server web di komputer / lamptop kita sendiri.
- MYSQL, adalah sebuah server database. MYSQL kita perlukan jika kita menggunakan database. Database adalah tempat kita menyimpan data.
2. Text Editor
Untuk memulai coding kita perlu tempat untuk mencoding, text editor berguna sebagai tempat kita mencoding. Ada banyak text editor yang dapat temen-temen pakai. Disini saya menyarankan untuk menggunakan text editor sublime, karena saya juga menggunakan sublime.
3. Web Browser
Setelah kita mencoding kita perlu untu menampilkan hasil dari codingnya. Disini kita perlu sebuah web browser, banyak web server terserah temen-temen mau menggunakan apa, karena banyak pilihan yang dapat di pakai antara lain mozila firefox, google chrome, opera, dan yang lainnya.
Agar temen-temen lebih kenal lagi dengan pemrograman web, saya akan buatkan coding untuk menampilkan salam perkenalan di browser. Berikut adalah langkah-langkahnya :
1. Buka XAMPP dan aktifkan Apache.
2. Buka sublime, kemudian buat folder namanya coding1 di dalam xampp (C:\xampp\htdocs\coding1 atau letak install xampp) copykan coding di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Belajar Dasar Pemrograman Web</title>
</head>
<body>
<h1 align="center">Assalamualaikum</h1>
<h1 align="center">Selamat Belajar Pemrograman Web, Semangat Terus ya ^_^</h1>
</body>
</html>
Kemudian save (Ctrl + S) dengan nama index.html dan simpan di folder coding1.
3. Buka Web Browser, di sini saya menggunakan mozilla firefox. Kemudian di adress bar ketikan alamat http://localhost/coding1/index.html
Saya kira cukup untuk postingan kali ini, semoga apa yang saya berikan di sini bisa bermanfaat buat saya dan teman-teman. Jika ada yang ingin di tanyakan atau di diskusikan silahkan tinggalkan komentar. Jika postingan ini bermanfaat silahkan share ya dan silahkan kunjungi terus https://belajarpemrograman-web.blogspot.co.id/ untuk menambah pengetahuan kita tentang pemrograman web.
Tidak ada komentar:
Posting Komentar