Selamat Datang ke Modul STM 21673: Web Development

Platform pembelajaran interaktif untuk menguasai pembangunan web dari asas hingga mahir.

Dari Asas ke Mahir

Kuasai kemahiran pembangunan web langkah demi langkah melalui pembelajaran berstruktur yang menggabungkan teori dan praktis.

✓ Interaktif ✓ Praktikal ✓ Mudah Difahami
Web Development Illustration

Tentang Kursus Ini

Assalamualaikum dan salam sejahtera.

Laman ini dibangunkan sebagai medium pembelajaran berstruktur bagi kursus STM 21673: Web Development di Kolej Komuniti Temerloh.

Para pelajar akan didedahkan kepada asas HTML, CSS, JavaScript, PHP dan Database (Pangkalan Data) menggunakan PHPMyAdmin, seterusnya mempelajari teknik membina laman web yang moden dan responsif.

Dengan penguasaan frontend dan backend, pelajar diharap dapat menguasai kemahiran pembangunan laman web secara menyeluruh. Semoga platform ini menjadi wadah yang bermanfaat dalam dunia teknologi maklumat.

Modul Pembelajaran

📝 HTML

Struktur asas laman web menggunakan Hypertext Markup Language.

  • ✓ Struktur dokumen HTML
  • ✓ Elemen HTML
  • ✓ Borang dan input
Mula Belajar →

🎨 CSS

Menghias dan mengatur reka bentuk laman web dengan Cascading Style Sheets.

  • ✓ Selector CSS
  • ✓ Properties dan values
  • ✓ Layout dan positioning
Mula Belajar →

⚡ JavaScript

Menambah interaktiviti dan fungsi dinamik pada laman web.

  • ✓ JavaScript events
  • ✓ Popup boxes
  • ✓ Form validation
Mula Belajar →

🐘 PHP

Bahasa pengaturcaraan server-side untuk aplikasi web dinamik.

  • ✓ Sintaks PHP
  • ✓ Variables dan operators
  • ✓ Control structures
Mula Belajar →

🗄️ Database

Pengurusan data menggunakan MySQL dan PHPMyAdmin.

  • ✓ SQL operations (CRUD)
  • ✓ Database connection
  • ✓ User authentication
Mula Belajar →

📋 Borang HTML

Membina borang interaktif untuk pengumpulan data pengguna.

  • ✓ Input elements
  • ✓ Form methods
  • ✓ Form validation
Mula Belajar →

Laluan Pembelajaran

Ikuti urutan pembelajaran yang disyorkan untuk hasil yang optimum:

1. HTML - Asas Struktur

Pelajari struktur asas laman web dan elemen-elemen HTML

2. Borang - Input Pengguna

Kuasai pembinaan borang untuk mengumpul data

3. CSS - Reka Bentuk

Tambah gaya dan reka bentuk yang menarik

4. JavaScript - Interaktiviti

Jadikan laman web lebih interaktif dan dinamik

5. PHP - Server-Side

Belajar pemprosesan di bahagian pelayan

6. Database - Pengurusan Data

Simpan dan urus data dengan berkesan

💡 Tips Pembelajaran

Praktik Konsisten

Cuba semua contoh kod yang diberikan dan eksperimen dengan variasi anda sendiri.

Bina Projek

Aplikasikan ilmu dengan membina projek kecil selepas setiap modul.

Jangan Terburu-buru

Fahami setiap konsep sebelum bergerak ke topik seterusnya.

Gunakan Resources

Rujuk dokumentasi rasmi dan tutorial tambahan untuk pemahaman lebih mendalam.