محرّرات HTML لاختبار كودك البرمجي إليك أفضل 5 محرّرات HTML مجانيّة

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

لا وجود للويب بدون HTML وأنت بحاجة لتعرف كيفية القيام بتحريره إذا رغبت أن تقوم بأي نوع من العمل على الويب ، لكن إعداد مسار عمل تحرير قوي لـ HTML سواء ًمن خلال “ Sublime Text ” أو “ Visual Studio Code ” قد يكون أمرا ً مبالغا ً فيه إذا لم تكن تعمل على مشروع كامل .

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

محرّرات HTML لاختبار كودك البرمجي إليك أفضل 5 محرّرات HTML مجانيّة على الإنترنت

لم استخدام محرّرات HTML على الإنترنت ؟

إن ّ أفضل أمر بخصوص محرّرات HTML على الإنترنت هو أنّها تعمل مباشرة من متصفح الويب ، ومتصفح الويب لديك يعتبر أفضل وأكثر أداة ملائمة لمعالجة واستدعاء كود HTML .

مما يعني أن ّ متصفح الويب لديك هو مجهز بأفضل شكل لمعاينة HTML في الزمن الحقيقي ، فعندما تريد أن تقوم بكتابة ترميز ويب في محرّر مستقل مثل “ Notepad ” أو “ TextEdit ” سيكون عليك أن تحفظ التغييرات إلى ملف ثم ّ تقوم بتحميل الملف في متصفح الويب لديك ، ثم معاينته وبعدها العودة مجددا ً إلى المحرّر من أجل القيام بتعديلات إضافية وهكذا في كل مرة تعيد نفس الأمر بعملية مرهقة .

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

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

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

وهنا إليك بعضا ً من أفضل محّررات HTML من الإنترنت المتاحة حاليا ً .

رقم 1 : Codepen

هذا المحرّر هو عبارة عن ” بيئة تطوير اجتماعية ” لمطوري الويب ، مما يعني أنّه بشكل أساسي محرّر على الإنترنت بميزات للمشاركة والتعاون . إن ّ المحرّر بحد ذاته يعتبر بسيطا ً فهو يضم : لوحة لـ HTML، لوحة لـ CSS ، و لوحة لـ JavaScript ، إضافة إلى لوحة من أجل المعاينة في الزمن الحقيقي. وكل أحجام هذه اللوحات يمكن أن يتم ضبطها من خلال سحب الحواف الخاصة بها كما ترغب .

يمكنك أن تنشئ “ Pens ” والتي هي مثل حقول خاصة من أجل تعديل كود الويب ، وبالإمكان أن يتم تجميع عدة “ Pens ” مع بعضها ضمن مجموعات . إن ّ المجموعات و ال “ Pens ” السرية تتطلب وجود حساب متميّز والذي يبدأ من 9 $ في الشهر ويأتي مع ميزات إضافية : استضافة مميزة ، ثيمات مدمجة ، تعاون في الزمن الحقيقي ، ووصول إلى بيئة تطوير متكاملة للويب خاصة بـ “ CodePen ” .

رابط الموقع الخاص بالمحرّر :

https://codepen.io/

رقم 2 : JSFiddle

كما يشير اسمه هو عبارة عن محرّر يمكنك فيه أن تتعامل مع جافا سكريبت ، وبما أن ّ كل من HTML و CSS تأتي جنبا ً لجنب مع جافا سكريبت فيمكنك تحرير هؤلاء الثلاثة باستخدامك لواجهة تحرير “JSFiddle” .

الأمر الجميل بالمحرّر هو أنّك تستطيع إضافة طلبات خارجية ضمن الشريط الجانبي ، وهذا الأمر يسمح لك بتضمين ملفات جافا سكريبت و CSS خارج الموقع من أجل تحسين HTML الخاص بك . كما يعتبر زر “ Tidy ” جيدا ً ومن خلاله يتم تنظيف الفراغات في كودك البرمجي تلقائيا ً ، ويسمح لك زر “Collaborate” بالعمل على نفس الكود البرمجي مع شخص آخر في الزمن الحقيقي .

