أفضل 10 محررات أكواد عبر الإنترنت يمكنك استخدامها

محررو الأكواد عبر الإنترنت عبارة عن تطبيقات برمجة يمكن الوصول إليها عبر متصفح. وهي تأتي بالعديد من المزايا التي تجعلها شائعة.

بعض محررات الأكواد الإلكترونية تُركز على لغة أو إطار عمل واحد، بينما تتميز أخرى بتنوعها. بعضها بسيط، بينما يُشبه البعض الآخر بيئات التطوير المتكاملة (IDEs) مع ميزات المعاينة والتصحيح.

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

فوائد محرري الكود عبر الإنترنت

فيما يلي بعض الأسباب المهمة التي تدفعك إلى التفكير في استخدام محرري التعليمات البرمجية عبر الإنترنت:

• التخزين عبر الإنترنت – يمكنك الوصول إلى الكود الخاص بك من أي مكان. لا حاجة لجهاز كمبيوتر معين مثبت عليه المحرر.
• مشاركة - يتيح لك الاتصال بالإنترنت مشاركة الكود الخاص بك مع الآخرين بسهولة.
• الإعداد الفوري - لا حاجة للإعدادات، فقط قم بتسجيل الدخول وستكون على ما يرام.
• التعاون: – تحتوي معظم بيئات التطوير المتكاملة عبر الإنترنت على ميزات تعاونية، حتى تتمكن من العمل والتفاعل مع الزملاء في الوقت الفعلي.

نصائح مهمة لاختيار محرر أكواد عبر الإنترنت

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

• اللغات المعتمدة - هذا مهم للغاية لأنه فقط عندها سيتم تقديم تمييز الكود والإكمال التلقائي والميزات المفيدة الأخرى.
• سرعة - تريد محررًا سريعًا ولا يعيقك.
• اقامة - يجب أن يكون النظام سهل الاستخدام قدر الإمكان. ولا حاجة إلى خطوات إضافية في كل جلسة.
• التكلفة – بعضها يعتمد على الاشتراك، والبعض الآخر مجاني ومدعوم بالإعلانات. القرار متروك لك.
• دعم المحطة الطرفية وNPM – توفر معظم المنصات الحديثة آلة افتراضية أو بيئة تنفيذ حاويات، مع محطة طرفية تتيح لك الاتصال بخدمات متعددة.
• الإعدادات والتخطيطات - يعد وجود بيئة تطوير متكاملة عبر الإنترنت تتمتع بمستوى جيد من التخصيص أيضًا ميزة إضافية كبيرة.

أفضل محرري الأكواد عبر الإنترنت

الترتيب	االسم	الصفقات المميزة	السعر الأساسي	الموقع الإلكتروني
1.	قانون VS	متعدد الاستخدامات، للويب وسطح المكتب	الباقة المجانية	code.visualstudio.com
2.	شبيبة	كود الويب، المشاركة	الباقة المجانية	jsfiddle.net
3.	كود في أي مكان	بيئة تطوير متكاملة سحابية متكاملة الميزات	6 دولارًا في الشهر	كود في اي مكان.كوم
4.	جيثب CodeSpaces	VS Code، VM، مستودع GitHub	فريميوم	github.com/features/codespaces
5.	Theia	إطار عمل IDE، VS Code	الباقة المجانية	theia-ide.org
6.	جيت بود	VS Code، سريع، مرن، Netlify	فريميوم	gitpod.io
7.	كود ساندبوكس	VS Code، Git، Vercel، Netlify	فريميوم	كوداتساندبوكس.يو
8.	StackBlitz	يعتمد على المتصفح، وقادر على العمل دون اتصال بالإنترنت	فريميوم	ستاكبلتز.كوم
9.	سحابة AWS 9	بيئة تطوير متكاملة كاملة وميزات واسعة النطاق	الباقة المجانية	aws.amazon.com/cloud9
10.	محرر TryIt	متعدد اللغات، التمييز، استضافة الويب	فريميوم	w3schools.com

1. كود الاستوديو المرئي

الصفقات المميزة:محرر متعدد الاستخدامات، إصدارات الويب وسطح المكتب، التكامل مع Git، التشغيل والتصحيح

