`;
+ });
+}
+```
+
+### Penggunaan dalam HTML
+Fail ini perlu dimuatkan dengan atribut `type="module"` dalam HTML:
+
+```html
+
+
+```
+
+### Keperluan Hosting
+- Fail ini berjalan di sisi pelanggan (browser), jadi ia boleh dihosting secara statik seperti di **GitHub Pages**.
+- Pastikan pelayan menyediakan MIME type yang betul untuk `.mjs` (kebanyakan pelayan moden sudah menyokong).
+
+---
+
+## 2. **index.php** – Hypertext Preprocessor
+
+### Apa Itu?
+Fail `.php` adalah halaman yang diproses di **pelayan (server-side)** oleh PHP. Ia boleh mengandungi kod HTML, CSS, JavaScript, dan kod PHP yang menghasilkan kandungan dinamik (contoh: capaian pangkalan data, sesi pengguna).
+
+### Contoh Kod `index.php`
+
+```php
+
+
+
+
+ Laman PHP Sazwan
+
+
+
Selamat Datang, !
+
+ connect_error) {
+ die("Sambungan gagal: " . $conn->connect_error);
+ }
+
+ $sql = "SELECT nama, projek FROM rekod ORDER BY tarikh DESC LIMIT 5";
+ $result = $conn->query($sql);
+
+ if ($result->num_rows > 0) {
+ echo "
+
+
+```
+
+### Keperluan Hosting
+- Memerlukan pelayan web yang menyokong PHP (Apache, Nginx dengan PHP-FPM).
+- **Tidak boleh** dihosting di GitHub Pages (kerana ia statik).
+- Pilihan hosting percuma dengan PHP: **InfinityFree**, **000webhost**, atau pelayan berbayar seperti **Hostinger**, **Exabytes** (Malaysia).
+
+---
+
+## 3. **index.do** – Java Servlet (atau Struts Action)
+
+### Apa Itu?
+Fail dengan sambungan `.do` biasanya dikaitkan dengan **Java Servlet** atau rangka kerja seperti **Struts**. Dalam aplikasi web Java, pelayan memetakan URL yang berakhir dengan `.do` kepada servlet tertentu (menggunakan fail konfigurasi `web.xml` atau anotasi). Ia memproses permintaan di sisi pelayan dan mengembalikan respons (biasanya HTML atau JSON).
+
+### Contoh Kod `index.do` (Sebenarnya Fail Java Servlet)
+Secara teknikal, `.do` bukan fail fizikal, sebaliknya adalah **URL pattern** yang dipetakan ke kelas Java. Berikut adalah contoh kelas servlet yang dipetakan ke `/index.do`:
+
+#### **Fail: `IndexServlet.java`**
+```java
+import java.io.*;
+import javax.servlet.*;
+import javax.servlet.http.*;
+
+public class IndexServlet extends HttpServlet {
+ protected void doGet(HttpServletRequest request, HttpServletResponse response)
+ throws ServletException, IOException {
+ response.setContentType("text/html;charset=UTF-8");
+ PrintWriter out = response.getWriter();
+ out.println("");
+ out.println("");
+ out.println("Laman Utama");
+ out.println("");
+ out.println("
Selamat Datang, Muhamad Sazwan Ismail!
");
+ out.println("
Ini dijana oleh servlet Java.
");
+ out.println("");
+ }
+}
+```
+
+#### **Pemetaan dalam `web.xml`**
+```xml
+
+
+ IndexServlet
+ IndexServlet
+
+
+ IndexServlet
+ /index.do
+
+
+```
+
+Apabila pengguna melawat `http://contoh.com/index.do`, pelayan akan memanggil `IndexServlet.doGet()`.
+
+### Keperluan Hosting
+- Memerlukan pelayan aplikasi Java seperti **Apache Tomcat**, **Jetty**, atau **JBoss**.
+- Tidak boleh dihoskan di hosting statik biasa.
+- Pilihan hosting Java: **Heroku** (dengan sokongan Java), **Google App Engine**, atau VPS yang dipasang Tomcat.
+
+---
+
+## 📌 **Ringkasan dan Cadangan untuk Laman Web Muhamad Sazwan**
+
+| Fail | Teknologi | Hosting Sesuai | Nota |
+|------|-----------|----------------|------|
+| `index.esm.js` | JavaScript (client-side) | GitHub Pages, Netlify, Vercel | Ideal untuk portfolio interaktif ringan. |
+| `index.php` | PHP (server-side) | Hosting dengan PHP | Perlu pangkalan data untuk kandungan dinamik. |
+| `index.do` | Java Servlet | Pelayan Java (Tomcat, dll.) | Sesuai untuk aplikasi perusahaan berskala besar. |
+
+Berdasarkan profil anda yang banyak terlibat dengan teknologi moden (AI, blockchain, automasi), laman web peribadi anda boleh menggunakan gabungan:
+- **Halaman statik** (HTML/CSS/JS) di GitHub Pages untuk profil ringkas.
+- **Integrasi API** menggunakan JavaScript untuk memaparkan data dinamik tanpa perlu pelayan sendiri (contoh: memanggil API dari GitHub, Medium, atau perkhidmatan lain).
+- Jika anda memerlukan ciri seperti borang hubungan yang menyimpan data, anda boleh menggunakan perkhidmatan **serverless** seperti **Netlify Functions** atau **Vercel Serverless Functions** (yang menyokong JavaScript/TypeScript) tanpa perlu mengurus pelayan PHP atau Java.
+
+Jika anda ingin meneroka lebih lanjut, beritahu saya jenis fungsi yang anda perlukan pada laman web anda, dan saya boleh bantu memilih teknologi yang paling sesuai.