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

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

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

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

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

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

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

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

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

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

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

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

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

في هذه الوحدة أيضاًEdit

Document Tags and Contributors

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