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

ما هي الأدوات التي يتسخدمها المحترفون؟

  • حاسوب. قد يبدو هذا غريباً لبعضٍ من الناس، ولكن البعض منكم يقرأ هذه المقالة من هاتفه أو من حاسب المكتبة. لعملية تطوير الويب الجادة، من الأفضل أن تستخدم، حاسب مكتبي أو حاسب محمول (بنظام ويندوز، أو ماك، أو لينُكس).
  • محرر نصوص لكتابة الشفرة فيه. قد يكون هذا المحرر محرر نصوص (مثل Brackets، أو Atom، أو Visual Studio Code)، أو محرر هجين (مثل Dreamweaver، أو WebStorm). محررات الوثائق المكتبية لن تكون مناسبة لهذا الاستخدام، لأنها تعتمد على عناصر خفية والتي تتداخل مع محركات العرض المستخدمة من متصفحات الويب.
  • متصفح ويب لتجربة الشفرة فيه. حالياً أكثر المتصفحات استخداماً هي فايرفوكس، و جوجل كروم، و أوبرا، و سفاري، و إنترنت إكسبلورر، و مايكروسوفت أيدج. يجب عليك أيضاً تجربة أداء موقعك على الهواتف وعلى المتصفحات القديمة التي قد مايزال جمهورك الذي تستهدفه يستخدمها على نطاق واسع (مثل IE 8–10).
  • محرر رسومات، مثل GIMP، أو Paint.NET ، أو Photoshop لتصنع صور لصفحتك.
  • نظام تحكم بالإصدارات لتدير الملفات على الخادم، وتساهم في مشروع مع فريق، ولتشارك الشفرة والملفات، ولتتجنب تضارب التعديل. لحد الآن يعتبر جيت أكثر أدوات التحكم بالإصدارات شيوعاً، كما تعد خدمة الاستضافة غيت هاب المبنية على جيت الأكثر شيوعاً أيضاً.
  • برنامج FTP المستخدم على حسابات استضافة الويب القديمة لإدارة الملفات على الخادم (يستبدل جيت ال FTP على نحو متزايد لهذا الهدف). هناك الكثير من برامج FTP المتوافرة ومنها Cyberduck، وFetch، وFileZilla.
  • نظام أتمتة مثل Grunt أو Gulp لأتمتة بعض المهمات التكرارية، مثل تصغير حجم الشفرة واختبارها.
  • القوالب، والمكتبات، وأطر العمل، ...إلخ لتسريع كتابة الوظائف الشائعة.
  • بالإضافة للمزيد من الأدوات.

ما الأدوات التي أحتاجها حالياً؟

تلك القائمة تبدو مرعبة، ولكن لحسن الحظ تستطيع البدئ بتطوير الويب بدون معرفة أي شيء عن معظم تلك الأدوات. في هذه القائمة سنقوم بإعداد الحد الأدنى من تلك الأدوات — محرر النصوص وبعض متصفحات الويب العصرية.

تثبيت محرر النصوص

أنت على الأرجح تملك محرر نصوص بدائي (بسيط) على حاسبك. فيأتي الويندوز بشكل أفتراضي متضمناً برنامج Notepad ويأتي نظام الماك مع TextEdit. تختلف توزيعات لينكس بالمحرر الإفتراضي، فتأتي أبونتو بمحرر gedit إفتراضياً.

من أجل تطوير الويب، يمكنك على الأرجح استخدام شيء أفضل من Notepad أو TextEdit. نحن نوصي ببدئ استخدام Brackets، فهو محرر مجاني يقدم ميزة العرض الحي والتلميحات.

تثبيت المتصفحات العصرية

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

قبل أن تبدأ، يجب على الأقل أن تثبت متصفحين من المتصفحات السالف ذكرها ويكونوا لديك جاهزين للعمل.

تثبيت خادم ويب محلي

بعض الأمثلة ستحتاج لأن تعمل عبر خادم ويب. تستطيع إيجاد طريقة القيام بذلك من خلال مقالة كيف تُعِد خادم اختبار محلي؟

في هذه الوحدةEdit

Document Tags and Contributors

 المساهمون في هذه الصفحة: ahmadnourallah
 آخر مَن حدّثها: ahmadnourallah,