انشاء صفحات الويب بالبرامج (السحب و الافلات)

تلك المنصات تُعرف باسم منصات low code أوؤ، و low code يعني إمكانية التصميم مع كتابة كود قليل للتخصيص، أما no code فسحب وإفلات فقط لتصميم الواجهة.

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

وبالفعل يوجد منصات بها مكونات React.js جاهزة من أجل إنشاء واجهة الموقع وإنشاء حالة state للمكونات.

وستجد تفصيل أكثر في تعليق سابق هنا:

نعم، هناك برامج تسمح لك بإنشاء صفحات الويب بشكل سهل عن طريق السحب والإفلات، وهي عادةً تعتمد على واجهة رسومية لتصميم الصفحة دون الحاجة إلى التعامل مباشرة مع كود HTML أو CSS. يُعرف هذا النوع من الأدوات بـ"محررات واجهة المستخدم"

بالنسبة للسلبيات:

1. قلة التحكم الكامل: قد تكون هذه الأدوات أحيانًا أقل قابلة للتخصيص والتحكم بالتفصيل مقارنة بالكتابة المباشرة لكود HTML و CSS. بالإضافة إلى ذلك، قد تكون بعض الأدوات أقل فعالية في التعامل مع متطلبات تصميم معقدة.

2.كود غير فعّال: يمكن أن يكون الكود الذي تنتجه تلك الأدوات أحيانًا أكثر ضخامة وأقل فعالية من حيث الأداء مقارنة بكتابة الكود يدوياً.

3. صعوبة التعديل:في بعض الأحيان، يكون من الصعب تعديل الصفحات المنشأة باستخدام تلك الأدوات باستخدام محررات النصوص العادية، مما يمكن أن يسبب تحديات في تطوير المشروع.
وبالنسبة لليجابيات :
1-حفظ الوقت والجهد
2-عدم الحاجة الي الخبرة
 

والصفحات المنشئة تصلح reactjs و electron.js إذا كنت قادرًا على الحفاظ على تنظيم جيد للكود وتضمين مكتبات React.js و Electron.js بشكل صحيح، فيمكنك استخدام الصفحات المنشأة بهذه الأدوات.

يوجد العديد من المواقع تسمح لنا بانشاء مواقع بدون كتابة أكواد مثل ووردبريس أو ويكس أو wappler
مميزاتها :
1 - بانشاء الموقع بسرعة بدون كتابة الاكود فقط سحب وافلات.
2 - تدعم الكثير من القوالب الجاهزة وتختار منها كما تريد سواء مدفوعة أو مجانية.
3 - تدعم الكثير من الإضافات التى تجعلك تزيد من امكانيات ومميزات الموقع.
4 -الوردبريس مثلا جيد جدا في  تحقيق ترتيب مرتفع بمحركات البحث.
5 -توفير الوقت فى انشاء الموقع والمال لتوفير العديد من المبرمجين.
سلبياتها:
1 - بطئ الموقع فى بعض من الأحيان بسبب الاضافات التى تم تثبيتها لإضافة بعض المميزات لموقعك.
2 - التعديل ليس سهلا فأنت محدود بالقالب الجاهز والإضافة التى تستخدمها.
3 - الكود الذي يتم انتاجه بهذه الأدوات أحيانا يكون زائد بكثير مما نستخدمه يؤدى إلى انخفاض أداء الموقع بدون داعي. 
فى كل الأحوال هذه المواقع قد تكون مناسبة للمواقع الصغيرة والمتوسطة ذات التكلفة المنخفضة لانتاج مشروع بجودة متوسطة ولا يتم التعديل عليه كثيرا في المستقبل.

حقيقة الفارق بين No-Code أو Low-Code يكمن في درجة التخصيص والتعديل التي تتيحها كل منصة للمستخدم فمثلا:

• No-Code Platforms: تسمح للمستخدمين بإنشاء تطبيقات الويب أو التطبيقات دون الحاجة إلى كتابة أي كود بأنفسهم لهذا تبدو عملية التصميم وكأنها بسيطة وسلسة، وغالبا ما تتضمن أدوات السحب والإفلات والضغط والإفلات فقط. أي أنها لا تتطلب خبرة برمجية مسبقة ويمكن استخدامها لإنشاء تطبيقات بسيطة وسريعة.
• في حين أن ال Low-Code Platforms: تمنح المستخدمين درجة أعلى من التخصيص والتحكم بالتطبيقات، حيث يمكنهم كتابة بعض الكود لتخصيص وتعديل المنصة بشكل أكبر وعادة ما تكون هذه المنصات تقدم مكونات جاهزة وواجهات برمجية تسهل عملية توصيل الأنظمة وإدارة البيانات.

