PHP Academy · पाठ

सरल टू-डू सूची बनाना

PHP और HTML से एक बुनियादी टू-डू सूची ऐप्लिकेशन बनाएँ

पाठ 1, कुल 2 में से10 चरण

सरल टू-डू सूची बनाना, CoddyKit पर PHP Academy का एक निःशुल्क पाठ है। यह 2 में से 1वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह PHP Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। PHP Academy पाठ्यक्रम में कुल 2 पाठ शामिल हैं।

कार्य-सूची परियोजना का परिचय

सरल कार्य-सूची बनाना

सरल कार्य-सूची बनाने वाले पाठ में आपका स्वागत है! इस परियोजना में, आप कार्य जोड़ने, दिखाने और हटाने वाला PHP अनुप्रयोग बनाना सीखेंगे। आइए, शुरू करते हैं!

परियोजना का विन्यास करना

शुरू करने से पहले, सुनिश्चित करें कि आपके पास निम्नलिखित चीज़ें हैं:

XAMPP या WAMP जैसा वेब सर्वर।
कोई पाठ संपादक या एकीकृत विकास परिवेश (उदाहरण के लिए, VS कोड)।
आपकी परियोजना निर्देशिका में 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 कौशल को बेहतर बनाने के लिए एक और मज़ेदार परियोजना बनाएँगे। आइए, कोडिंग जारी रखें!

शुरुआत निःशुल्क

एआई शिक्षक के साथ PHP सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 49
पाठ: 195

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “सरल टू-डू सूची बनाना” पाठ निःशुल्क है?

हाँ—“सरल टू-डू सूची बनाना” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और PHP Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। PHP Academy पाठ्यक्रम में कुल 2 पाठ शामिल हैं।

“सरल टू-डू सूची बनाना” में मैं क्या सीखूँगा?

PHP और HTML से एक बुनियादी टू-डू सूची ऐप्लिकेशन बनाएँ आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ PHP Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या PHP Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर PHP Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 2 में से 1वाँ पाठ है।

“सरल टू-डू सूची बनाना” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस PHP Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर PHP Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

सरल टू-डू सूची बनाना
संपर्क फ़ॉर्म बनाना

← PHP Academy पर वापस जाएँ