الأمر السيء الوحيد هو أنّك يجب أن تنقر على زر “ Run ” من أجل تحديث لوحة المعاينة .

رابط موقع المحرّر :

https://jsfiddle.net/

رقم 3 : JSBin

هذا المحرّر هو بمثابة بديل أبسط وأكثر وضوحا ً لمحرّر “ JSFiddle ” ، وفيه يمكنك أن تحرّر أي تركيب HTML ، CSS ، و جافا سكريبت فقط عبر تفعيل اللوحات الموجود في شريط الأدوات العلوي، كما يمكنك أن تفعّل لوحة المعاينة ولوحة التحكم من أجل الحصول على أقصى درجة من المرونة .

لكن في حين أن ّ “ JSFiddle ” يسمح لك بربط مصادر جافا سكريبت و CSS خارجية ، فإن ّ “JSBine” يملك فقط تعريف لمكاتب جافا سكريبت التي يمكنك تضمينها .

ورغم أن ّ “ JSBin ” مجاني ولا يتطلب وجود حساب ، إلا أنّك ستحتاج إلى حساب متميّز في حال أردت صناديق خاصة ، تضمينات مخصّصة ، استضافة متميزة ، مزامنة دروب بوكس ، و عناوين URL مميزة للصفحات المنشورة عبر JSBin .

رابط الموقع للمحرّر :

http://jsbin.com/

رقم 4 : Liveweave

هذا المحرّر مشابه للمحرّر السابق في الأعلى وفيه واجهة مريحة للعين أكثر ، وكما في محرّر “JSFiddle” فإن ّ “ Liveweave ” يسمح بالتعاون في الزمن الحقيقي وكذلك يسمح لك كما في محرّر “ JSBin ” أن تقوم بربط موارد كطرف ثالث معرّفة من قبله مثل jQuery .

لكن إضافة لذلك يملك المحرّر بعض الميزات الفريدة أيضا ً ، حيث ينشئ مولد “ Lorem Ipsum ” نصا ً ينوب عن آخر ضمن موقع المؤشر الحالي ، كما يوفر مستكشف CSS أداة “ WYSIWYG ” من أجل إنشاء أنماط CSS ، ويساعدك مستكشف اللون على انتقاء الألوان المثالية لثيمتك ، وأخيرا ً يسمح لك محرّر المتّجه بإنشاء رسومات اتجاهية لموقعك .

رابط الموقع الخاص بالمحرّر :

https://liveweave.com/

رقم 5 : HTMLhouse

يعتبر محرّر “ HTMLhouse ” خيارا ً جيدا ً إذا كنت تهتم فقط بلغة HTML ( بدون جافا سكريبت أو CSS ) ، وهذا المحرّر خفيف وواضح بشكل لا يصدق ، وهو مقسّم بشكل عمودي ليكون التحرير على اليسار والمعاينة في الزمن الحقيقي على اليمين . في المحرّر ميزة وحيدة جيدة هي القدرة على نشر HTML الخاص بك ومشاركته بشكل خاص ( من خلال عنوان URL مخصّص ) أو بشكل عام ( يتم إضافته إلى صفحة استعراض “ HTMLhouse ” ) . إنّه محرّر بسيط ولكن فعّال وهو بالضبط حيث يتواجد محرر HTML على الإنترنت ويتفوّق بذلك .

اعلم أن ّ “ HTMLhouse ” قد تم ّ إنشاؤه وصيانته من قبل العامة على موقع “ Write.as ” وهو أدة كتابة على الإنترنت ، لذا إذا كنت تكتب منشورات مدونة أو شيء قريب من ذلك فاستخدم الموقع “Write.sd” بدلا ً من المحرّر .

رابط موقع المحرّر :

https://html.house/

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

كانت هذه مقالتنا: محرّرات HTML لاختبار كودك البرمجي إليك أفضل 5 محرّرات HTML مجانيّة على الإنترنت

المصدر

إقرأ أيضاً: نقل بيانات هاتفك القديم الى هاتفك الاندرويد الجديد