الموقع: code.visualstudio.com

Visual Studio Code أو VS Code هو محرر أكواد مصدر من Microsoft، ويحمل نفس الاسم نسبة إلى حزمة Visual Studio Developer الخاصة به. ومع ذلك، فإن Visual Studio Code مختلف.

يمكنك الحصول على VS Code لمنصات Windows وLinux وmacOS. بالإضافة إلى ذلك، هناك إصدار ويب يتكامل مع العديد من المنصات والخدمات، مما يجعله شائعًا للغاية.

VS Code مجاني تمامًا ومفتوح المصدر. يتضمن يجري و تصحيح الميزات، مطابقة الأقواس، طي الكود، يأتي مع إدارة إصدار Git مدمجة، ومتوافق تمامًا مع الامتدادات.

ستحصل أيضًا على IntelliSense، محرك تمييز وإكمال التعليمات البرمجية الذكي من Microsoft والذي يعمل فورًا مع JavaScript وJSON وCSS وHTML. بالإضافة إلى ذلك، يمكنك دائمًا الحصول على المزيد من الامتدادات لأكثر من 100 لغة مدعومة في سوق VS Code. 

2. جيه إس فيدل

الصفقات المميزة:محرر الويب، HTML، CSS، JavaScript

الموقع: jsfiddle.net

تم تصميم محرر jsFiddle للتعامل مع أكواد JavaScript وHTML وCSS، مما يجعله محرر ويب بكل بساطة. فهو يتيح لك إنشاء أكوادك وتحريرها وتنفيذها ومشاركتها مجانًا مع متصفحك.

يمكنك حفظ وتحميل مشاريع جديدة على منصة jsFiddle، ويمكنك أيضًا تحميل البيانات من مستودع Git. كما تدعم المنصة أيضًا تقسيم الكود والتعاون المباشر.

تتوفر ميزات تمييز بناء الجملة والإكمال التلقائي والمسافة البادئة لتسهيل كتابة التعليمات البرمجية. ويقوم المحرر بمحاذاة اللغات في لوحات مختلفة ويقدم إعدادات منفصلة لكل لغة من اللغات الثلاث.

3. كود في أي مكان

الصفقات المميزة:بيئة تطوير متكاملة كاملة، حاويات، Git، FTP، SSH

الموقع: كود في اي مكان.كوم

CodeAnywhere عبارة عن بيئة تطوير متكاملة سحابية كاملة الميزات تدعم أكثر من 75 لغة برمجة، بما في ذلك Go وHTML وPHP وPython وRuby وما إلى ذلك.

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

لا توجد خطة مجانية هنا، لكن CodeAnywhere تقدم فترة تجريبية مجانية لمدة 7 أيام. Basic تبلغ تكلفة الخطة 6 دولارات شهريًا للأفراد وتأتي مع حاوية واحدة بسعة 1 جيجابايت من ذاكرة الوصول العشوائي و2 جيجابايت من سعة التخزين. المجموعة الأساسية تكلفة الخطة 15 دولارًا وتتضمن 3 حاويات ومواصفات أعلى.

هناك أيضًا محطة طرفية كاملة الميزات لتجميع وتشغيل وتصحيح أخطاء التعليمات البرمجية الخاصة بك. بالإضافة إلى ذلك، يمكنك تشغيل مشاريعك في حاويات CodeAnywhere أو الاتصال بخوادم بعيدة باستخدام FTP وFTPS وSSH. 

4. GitHub CodeSpaces

الصفقات المميزة:محرر VS Code، اختيار بسيط للآلة الافتراضية

الموقع: github.com/features/codespaces

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

GitHub CodeSpaces هي خدمة GitHub تتيح لأي مطور تنفيذ الكود الخاص به على الأجهزة الافتراضية للشركة. وهي تجمع بين البنية الأساسية لـ GitHub وVS Code كمحرر لها.

يمكنك تكوين بيئتك باستخدام ملفات التكوين من المستودع الخاص بك، ويؤدي هذا إلى إعداد الجهاز الظاهري لجميع المستخدمين بأوقات تهيئة سريعة.

