React Js و Anuglar كيف تستخدم من ناحية تطوير واجهات المستخدم ؟

مرحباً @عبد الواحد الحدادي

بالطبع هذه التقنيات تعتمد على لغة JavaScript بشكل أساسي (باستثناء angular التي تعتمد على لغة typeScript ثم تترجمها للغة javaScript)

يمكن لمطور الواجهات الامامية frontend developer تعلم هذه المنصات (Frameworks) حالما يتقن أساسيات لغة JavaScript إذ أنه سيضطر بشكل أو بآخر لاستخدامها بشكلها الأساسي (JavaScript Pure) خلال تصميم و برمجة المواقع.

من فوائد هذه التقنيات أنها:

• تنظم معمارية تطبيقك،
• تقسم صفحاتك و عناصرها بطريقة Modular
• تختصر عليك كتابة الكثير من الأكواد من خلال استخدام توابعها الجاهزة
• تؤتمت العديد من المهام التي كنت ستقوم بها بشكل يدوي لو أنك تستخدم JavaScript pure

تحياتي.

عزيزي عبدالواحد،

هناك عدة مراحل لبناء واجهات المستخدم. مرحلة التصميم هي المرحلة التي يُستخدم فيها برامج التصميم مثل Sketch. عند الإنتهاء من التصميم، يتم تحويله إلى واجهة مستخدم متفاعلة. لكي تتم هذه المرحلة، يجب عليك معرفة المنصة التي تستهدفها. فمثلاً، إذا كنت تريده تطبيق iOS، سوف تستخدم Swift، وإذا كنت تريده للمتصفحات، فبالتأكيد، JavaScript هي الحل الأمثل.
بالنسبة إلى Angular و React، فهم مكتبات وإطارات عمل لتسهيل عملية برمجة واجهة المستخدم.

• UI Designer: هو المصمم الذي يعمل على تصميم التطبيق أو الموقع بإستخدام برامج التصميم.
• UI Developer: هو شخص لديه نظرة جيدة في تصميم التطبيقات، ومهمته هي تحويل التصميم إلى صفحات متفاعلة.
• Front-End Developer: هو الشخص الذي يعمل على تحويل هذه الصفحات المتفاعلة إلى مشروع متكامل وجاهز للإستخدام بـ React أو Angular، ويعمل بشكل كبير مع الـ Back-End Developers لربط الـ APIs الخاصة بالتطبيق.