إعداد بيئة العمل (Environment Setup)

هذه الخطوة ستقوم بها مرة واحدة فقط، وقد تكررها إذا قررت تعلم لغة برمجة جديدة..

ماذا نقصد بإعداد بيئة العمل ؟ دائما عندما تبدأ البرمجة ﻷول مرة، أو تستخدم لغة برمجة ﻷول مرة ستحتاج لإعداد بيئة العمل، وغالباً تتكون من شيئين:

• محرر النصوص: حتى تتمكن من كتابة الكود
• مفسر اللغة: حتى تتمكن من تشغيل الكود

مفسر اللغة

لماذا نحمل مفسر اللغة؟

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

مفسر لغة جافاسكريبت

وفي دورتنا سنستخدم لغة جافاسكريبت، وهذه اللغة ما يميزها أنها تأتي مع المتصفحات فلا يعمل متصفح بدونها تقريباً، لذلك المتصفح هو مفسرها، وكانت هذه اللغة مقتصر عملها على الويب والمواقع لفترة طويلة إلى أن تم ابتكار تقنية تسمى node.js غيرت الوضع تماما وأصبحت لغة جافاسكريبت تُستخدم تقريباً في كل شيء، فهذا اﻹبتكار أعطى لهذه اللغة تطور غير عادي وسنشرح بالتفصيل لماذا هي بهذه اﻷهمية لكن باختصار هذه التقنية أتاحت تشغيل لغة جافاسكريبت خارج المتصفح، تشغيلها على حاسوبك بعيدا عن الويب، فبالتالي أصبحت هذه اللغة تُستخدم في مجالات متعددة لا حصر لها، على سبيل المثال هي اﻵن مكنت لغة جافاسكريبت من أن تعمل في ناحية السيرفر؛ كبرمجة خلفية، وليس فقط في المتصفح! وفتحت لجافاسكريبت الكثير من المجالات كما ذكرنا سابقاً في استخدامات جافاسكريبت وتم ابتكار الكثير من التقنيات القوية جدا والمميزة حتى أصبح المجال يتوسع بشكل سريع جدا؛ وسنتحدث لاحقاً بشكل مفصل عن أهمية هذه التقنية وما غيّرته في استخدامات لغة جافاسكريبت. وفي حالتنا لا نريد استخدام لغة جافاسكريبت في الويب ولن نتعلم شيئاً يخص الويب حالياً لكننا سنتعلم مبادئ البرمجة، بالتالي نريد استخدام لغة جافاسكريبت على حاسوبنا وفي هذه الحالة نحتاج لتحميل مفسّر لغة جافاسكريبت node.js وهو في الحقيقة أكبر من مجرد مفسّر لكننا سنستخدمه حالياً كمفسر للغة وذلك سيمكننا من تشغيل الكود الخاص بنا ورؤية النتيجة داخل محرر النصوص.

كيفية تحميل مفسر جافاسكريبت

الخطوة اﻷولى في إعداد بيئة العمل هي تحميل المفسر، يمكنك تحميله من هنا:

تحميل مفسر جافاسكريبت (node.js)
ثم الضغط على الزر الموجود في الصورة التالية (ربما يختلف المكتوب على الزر أمامك عن الموجود في الصورة لكن لا مشكلة)

ثم بعد تحميل البرنامج قم بتثبيته واﻵن تمت عملية تنزيل المفسر! هذا المفسر سيستخدمه محرر النصوص في تفسير كود جافاسكريبت وتشغيله

لا تعرف كيف تثبت البرامج؟ اقرأ الدرس التالي: تعلم كيفية تثبية البرامج

محرر النصوص

اﻷكواد هي عبارة عن نصوص (كتابة)، وحتى تتمكن من الكتابة في ملف وتعديله على الحاسوب تحتاج لمحرر نصوص، على سبيل المثال يستخدم معظم مستخدمي الحاسوب خصوصا في المجال التعليمي برنامج Word للكتابة، فبرنامج word هو محرر نصوص لكن مخصص للاستخدام المكتبي، أما بالنسبة للبرمجة الوضع يختلف جداً، محررات النصوص البرمجية تختلف عن محررات النصوص العادية، محرر النصوص البرمجية مجهز لكتابة أكواد اللغة التي سنكتب بها، بالتالي يساعد على:

• تنسيق الكود وعرضه بشكل مميز جدا
• اﻹكمال التلقائي ومساعدتك أثناء الكتابة وتسريع عملية الكتابة
• تلوين كل جزء مختلف من الكود بلون محدد مما يسهل قراءة الكود والنظر إليه وحل المشكلات كذلك

والكثير من المميزات أهمها هو أن معظم محررات النصوص ليست مجرد محرر يُكتب عليه بل هي "بيئة تطوير متكاملة IDE" يمكنها تشغيل الكود وإظهار الناتج لك ومساعدتك في عملية debugging وهي عملية اكتشاف اﻷخطاء وتصحيحها... لذلك محرر النصوص لا غنى عنه لكتابة أي كود برمجي.

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

محرر النصوص (vscode)

هو محرر نصوص مفتوح المصدر مبني على لغة "جافاسكريبت" وهذا من أهم مميزاته بالنسبة لنا، لأنه ليس فقط يدعم اللغة التي سنستخدمها بل هو مبني عليها، كما أنه يستخدمه معظم محترفي جافاسكريبت، ويمكنك تشغيل الكود داخله بدون الخروج منه والعديد من المميزات اﻷخرى التي تجعله هو اﻷفضل واﻷنسب لنا...

صورة لمحرر vscode من الداخل:

تحميل محرر النصوص (vscode)

يجب تحميل vscode على حاسوبك ثم تثبيته لتبدأ باستخدامه وكتابة أول كود لك...

تحميل برنامج vscode

ثم بعد التحميل قم بتثبيته كما تثبت أي برنامج أخر، وستجده ظهر في قائمة البرامج وعلى سطح المكتب!

لا تعرف كيف تثبت البرامج؟ اقرأ الدرس التالي: تعلم كيفية تثبية البرامج

إضافة code runner

لكل محرر نصوص متقدم كـ vscode إضافات، قام ببرمجتها بعض المبرمجين المستخدمين لمحرر النصوص ثم نشروها مع إضافات البرنامج ليتمكن أي شخص من استخدامها، وهناك إضافة جميلة جداً تسمى Code Runner ولكن ماذا تفعل؟ بإختصار تمكنك من تشغيل الكود داخل محرر النصوص بدون الخروج منه بسهولة عن طريق زر يظهر باﻷعلى، لكن كيف؟ هي فقط تعتمد على "المفسر node.js" الذي قمت بتثبيته على جهازك، فهي تربط محرر النصوص بالمفسر، عندما تضغط على زر تشغيل الكود كل ما يحدث هو أنها تُرسل للمفسّر أمر أن يفسر الملف المكتوب فيه الكود، وتضع أمامك الناتج!

ويمكنك إتباع الخطوات التالية لتثبيتها:

وبعد تثبيتها ستجد هذا الزر تم إضافته لأعلى يمين المحرر، ويمكنك الضغط عليه بعد كتابة الكود ليتم تشغيل الكود وتحصل على الناتج:

محرر دليل مبرمج المصغر

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

صورة للمحرر السريع من دليل مبرمج: