Membuat Daftar Tugas Sederhana
Buat aplikasi daftar tugas dasar dengan PHP dan HTML
Membuat Daftar Tugas Sederhana adalah pelajaran PHP Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 2. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar PHP Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus PHP Academy mencakup 2 pelajaran total.
Pengantar Proyek Daftar Tugas
Membangun Daftar Tugas Sederhana
Selamat datang di pelajaran tentang membangun daftar tugas sederhana! Dalam proyek ini, Anda akan mempelajari cara membuat aplikasi PHP untuk menambahkan, menampilkan, dan menghapus tugas. Mari kita mulai!
Menyiapkan Proyek
Sebelum memulai, pastikan Anda memiliki hal-hal berikut:
- Server web seperti XAMPP atau WAMP.
- Editor teks atau lingkungan pengembangan terpadu, misalnya VS Code.
- Berkas bernama
todo.phpdi direktori proyek Anda.
Poin Utama: Proyek ini akan menggunakan sesi PHP untuk menyimpan tugas sementara.
Membuat Struktur Dasar HTML
Mulailah dengan membuat tata letak HTML untuk aplikasi daftar tugas Anda. Contoh:
Tips: Gunakan elemen ul untuk menampilkan daftar tugas.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>To-Do List</title>
</head>
<body>
<h1>To-Do List</h1>
<form action="todo.php" method="post">
<input type="text" name="task" placeholder="Enter a new task" required>
<button type="submit" name="add">Add Task</button>
</form>
<ul>
<!-- Task list will appear here -->
</ul>
</body>
</html>
Memulai Sesi PHP
Gunakan sesi PHP untuk menyimpan tugas di antara permintaan. Tambahkan kode ini ke bagian atas berkas todo.php Anda:
Poin Utama: Sesi memungkinkan Anda mempertahankan data saat berpindah antarhalaman.
<?php
session_start();
if (!isset($_SESSION['tasks'])) {
$_SESSION['tasks'] = [];
}
?>
Menambahkan Tugas ke Daftar
Proses pengiriman formulir untuk menambahkan tugas baru ke sesi. Contoh:
Tips: Gunakan trim() untuk menghapus spasi yang tidak diperlukan dari masukan pengguna.
<?php
if (isset($_POST['add'])) {
$task = trim($_POST['task']);
if (!empty($task)) {
$_SESSION['tasks'][] = $task;
}
}
?>
Menampilkan Daftar Tugas
Gunakan perulangan untuk menampilkan tugas yang tersimpan dalam sesi. Contoh:
Poin Penting: Setiap tugas memiliki tombol hapus untuk menghapusnya dari daftar.
<ul>
<?php
if (!empty($_SESSION['tasks'])) {
foreach ($_SESSION['tasks'] as $key => $task) {
echo "<li>$task <form style='display:inline;' method='post'><button type='submit' name='delete' value='$key'>Delete</button></form></li>";
}
} else {
echo "<li>No tasks added yet.</li>";
}
?>
</ul>
Menghapus Tugas
Proses pengiriman melalui tombol hapus untuk menghapus tugas. Contoh:
Tips: Pengindeksan ulang memastikan indeks tugas tetap konsisten setelah penghapusan.
<?php
if (isset($_POST['delete'])) {
$key = $_POST['delete'];
unset($_SESSION['tasks'][$key]);
$_SESSION['tasks'] = array_values($_SESSION['tasks']); // Re-index the array
}
?>
Menyempurnakan Aplikasi
Berikut beberapa penyempurnaan yang dapat Anda tambahkan:
- Gunakan CSS untuk menata aplikasi agar antarmuka pengguna menjadi lebih baik.
- Gunakan JavaScript untuk menambahkan dialog konfirmasi sebelum menghapus tugas.
- Simpan tugas dalam basis data agar data tersimpan secara permanen.
Poin Penting: Penyempurnaan membuat aplikasi lebih mudah digunakan dan lebih fungsional.
Kerja Bagus!
Selamat! Anda telah membangun aplikasi daftar tugas sederhana menggunakan PHP. Anda telah mempelajari cara menggunakan sesi untuk menyimpan tugas, memproses data formulir, serta menampilkan dan menghapus tugas secara dinamis. Pada pelajaran berikutnya, kita akan membangun proyek menarik lainnya untuk meningkatkan keterampilan PHP Anda. Mari terus menulis kode!
Belajar PHP dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 49
- Pelajaran
- 195
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Membuat Daftar Tugas Sederhana” gratis?
Ya — teks lengkap “Membuat Daftar Tugas Sederhana” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus PHP Academy, upgrade ke CoddyKit PRO. Kursus PHP Academy mencakup 2 pelajaran total.
Apa yang akan aku pelajari di “Membuat Daftar Tugas Sederhana”?
Buat aplikasi daftar tugas dasar dengan PHP dan HTML Kamu berlatih PHP Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai PHP Academy?
Tidak diperlukan pengalaman sebelumnya. PHP Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 2.
Berapa lama pelajaran “Membuat Daftar Tugas Sederhana” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran PHP Academy ini?
Ya. Setiap pelajaran PHP Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Membuat Daftar Tugas Sederhana
- Membuat Formulir Kontak