هل تصميم واجهة التطبيق التفاعلية تحتاج مبرمج؟

أهلًا بك،

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

بخصوص لغات Frontend؛ فهي HML CSS ولغة JS أو أحد إطارات عملها.. لا يوجد غيرها لأن المتصفحات تتعامل مع تلك اللغات أو التقنيات بشكل أساسي

بعد أن يقوم مبرمج frontend بعمل الواجهات.. يعطي الكود لمبرمج backend أو مبرمج الخلفيات، فيقوم بكتابة كود أخر للربط مع قواعد البيانات وإنشاء لوحات تحكم وهكذا يجهز الموقع..

بخصوص تصميم الواجهات.. فإنه يختلف عن برمجة الواجهات.. هناك مصممين مختصين بغرض تصميم واجهات الموقع بانتقالات الصفحات باستخدام برامج تصميم مثل X D و برامج التصميم الاخرى (يمكنك معرفة الفرق بين UI و UX وأهميتهم في هذا المجال) المشهورة مع فوتوشوب.. لكن مرحلة تصميم الواجهات تأتي قبل مرحلة برمجة الواجهات.. يعني يقوم خبير UI/UX designer أو Graphic Designer بتصميم الواجهات وتحديد الانتقالات حتى يسهل على مبرمج الواجهات إنشاءها وعندما ينهي frontend developer إنشائها يسلمها لل backend developer .. هكذا تتم المهمة

بتاريخ 42 دقائق مضت قال NASSER ALHUMAID:

الأدوات المستخدمة في البرمجة html/css/java

هي ليست java إذن وإنما javascript

إن كان قصدك على واجهات تطبيقات الموبايل فالأمر باختصار كالتالي

هناك نوعان من تطبيقات الجوال:

الأصلية: يتم برمجة واجهاتها باستخدام لغة Java مع XML 

الهجينة: يتم برمجة واجهاتها باستخدام HML CSS ولغة JS أو أحد إطارات عملها

بتاريخ منذ ساعة مضت قال Entesar ElBanna:

أهلًا بك،

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

بخصوص لغات Frontend؛ فهي HML CSS ولغة JS أو أحد إطارات عملها.. لا يوجد غيرها لأن المتصفحات تتعامل مع تلك اللغات أو التقنيات بشكل أساسي

بعد أن يقوم مبرمج frontend بعمل الواجهات.. يعطي الكود لمبرمج backend أو مبرمج الخلفيات، فيقوم بكتابة كود أخر للربط مع قواعد البيانات وإنشاء لوحات تحكم وهكذا يجهز الموقع..

بخصوص تصميم الواجهات.. فإنه يختلف عن برمجة الواجهات.. هناك مصممين مختصين بغرض تصميم واجهات الموقع بانتقالات الصفحات باستخدام برامج تصميم مثل X D و برامج التصميم الاخرى (يمكنك معرفة الفرق بين UI و UX وأهميتهم في هذا المجال) المشهورة مع فوتوشوب.. لكن مرحلة تصميم الواجهات تأتي قبل مرحلة برمجة الواجهات.. يعني يقوم خبير UI/UX designer أو Graphic Designer بتصميم الواجهات وتحديد الانتقالات حتى يسهل على مبرمج الواجهات إنشاءها وعندما ينهي frontend developer إنشائها يسلمها لل backend developer .. هكذا تتم المهمة

هي ليست java إذن وإنما javascript

إن كان قصدك على واجهات تطبيقات الموبايل فالأمر باختصار كالتالي

هناك نوعان من تطبيقات الجوال:

الأصلية: يتم برمجة واجهاتها باستخدام لغة Java مع XML 

الهجينة: يتم برمجة واجهاتها باستخدام HML CSS ولغة JS أو أحد إطارات عملها

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

تفاعلي ويحاكي ما تريد

 مرحبا ناصر،

اقتباس

هل برمجة الواجهة الامامية تختلف عن تصميم واجهة فعلية تحاكي تنقلات المستخدم؟

 

نعم هناك اختلاف.

البرمجة تكون باستخدام لغات HTML, CSS, JS. 

التصميم يكون باستخدام برامج مثل Adobe XD, Sketch, Figma. 

اقتباس

هل يمكن اعداد واجهة للتطبيق تدعم التنقلات بين الشاشات والعناصر بأدوات غير الأدوات المستخدمة في البرمجة html/css/java؟؟؟

نعم يمكن استخدام برامج التصميم لاعداد واجهة تطبيق مع دعم التنقل بين الشاشات. لكنها ليست منتج نهائي، بل تعتبر Mock-up للمواقع المراد برمجته. تحتاج إلى استخدام لغات البرمجة ليصبح عندك موقع جهاز للنشر على الويب.