أفضل 7 برامج تحرير للكود عبر الإنترنت تعتمد على المستعرض لمطوري الويب

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

اشترك في قناتنا على اليوتيوب

لماذا محرري الكود عبر الإنترنت؟

هناك عدة أسباب للنظر في استخدام برامج تحرير التعليمات البرمجية عبر الإنترنت. ومع ذلك ، فإن الحقيقة هي أن استخدام IDE عبر الإنترنت (على الأرجح) لن يحل محل IDE المثبت محليًا. بينما العديد من البيئات على الانترنت هي قوية بشكل مثير للدهشة وقادرة على التعامل مع أكثر من عمل لك رمي عليهم، فهي ليست تماما كما قوية وقادرة عمليات تثبيت سطح المكتب. ومع ذلك ، هناك عدة أسباب للنظر في استخدام واحد.

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

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

1. رمز التشغيل

PlayCode هو محرر كود لطيف متعدد الأغراض على الإنترنت. باستخدامه ، يمكنك فتح ملفات متعددة تعمل معًا في مشروع واحد ، تمامًا كما تفعل مع ملفات متعددة في بنية دليل نموذجية باستخدام Sublime Text أو VS Code. يحتوي PlayCode على قوالب معدة مسبقًا للمستخدمين ، بالإضافة إلى نتائج في الوقت الفعلي وتصحيح أخطاء وحدة التحكم المضمنة مباشرةً في المستعرض. يمكن للمستخدمين التحرير والعمل دون تسجيل الدخول للحصول على إصلاحات سريعة وغير ذلك ، ولكن أيضًا تسجيل الدخول لحفظ العمل واستخدام PlayCode عبر الأجهزة.

معلومات اكثر

2. JSFiddle

JSFiddle هو محرر كود آخر على الإنترنت يعمل بعدة طرق مثل PlayCode. تم تصميم JSFiddle خصيصًا لمبرمجي جافا سكريبت ، وليس بالضرورة للعمل في مشاريع كاملة ، ولكن كما يقول شريط المعلومات في أعلى المحرر نفسه ، فإنه يعمل بشكل أفضل مع "العروض التوضيحية للمستندات ، وتقارير الأخطاء عن مشكلات Github ، وتقديم إجابات التعليمات البرمجية على تكديس الفائض ، والتعاون المباشر في الكود ، واستضافة مقتطفات الشفرة "أو مجرد وضع حماية لك لتلعب في التعليمات البرمجية الخاصة بك.

معلومات اكثر

3. CodePen

ومن المرجح أن يعتبر CodePen أن يكون محرر مدونة على الانترنت المحررين متاحة على الانترنت. لا يمنحك فقط أدوات التعاون والتجريب والمشاركة ، ولكن يمكنك أيضًا الحصول على نتائج مباشرة والقدرة على البحث من خلال قاعدة البيانات الخاصة بهم ومستودع المقتطفات التي وضعها مؤلفون آخرون حتى تتمكن من التجربة والتعلم من عملهم أيضًا . إنه أيضًا مكان ممتع لمعرفة ما يفعله بعض الأشخاص باستخدام الكود بطرق جديدة وممتعة. بالإضافة إلى ذلك ، تتم فهرسة مقتطفات CodePen بواسطة Google ، وفي كثير من الأحيان ستنتهي هنا عندما تبحث عن حل قبل أن تتوجه إلى Stack Overflow - وأحيانًا بعد ذلك لأن هذا هو المكان الذي يكتب فيه الأشخاص غالبًا الحلول في الوقت الفعلي ويشاركونها.

معلومات اكثر

4. StackBlitz

StackBlitz هي أشياء جيدة. نحن معجبون جدًا بما يقدمه هذا التطبيق للمطورين لأنه يأتي مليئًا بالأدوات اللازمة لبدء مشروعك مع بدء التشغيل. بنقرة واحدة. إذا نظرت إلى الصورة أعلاه ، فقد تم إنشاء جميع الملفات والتبعيات وحتى عناوين URL القابلة للمشاركة باستخدام زر واحد لبدء مساحة عمل جديدة - رد (JavaScript) . مع القدرة على الحفظ والمشاركة وحتى الاتصال بحساب GitHub الخاص بك ، يستحق StackBlitz نظرة. بدلاً من أن تكون خدمة مشاركة المقتطفات أو وضع الحماية للترميز ، فإن StackBlitz هي IDE قوية لأولئك الذين يفضلون محرري الكود عبر الإنترنت.

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

معلومات اكثر

5. AWS Cloud9

