PHP Academy · درس

إنشاء قائمة مهام بسيطة

أنشئ تطبيق قائمة مهام أساسيًا باستخدام PHP وHTML

إنشاء قائمة مهام بسيطة درس مجاني في PHP Academy على CoddyKit. هذا هو الدرس 1 من أصل 2. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في PHP Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة PHP Academy 2 دروس في المجموع.

مقدمة إلى مشروع قائمة المهام

إنشاء قائمة مهام بسيطة

مرحبًا بكم في درس إنشاء قائمة مهام بسيطة! في هذا المشروع، ستتعلمون كيفية إنشاء تطبيق PHP لإضافة المهام وعرضها وإزالتها. لنبدأ!

إعداد المشروع

قبل البدء، تأكدوا من توفر ما يلي:

خادم ويب مثل XAMPP أو WAMP.
محرر نصوص أو بيئة تطوير متكاملة (مثل VS Code).
ملف باسم todo.php في دليل المشروع.

نقطة مهمة: سيستخدم هذا المشروع جلسات PHP لتخزين المهام مؤقتًا.

إنشاء بنية HTML الأساسية

ابدأوا بإنشاء تخطيط HTML لتطبيق قائمة المهام. مثال:

نصيحة: استخدموا العنصر ul لعرض قائمة المهام.

<!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>

بدء جلسة PHP

استخدموا جلسات PHP لتخزين المهام عبر الطلبات. أضيفوا هذا الرمز إلى أعلى ملف todo.php:

نقطة مهمة: تتيح لكم الجلسات الحفاظ على البيانات أثناء التنقل بين الصفحات.

<?php
  session_start();

  if (!isset($_SESSION['tasks'])) {
    $_SESSION['tasks'] = [];
  }
?>

إضافة المهام إلى القائمة

إضافة مهام إلى القائمة

عالج إرسال النموذج لإضافة مهمة جديدة إلى الجلسة. مثال:

نصيحة: استخدم trim() لإزالة المسافات غير الضرورية من إدخال المستخدم.

<?php
  if (isset($_POST['add'])) {
    $task = trim($_POST['task']);
    if (!empty($task)) {
      $_SESSION['tasks'][] = $task;
    }
  }
?>

عرض قائمة المهام

استخدم حلقة لعرض المهام المخزنة في الجلسة. مثال:

نقطة مهمة: تتضمن كل مهمة زر حذف لإزالتها من القائمة.

<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>

حذف مهمة

عالج إرسال زر الحذف لإزالة المهام. مثال:

نصيحة: تضمن إعادة الفهرسة بقاء فهارس المهام متسقة بعد الحذف.

<?php
  if (isset($_POST['delete'])) {
    $key = $_POST['delete'];
    unset($_SESSION['tasks'][$key]);
    $_SESSION['tasks'] = array_values($_SESSION['tasks']); // Re-index the array
  }
?>

تحسين التطبيق

إليك بعض التحسينات التي يمكنك إضافتها:

نسّق التطبيق باستخدام CSS لتحسين واجهة المستخدم.
استخدم JavaScript لإضافة مربعات حوار للتأكيد قبل حذف المهام.
خزّن المهام في قاعدة بيانات للاحتفاظ بالبيانات بشكل دائم.

نقطة مهمة: تجعل التحسينات تطبيقك أسهل استخدامًا وأكثر فعالية.

أحسنت!

تهانينا! لقد أنشأت تطبيقًا بسيطًا لقائمة المهام باستخدام PHP. تعلمت كيفية استخدام الجلسات لتخزين المهام، ومعالجة بيانات النماذج، وعرض المهام وحذفها ديناميكيًا. في الدرس التالي، سنبني مشروعًا ممتعًا آخر لتعزيز مهاراتك في PHP. واصل البرمجة!

الأسئلة الشائعة

هل درس «إنشاء قائمة مهام بسيطة» مجاني؟

نعم — نص درس «إنشاء قائمة مهام بسيطة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة PHP Academy، انتقل إلى CoddyKit PRO. تتضمن دورة PHP Academy 2 دروس في المجموع.

ماذا ستتعلم في «إنشاء قائمة مهام بسيطة»؟

أنشئ تطبيق قائمة مهام أساسيًا باستخدام PHP وHTML تتمرن على PHP Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ PHP Academy؟

لا تُشترط خبرة سابقة. PHP Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 2.

كم من الوقت يستغرق درس «إنشاء قائمة مهام بسيطة»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس PHP Academy هذا؟

نعم. كل درس في PHP Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

إنشاء قائمة مهام بسيطة
إنشاء نموذج اتصال

← العودة إلى PHP Academy