Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing

مشروع محرر ويب

×

تحميلات 6565

حجمه 0.9MB

آخر تحديث له 01-08-2024

محرر ويب ملائم لجميع أحجام الشاشات و يتيح تجربة لغات الويب الأساسية HTML و CSS و Javascript. يمكن استخدام هذا المحرر لتصميم صفحات ويب احترافية أو لمجرد التمرن على التصميم بشكل تفاعلي حيث أنه يمكنك كتابة الكود و مشاهدة نتيجته بكل سهولة.

المحرر ليس محصور بلغات الويب HTML و CSS و Javascript حيث يمكنك تجربة أي مكتبة تريد فيه مثل Jquery و Bootstrap و UI-Kit و FontAwesome إلخ.. مع الإشارة إلى أنه في حال أردت استخدام أي مكتبة عليك تضمينها في من خلال الروابط الخاصة بها.


خصائصه

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

معلومة تقنية

  • القسم الذي يمكن فيه كتابة الكود تم استخدام مكتبة CodeMirror لأجل جعل الكود يتلون فيه.
  • كما أننا استخدمنا مكتبة JQuery لأجل جعل كود الجافاسكربت أكثر بساطة خاصةً في الجزئية المتعلقة بتحديد قياسات الشاشة.

حقوق النشر

  • يمكنك استخدام هذا المشروع لأغراض تعليمية و تجارية.
  • في حال أردت نشر هذا المشروع في موقع آخر فيجب وضع رابط هذه الصفحة بشكل واضح معه, و بالتالي يجب نسخ هذا الكود ووضعه في الصفحة.
<a href="https://harmash.com/projects/harmash-tryit-editor">من إعداد موقع هرمش</a>

المشروع يتضمن

تعليقات 11

أضف تعليق

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