العرض هنا بسيط، من جهاز افتراضي ثنائي النواة وذاكرة وصول عشوائي بسعة 2 جيجابايت بسعر 4 دولار في الساعة إلى 0.18 نواة وذاكرة وصول عشوائي بسعة 32 جيجابايت بسعر 64 دولار في الساعة. إذا كنت بالفعل أحد مستخدمي مستودعات GitHub أو Pages، فقد تكون CodeSpaces بيئة سحابية ملائمة للغاية يمكنك تجربتها.

5. إكليبس ثيا

الصفقات المميزة:إطار عمل IDE حديث عبر الإنترنت، مجاني ومفتوح المصدر

الموقع: theia-ide.org

لا يعد Eclipse Theia محرر أكواد عبر الإنترنت مناسبًا. ومع ذلك، فهو إطار عمل لبناء أكوادك بسرعة. لذا، إذا كنت من النوع الذي يحب بناء أكوادك الخاصة أو منظمة تحتاج إلى تطبيق مخصص، فيمكنك بناء بيئة تطوير متكاملة حديثة ومخصصة عبر الإنترنت باستخدام Theia.

ستحصل على إطار عمل معياري مجاني ومفتوح المصدر، مبني على مشروع VS Code. ومع ذلك، فإن Theia محايد للبائعين، ويدعم تطوير التطبيقات عبر الإنترنت وسطح المكتب، ويتميز بتصميم مرن للغاية، وقابل للتوسع بشكل كبير.

يدعم الإطار أكثر من 60 لغة برمجة، بما في ذلك Java وJavaScript وPython. كما يتضمن تمييز بناء الجملة والإكمال التلقائي والتلميحات. كما يوجد أيضًا محطة طرفية كاملة الميزات مع إعادة الاتصال التلقائي ودعم التاريخ الكامل.

6. جيت بود

الصفقات المميزة:محرر VS Code، بيئة تحميل سريعة، تكوين مكثف

الموقع: gitpod.io

يعتبر Gitpod مشابهًا لـ GitHub Codespaces، ولكنه يأتي مع اختلافات طفيفة تجعله منصة مثيرة للاهتمام لتطوير السحابة.

تتشارك المنصة في محرر VS Code نفسه، ولكنك لا تختار خطة وفقًا لنواة وحدة المعالجة المركزية وذاكرة الوصول العشوائي. بل تحصل على 50 ساعة تنفيذ في الخطة المجانية، و100 ساعة في الخطة الشخصية مقابل 8 يورو شهريًا، وساعات غير محدودة في الخطة الاحترافية.

كما يوفر Gitpod مساحات عمل متعددة، بما في ذلك 4 مساحات عمل متوازية في الخطة المجانية. كما يوفر مشاركة مساحات العمل، ولقطات سريعة، ولوحة تحكم إدارية بديهية، واستضافة التعليمات البرمجية على GitHub أو Bitbucket أو GitLab.

تتيح لك مساحة عمل Gitpod تكوين بيئة التطوير الخاصة بك بالكامل لمشروع معين وحفظها ككود. ثم يقوم النظام ببنائه مسبقًا، بحيث يمكنك دائمًا فتحه في لحظة.

يمكنك تهيئة كل شيء في كل مساحة عمل - وهي صورة Docker - من ملحقات المحرر إلى مهام التهيئة ومهام بدء التشغيل، وما إلى ذلك. كما يمكنك استضافة Gitpod ذاتيًا.

7. كود ساندبوكس

الصفقات المميزة:محرر VS Code، خطط مرنة، نشر Vercel وNetlify

الموقع: كوداتساندبوكس.يو

CodeSandbox هو أيضًا IDE عبر الإنترنت يأتي مع محرر VS Code وميزات أخرى، مثل إعادة تحميل الوحدة النمطية الساخنة للتغييرات، واستعادة الجلسة، وnpm، وGitHub، ودعم iOS، والنشر على Vercel وNetlify.

يُطلق على كل بيئة اسم "صندوق رمل" ومن السهل إنشاؤها وإدارتها من قوالب مختلفة. يمكنك إنشاء نماذج أولية سريعة للعمل مع Vue وReact وAngular وGatsby وما إلى ذلك. يمكنك مشاركة الكود الخاص بك مع الفريق وإبداء الملاحظات أو تلقيها.

