B01 | PHP من الصفر: أنشئ صفحتك الديناميكية الأولى

اختر لغتك

اختر علماً لفتح هذا الدرس بلغتك.

EnglishFrançaisالعربيةKiswahiliPortuguêsEspañol

إشعار بالترجمة الآلية: أُعدّت هذه النسخة بالترجمة الآلية وقد تحتوي على أخطاء. الشفرة والتمارين مكافئة للمصدر الإسباني، والرسومات محايدة لغوياً.

المستوى الأساسي · الدرس B01 · 60-90 دقيقة

PHP من الصفر: قم بإنشاء صفحتك الديناميكية الأولى

تعرف على كيفية قيام PHP بإنشاء HTML على الخادم وإنشاء صفحة تتغير عند تعديل بياناتها.

نتيجة: إنشاء صفحة يتغير محتواها عند تعديل البيانات في PHP، دون إعادة كتابة بنية HTML الخاصة بها.

المشكلة: صفحة يمكن أن تتغير

تعرض الصفحة المكتوبة باستخدام HTML فقط محتوى ثابتًا. إذا أردنا تخصيص تحية، أو تقديم معلومات مختلفة، أو الرد على البيانات المستلمة، فنحن بحاجة إلى إنشاء جزء من HTML على الخادم. يتيح لك PHP القيام بهذا العمل قبل إرسال الصفحة إلى المتصفح.

في هذه المشاركة الأولى سنقوم ببناء صفحة بسيطة تحتوي على اسم وعنوان الدورة المخزنة كبيانات. ومن خلال تغييرها، سيتم تحديث المحتوى المرئي دون تعديل بنية الصفحة.

هذا الإدخال يبدأ المسار

قبل البدء، راجع مقدمة المستوى الأساسي. يكفي أن تتعرف على وسوم HTML الأساسية. في الدرس التالي سنتعمق في المتغيرات وأنواع البيانات.

المفاهيم الأساسية

PHP يعمل على الخادم

المتصفح يطلب ملف .php. يفسر الخادم تعليمات PHP، ويولد عادةً استجابة HTML ويرسلها. يعرض المتصفح النتيجة؛ يجب ألا تتلقى كود PHP الأصلي.

يتلقى المتصفح النتيجة التي تم إنشاؤها، وليس تعليمات PHP.

كتل PHP

التعليمات مكتوبة بين <?php و ?>. سنقوم هنا بدمج PHP وHTML لتمييز وظيفة كل لغة.

echo

echo إرسال النص إلى الرد. تنتهي كل عبارة بفاصلة منقوطة.

<?php echo "Hola desde PHP"; ?>

المتغيرات

يحفظ المتغير البيانات لإعادة استخدامها. في PHP يبدأ بـ $.

<?php
$studentName = "Amina";
?>

القرار: بيانات منفصلة وعرضها

سوف نقوم بتحديد البيانات في البداية وعرضها داخل HTML. ستكون البيانات قادرة على التغيير دون إجبارنا على تكرار البنية المرئية.

تمرين موجه

1. جهز البيئة

أنت بحاجة إلى محرر ومتصفح وخادم محلي باستخدام PHP. احفظ الملف في المجلد العام الذي تم تكوينه وافتحه باستخدام عنوان خادم محلي.

2. إنشاء index.php

<?php
$studentName = "Amina";
$course = "Panafrikan PHP";
?>
<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Mi primera página PHP</title>
</head>
<body>
  <h1>Hola, <?php echo $studentName; ?>.</h1>
  <p>Bienvenida al curso <?php echo $course; ?>.</p>
  <p>Esta página fue generada por PHP.</p>
</body>
</html>

3. اركض وشاهد

افتح عنوان URL المحلي المقابل. يجب أن تشاهد التحية والدورة التدريبية، ولكن ليس علامات PHP.

4. قم بتغيير البيانات

يستبدل Amina باسم آخر وقم بتحديث المتصفح. ثم يتغير $course. تظل بنية HTML كما هي بينما يتغير المحتوى.

تحقق من النتيجة

• يسمى الملف index.php.
• يمكنك فتحه من خلال الخادم المحلي.
• لا يعرض المتصفح كود PHP الخام.
• يظهر الاسم والدورة التدريبية.
• تغيير متغير وتحديث يغير النتيجة.

تحقق مما تعلمته

1. أين يتم تشغيل PHP؟
2. ما الذي يستقبله المتصفح عادةً؟
3. كيف تتعرف على متغير في PHP؟
4. ما الفائدة التي حصلنا عليها من حفظ الاسم في متغير؟

التحدي 01: ملف تعريف الطالب الديناميكي

قم بإنشاء صفحة تحتوي على بيانات وهمية تتضمن:

• أربعة متغيرات: الاسم والبلد والهدف والساعات المتاحة في الأسبوع.
• عنوان وثلاث فقرات أو قائمة على الأقل.
• بنية HTML لا تتغير عند تجربة ملف تعريف آخر.
• اختباران مع مجموعات بيانات مختلفة.
• HTML قابل للقراءة ومغلق بشكل صحيح.

لا تقم بتضمين أرقام الهواتف أو المستندات أو العناوين أو كلمات المرور أو غيرها من البيانات الحساسة.

ما الذي يجب عليك تقديمه؟

1. الملف index.php.
2. لقطة شاشة للصفحة وهي تعمل.
3. شرح من ثلاث إلى خمس جمل.
4. تم اختبار التغييرين وما تمت ملاحظته.
5. سؤال محدد للمعلم الافتراضي.

أنشئ ملف التعريف الديناميكي الخاص بك، واختبره باستخدام مجموعتين من البيانات وأرسل الحل الخاص بك إلى Panafrikan PHP Virtual Tutor.

القناة المؤقتة: شارك في التعليقات ملخصًا للحل الذي قدمته، والاختبارين اللذين تم إجراؤهما، وسؤالك. احتفظ بالملف index.php لإرسالها عندما نقوم بتمكين المعلم الافتراضي.

مشاركة نتائجي

مواصلة التعلم

المشاركة التالية: B02 - المتغيرات وأنواع البيانات. سيتم تفعيل الرابط عند نشر الدرس.