أما بالنسبة لاستخدامها في تطبيقات React.js وElectron.js، فهذا يعتمد على مدى توافق المنصة مع هذه التقنيات وقابلية تكاملها معها. لكن في العموم، يمكن استخدام منصات No-Code و Low-Code لإنشاء واجهات المستخدم لتطبيقات React.js وElectron.js، ولكن قد تحتاج إلى بعض التعديلات لجعلها تتوافق بشكل كامل مع متطلبات تلك التقنيات.

يمكنك الاستفادة من هذه المقالة أيضا في نفس المجال:

والاستفادة أيضا من هذه المساهمة على حسوب i/o والتعليقات التي تناقش الموضوع من هنا:

https://io.hsoub.com/webdev/83740-ماذا-عن-استخدام-منصة-webflow-لتصميم-المواقع-دون-كتابة-ولا-كود

نعم تعرف هذه المنصات بمواقع (No-Code) 

مواقع No-Code هي منصات وأدوات تسمح للمستخدمين ببناء تطبيقات الويب والمواقع الإلكترونية دون الحاجة إلى كتابة أي كود برمجي. يتم ذلك من خلال استخدام واجهات سهلة الاستخدام تعتمد على السحب والإفلات (Drag-and-Drop) وتحرير النصوص والاختيار من بين قوالب الجاهزة.

المميزات الرئيسية لمواقع No-Code:

1. توفر واجهات سهلة الاستخدام تتيح للمستخدمين بناء التطبيقات والمواقع بسرعة وبدون الحاجة إلى مهارات برمجية.

2.  يتيح استخدام السحب والإفلات والقوالب الجاهزة تسريع عملية التطوير وتقليل الوقت اللازم لإطلاق التطبيقات والمواقع.

3. تقليل التكاليف المرتبطة بتطوير التطبيقات والمواقع الإلكترونية عن طريق الحاجة إلى فريق برمجة.

4.  رغم أنها تعتمد على القوالب والأدوات الجاهزة، إلا أن معظم منصات No-Code توفر خيارات للتخصيص والتعديل حسب احتياجات المستخدم.

السلبيات الرئيسية لمواقع No-Code:

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

2.  تؤدي استخدام بعض الأدوات القاعدة على السحب والإفلات إلى إنتاج كود غير فعّال أو زائد، مما قد يؤثر على أداء الموقع وزيادة أوقات التحميل.

3.  ستواجهه صعوبة في دمج مواقع الويب التي تم إنشاؤها باستخدام أدوات السحب والإفلات مع تقنيات أخرى أو مكتبات مثل ReactJS أو ElectronJS بسبب تناقض الأساليب والتقنيات.

4.  من الصعب في بعض الحالات فهم الكود المولد من الأدوات التي تستخدم السحب والإفلات، مما يجعل من الصعب إجراء التعديلات أو إصلاح الأخطاء فيما بعد.

هذه مواقع No-Code ستساعدك في بناء موقعك 

Wix :  توفر Wix واجهة سحب وإفلات (Drag-and-Drop) تسمح للمستخدمين بسهولة تخصيص تصميم الموقع باستخدام مجموعة متنوعة من القوالب والعناصر.

Weebly : وفر Weebly أدوات سهلة الاستخدام لتخصيص تصميم الموقع وإضافة ميزات مثل النماذج والمتاجر الإلكترونية والمدونات وغيرها.

Squarespace : توفر Squarespace أدوات بناء موقع تسمح بالتخصيص الشامل للمواقع بما في ذلك الصفحات والمدونات والمتاجر الإلكترونية.

Elementor (WordPress Plugin) : Elementor هو إضافة لمنصة WordPress تسمح بإنشاء صفحات الويب باستخدام واجهة سحب وإفلات.

انصحك اذا كنت تريد بناء موقع قوي وتخصصه علي حسب احتياجك ستحتاج الي تعلم تطوير الوجهات الاماميه وهنا تاتي دور اكاديمية حسوب التي تقدم كورس تطوير وجهات الاماميه مع شهادة معتمده