يقدم CodeSandbox خطة تخزين مجانية بحجم 20 ميجا بايت تقتصر على صناديق الحماية العامة وحزم npm ومستودعات GitHub. الشخصية برو ومع ذلك، ترفع الخطة هذه القيود مقابل 7 دولارات شهريًا.

8. ستاك بليتز

الصفقات المميزة:بيئة تعتمد على المتصفح، آمنة، وسريعة للغاية

الموقع: ستاكبلتز.كوم

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

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

من ناحية أخرى، يعني هذا النهج أيضًا أن StackBlitz يعمل فقط مع المشاريع المرتبطة بـ Node.js، مثل React وAngular وVue. لذا، لا يمكنك استخدامه للغات مثل C++ وPython وGo وما إلى ذلك.

المحرر هو VS Code ويقوم النظام تلقائيًا بمعالجة التبعيات والتجميعات وإعادة التحميل أثناء الكتابة والمشاركة وتصحيح الأخطاء. يمكنك حتى تشغيل خدمات Node.js الخلفية مثل خوادم الويب وواجهات برمجة التطبيقات على متصفحك باستخدام StackBlitz.

وتشمل الخطط ما يلي تلميذ عسكري وهو مجاني ولكنه يقتصر على المشاريع العامة ومستودعات GitHub، في حين رائد فضاء تبدأ الخطة من 8 دولارات لكل مستخدم شهريًا.

9. أوس كلاود9

الصفقات المميزة:محرر كامل الميزات، ومصحح أخطاء، وتطوير AWS

الموقع: aws.amazon.com/cloud9

Amazon Web Services (AWS) Cloud9 هي بيئة تطوير متكاملة لتطبيقات السحابة. وهي متاحة مجانًا لعملاء Amazon EC2، حيث تدفع فقط مقابل حوسبة وتخزين برمجياتك.

يدعم Cloud9 IDE أكثر من 40 لغة برمجة، بما في ذلك Go وPython وPerl وC وC++ وRuby وJavaScript وما إلى ذلك. كما يوفر تمييز بناء الجملة والتلميحات، بالإضافة إلى الإكمال التلقائي وتصحيح الأخطاء.

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

Cloud9 عبارة عن حزمة كاملة لجميع أنواع تطوير تطبيقات السحابة، ولكن يتعين عليك أن تكون عميلاً لشركة Amazon لاستخدامها.

10. محرر TryIt

الصفقات المميزة:محرر مجاني، دروس تعليمية، مساحة استضافة

الموقع: w3schools.com

W3Schools هو مورد تعليمي واسع النطاق ساعد العديد من مطوري البرامج على أن يصبحوا أكثر كفاءة على مر السنين.

تقدم المنصة دروسًا تعليمية مجانية لجميع أنواع اللغات، من SQL إلى HTML وPHP وPython وCSS وASP وما إلى ذلك. يتضمن كل درس إمكانية تجربة بعض الأمثلة باستخدام محررها.

يتضمن محرر TryIt الخاص بـ W3School تمييزًا لقواعد اللغة ويتيح لك تشغيل التعليمات البرمجية مباشرة في متصفحك والحصول على النتيجة على اللوحة اليمنى. وقد تم تحسينه باستمرار على مر السنين ويتضمن الآن العديد من الخيارات، مثل حفظ الكود, تغيير الموضوعو تغيير التوجه.

ستحتاج إلى حساب لحفظ الكود. تقدم W3Schools Spaces باقة مجانية محدودة تتضمن قوالب ومدير ملفات لاستضافة المواقع الثابتة، مع باقات مميزة تبدأ من 4.99 دولار شهريًا.

الخاتمة

لقد وصلنا إلى نهاية قائمة أفضل محرري الأكواد عبر الإنترنت، وقد شاهدت أفضل العلامات التجارية الموجودة هناك وما تقدمه لمشروعك القادم.

يختلف كل مبرمج عن الآخر ويؤدي مهمة فريدة من نوعها، وله متطلبات مختلفة. لذا، ربما لا توجد أداة واحدة هي الأفضل على الإطلاق. لذا، يتعين عليك اختيار الأداة التي تلبي احتياجاتك على أفضل وجه.