Pemrograman Web

Pemrograman Web: Materi Dasar HTML, CSS, PHP, dan MySQL

Pemrograman web merupakan salah satu materi dasar yang perlu dipelajari untuk memahami bagaimana sebuah website dibuat dan dijalankan.

Pada pembelajaran ini, kita akan mengenal beberapa teknologi yang umum digunakan dalam pengembangan website, seperti HTML, CSS, Bootstrap, PHP, dan MySQL.

Materi disusun mulai dari persiapan lingkungan pengembangan, pengaturan server lokal, hingga pembuatan tampilan halaman web.

1. Instalasi XAMPP

Sebelum mulai membuat aplikasi web menggunakan PHP dan MySQL, kita perlu menyiapkan lingkungan pengembangan pada komputer.

Salah satu perangkat lunak yang dapat digunakan adalah XAMPP, yang menyediakan beberapa komponen untuk menjalankan aplikasi web secara lokal, termasuk Apache serta MySQL atau MariaDB, tergantung versi yang digunakan.

Materi pertama membahas instalasi XAMPP sebagai persiapan sebelum mempraktikkan pemrograman web.

Materi : Instalasi XAMPP

2. Mengubah Port Apache dan MySQL di XAMPP

Ketika menjalankan XAMPP, terkadang Apache atau MySQL tidak dapat dijalankan karena port yang dibutuhkan sudah digunakan oleh aplikasi lain.

Materi kedua membahas pengaturan port Apache dan MySQL pada XAMPP.

Sebelum mengubah port, sebaiknya periksa terlebih dahulu aplikasi atau layanan yang menggunakan port tersebut agar perubahan konfigurasi tidak menimbulkan masalah baru.

Materi : Mengubah Port Apache dan MySQL di XAMPP

3. HTML, CSS, Bootstrap, dan PHP

Setelah mempelajari instalasi dan konfigurasi XAMPP, pembelajaran dilanjutkan dengan pengenalan HTML, CSS, Bootstrap, dan PHP sebagai dasar pengembangan website.

HTML digunakan untuk membuat struktur halaman web, seperti judul, paragraf, gambar, tautan, formulir, dan berbagai elemen lainnya.

CSS digunakan untuk mengatur tampilan halaman, mulai dari warna, ukuran teks, jarak antarbagian, hingga tata letak agar website terlihat lebih rapi dan menarik.

Bootstrap diperkenalkan sebagai framework CSS yang menyediakan berbagai komponen dan sistem tata letak untuk mempermudah pembuatan website yang responsif.

PHP digunakan untuk mempelajari pemrograman pada sisi server, termasuk pengolahan data dan pembuatan halaman web dinamis. Materi PHP juga mencakup pengenalan Object-Oriented Programming (OOP), yaitu pendekatan pemrograman menggunakan konsep class dan object untuk menyusun kode secara lebih terstruktur dan mudah dikembangkan.

Selain mempelajari konsep dasar, terdapat materi praktik pembuatan landing page menggunakan HTML dan CSS agar mahasiswa dapat memahami penerapan materi dalam pembuatan halaman website.

Seluruh materi tersebut merupakan bagian dari dokumentasi pembelajaran Pemrograman Web dan dapat digunakan sebagai bahan belajar maupun latihan mandiri.

Materi pembelajaran: HTML, CSS, Bootstrap, Landing Page, PHP, dan PHP OOP

Catatan

Artikel ini merupakan dokumentasi materi pembelajaran Pemrograman Web yang saya bagikan pada tahun 2016.

Beberapa tampilan aplikasi, versi perangkat lunak, dan langkah konfigurasi dalam materi lama mungkin sudah berbeda dengan versi yang digunakan saat ini.

Materi tetap disediakan sebagai bahan pembelajaran dasar. Untuk praktik menggunakan perangkat lunak versi terbaru, pembaca perlu menyesuaikan petunjuk dengan dokumentasi resmi masing-masing teknologi.

Penutup

Melalui materi ini, pembaca dapat mempelajari dasar pengembangan website secara bertahap, mulai dari menyiapkan server lokal hingga mengenal HTML, CSS, Bootstrap, dan PHP.

Silakan mempelajari materi sesuai urutannya agar lebih mudah memahami hubungan antara lingkungan pengembangan, tampilan halaman, dan pemrosesan pada sisi server.