باعتبارك من أوائل المتبنين لـ Cloud منذ 9 سنوات عندما كان مشروعًا مفتوح المصدر على c9.io ، فإننا نوصي بشدة بهذا المنتج. في الواقع ، إنه يوفر تجربة مشابهة جدًا لـ StackBlitz أعلاه. عندما استحوذت Amazon على C9 ، قاموا بتوصيله بسحابة كجزء من مجموعة خدمات AWS الخاصة بهم. إن AWS Cloud9 هي بالتأكيد IDE قوي ومتكامل الميزات عبر الإنترنت ، كما أن الدعاية الإعلامية على موقع الويب الخاص بهم تقوم بعمل رائع في تفصيل سبب استحقاقها للبحث بالضبط.

AWS Cloud9 هي بيئة تطوير متكاملة (IDE) قائمة على السحابة تتيح لك كتابة التعليمات البرمجية وتشغيلها وتصحيحها باستخدام متصفح فقط. يتضمن محرر كود ، مصحح أخطاء ، ومحطة طرفية. يأتي Cloud9 مُجهزًا مسبقًا بأدوات أساسية للغات البرمجة الشائعة ، بما في ذلك JavaScript و Python و PHP والمزيد ، لذلك لا تحتاج إلى تثبيت الملفات أو تكوين جهاز التطوير الخاص بك لبدء مشاريع جديدة. نظرًا لأن Cloud9 IDE الخاص بك قائم على السحابة ، يمكنك العمل على مشاريعك من مكتبك أو منزلك أو في أي مكان باستخدام جهاز متصل بالإنترنت. توفر Cloud9 أيضًا تجربة سلسة لتطوير التطبيقات بدون خادم مما يتيح لك بسهولة تحديد الموارد وتصحيح الأخطاء والتبديل بين التنفيذ المحلي والبعد للتطبيقات بدون خادم. باستخدام Cloud9 ، يمكنك مشاركة بيئة التطوير الخاصة بك بسرعة مع فريقك ، مما يتيح لك إقران البرنامج وتتبع مدخلات بعضكما البعض في الوقت الفعلي.

معلومات اكثر

6. JSBin

إذا سبق لك أن رأيت أو استخدمت PasteBin ، فستكون JSBin مألوفة لك. إنه مشابه في الهيكل والأسلوب والفائدة ، JSBin هو في الأساس موقع لمشاركة الكود. نعتقد أنه من الأفضل بالتأكيد تسجيل حساب هنا لتبقى مسجلاً للدخول. والسبب هو أن JSBin يحفظ تلقائيًا تقدمك في أي رمز تعمل به. حتى لو كنت تقوم بالتجربة لمعرفة ما تفعله المقتطفات ، فلن تفقد عملك. JSBin هو محرر بسيط لا معنى له. وإذا كان هذا هو ما تحتاجه ، فلا يمكنك حقاً أن تتحسن.

معلومات اكثر

7. WordPress Theme Editor

قد لا يكون WordPress هو أول ما تفكر فيه فيما يتعلق بمحرري الكود عبر الإنترنت. لكنه بالتأكيد شيء يجب مراعاته. في WordPress 4.9 ، تم تحديث WP Core ليشمل CodeMirror. تمييز بناء الجملة وتحذيرات الأخطاء لأي تغييرات يتم إجراؤها داخل مناطق التعليمات البرمجية أصبح الآن خطًا أساسيًا مع WordPress. الموقع الأساسي لهذا هو داخل منطقة Appearance - Theme Editor ، ولكنه يظهر أيضًا في أي منطقة عنصر واجهة مستخدم (مثل عنصر واجهة مستخدم HTML المخصص ) أو داخل أداة تخصيص السمة في علامة التبويب Custom CSS . في حين أن هذا بالتأكيد ليس IDE كاملًا ، يمكننا أن نوصي تمامًا باستخدام محرر WP CodeMirror كطريقة للتحقق من الأخطاء وتحديث مقتطفات التعليمات البرمجية دون التعامل مع FTP وأنظمة إدارة الملفات المختلفة.

معلومات اكثر

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

لن يحل معظم محرري الأكواد عبر الإنترنت محل بيئة التطوير المحلية الخاصة بك. هذه ليست وظيفتهم. خاصة. ومع ذلك ، فإن ما يمكنهم فعله هو توفير طريقة قوية وبسيطة لتحرير التعليمات البرمجية ومشاركة المقتطفات وعمل نسخ احتياطية وتجربة ميزات جديدة في مكان آمن وآمن في الوقت الفعلي. بين IDEs الكاملة مثل StackBlitz ، وخدمات مشاركة المقتطفات مثل JSBin ، وحتى مجرد برامج تحرير الأكواد عبر الإنترنت ذات جودة الحياة مثل تكامل WordPress CodeMirror ، إذا لم تكن قد لعبت مطلقًا مع التحرير عبر الإنترنت ، فلا يوجد وقت أفضل للبدء.

ما هي برامج تحرير الكود المفضلة لديك على الإنترنت؟

صورة مميزة للمقالة بواسطة Fernandodiass / shutterstock.com