دروس

14 | استقبال مدخلات في TypeScript للمبتدئين

درس استقبال مدخلات في TypeScript من الصفر: شرح مبسط ومثال عملي وتمرين قصير، مع وقت تعلم متوقع 16 دقيقة.

14 | استقبال مدخلات في TypeScript للمبتدئين

المستوى: مبتدئ   ·   وقت التعلم المتوقع: 16 دقيقة

باختصار: يسمح الإدخال للمستخدم أن يغيّر نتيجة البرنامج دون تعديل الكود كل مرة. في TypeScript، ستستخدم المثال التالي ثم تنفذ تمرينًا بسيطًا بنفسك.

ماذا ستتعلم؟

  • استقبال قيمة من المستخدم وعرضها
  • تشغيل مثال قصير وقراءة النتيجة
  • إجراء تغيير بسيط بنفسك

قبل أن تبدأ

ثبّت TypeScript وشغّل المثال ببيئة TypeScript مناسبة بعد تعلّم أساسيات JavaScript.

المقدمة

في هذا الدرس من سلسلة TypeScript للمبتدئين سنتعلم استقبال مدخلات، دون افتراض خبرة برمجية سابقة. يسمح الإدخال للمستخدم أن يغيّر نتيجة البرنامج دون تعديل الكود كل مرة.

الشرح خطوة بخطوة

يطلب المثال اسم المستخدم ثم يكوّن منه تحية. شغّل البرنامج في البيئة المذكورة أعلى الدرس.

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

مثال عملي قابل للتجربة

const name: string = prompt("ما اسمك؟") ?? "زائر";
console.log("مرحبًا " + name);

ماذا تتوقع أن يحدث؟

قد يكون النص المدخل فارغًا؛ عالج ذلك عندما تتعلم التحقق من البيانات.

تمرين للتطبيق

اكتب اسمًا مختلفًا عند التشغيل وتأكد أن التحية تتغير.

جرّب وحدك أولًا. إذا ظهرت رسالة خطأ، قارن الكود بالنسخة الأصلية حرفًا حرفًا ثم أعد التشغيل.

تحقق من فهمك

سؤال: ماذا سيحدث إذا نفذت التغيير المذكور في التمرين؟ اكتب توقعك أولًا، ثم شغّل المثال وقارن النتيجة.

خلاصة الدرس

تعلمت اليوم استقبال مدخلات في TypeScript، وطبقت مثالًا صغيرًا يساعدك على بناء الخطوة التالية.

المرجع الرسمي

مرجع TypeScript الرسمي أو التقني للاطلاع الاختياري؛ لا تحتاج إلى قراءته كاملًا الآن.

الدرس التالي: 15 | مشروع صغير في TypeScript للمبتدئين

طوّر مهاراتك وابنِ شيئًا حقيقيًا.محتوى ومسارات عملية تجمع بين التعلّم والتطبيق.