Category Archives

120 Articles

نسخة مستنسخة من Instagram باستخدام SwiftUI و GraphQL

نسخة مستنسخة من Instagram باستخدام SwiftUI و GraphQL

سنبدأ اليوم سلسلة من التدوينات التي ستعلمك كيفية استخدام الكثير من الأدوات الرائعة لبناء شبكتك الاجتماعية الخاصة بك: تطبيق يشبه تطبيق Instagram.

لن نقتصد في التكنولوجيا وسوف نستخدم الأحدث والأفضل: Parse، و GraphQL، وبعض NodeJS، وخاصةً إطار عمل SwiftUI الأحدث (الذي لم يصدر بعد) من Apple SwiftUI.

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

للتعلم بشكل أفضل، قم بتنزيل مشروع استنساخ iOS Instagram Clone مع التعليمات البرمجية المصدرية.

لذا، يبدو أن الوقت قد حان لـ …


استنساخ Instagram باستخدام SwiftUI و GraphQL – تسجيل الدخول

استنساخ Instagram باستخدام SwiftUI و GraphQL – تسجيل الدخول

في منشورنا السابق حول كيفية إنشاء تطبيق مستنسخ من Instagram، تعلمت كيفية تهيئة كل شيء لتشغيل SwiftUI في XCode 11، وإنشاء طريقة عرض Sing Up تعمل بشكل كامل باستخدام GraphQL.

اليوم سنتعلم كيفية إنشاء طريقة عرض تسجيل الدخول وجعل المستخدم يسجل الخروج.

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

اربطوا أحزمة الأمان وهيا بنا!

لتعلم أفضل، قم بتنزيل مشروع iOS Instagram Clone مع التعليمات البرمجية المصدرية.


نسخة مستنسخة من Instagram باستخدام SwiftUI و GraphQL – ProfileView

نسخة مستنسخة من Instagram باستخدام SwiftUI و GraphQL – ProfileView

اليوم في الجزء الثالث من تطبيق استنساخ Instagram مع GraphQL سنتعمق أكثر في SwiftUI، وبناء طريقة عرض الملف الشخصي.

سنتعلم إعادة استخدام الهياكل في SwiftUI وسنناقش بعض عناصر التحكم: VStack، و HStack، و GeometryReader، والنص، والزر، والفاصل، والصورة، والمقسم وغيرها.

في مقالاتنا السابقة، تعلمنا في مقالاتنا السابقة كيفية تسجيل مستخدم وكيفية تسجيل دخول مستخدم، مع واجهات المستخدم الخاصة بكل منها في تطبيقنا المستنسخ من Instagram. اليوم سنجعلها أجمل بكثير.

اربطوا أحزمة الأمان ودعونا نبدأ!

لتعلم أفضل، قم بتحميل مشروع استنساخ Instagram iOS مع التعليمات البرمجية المصدرية.


تطبيق استنساخ Instagram Clone App باستخدام SwiftUI و GraphQL – HomeView

تطبيق استنساخ Instagram Clone App باستخدام SwiftUI و GraphQL – HomeView

سنواصل اليوم في الجزء الرابع من تطبيق استنساخ Instagram مع GraphQL تعلم بعض واجهة مستخدم SwiftUI، وبناء طريقة العرض الرئيسية.

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

اربطوا أحزمة الأمان ودعونا نبدأ!

لتتعلم بشكل أفضل، قم بتنزيل مشروع استنساخ انستجرام iOS مع شيفرة المصدر.


استعلامات GraphQL والطفرات على إصدارات Parse متميزة

استعلامات GraphQL والطفرات على إصدارات Parse متميزة

مع تطور Parse بمرور الوقت، تغيرت بعض جوانبه لتحسين الأداء والتوافقية وسهولة التطوير.
أحد هذه الجوانب هو دعم GraphQL الذي تطور من Parse 3.5.0 بمرور الوقت إلى أحدث إصدار متاح، 3.9.

هنا في Back4app، لدينا هنا في Back4app ثلاثة إصدارات رئيسية تنفذ التغييرات في استعلامات GraphQL والطفرات، على وجه التحديد: 3.7.2 و3.8 و3.9، واليوم سأطلعك على الاختلافات بين هذه الإصدارات، مع توضيح ما تغير وما لم يتغير.


كيفية إنشاء تطبيق دردشة الفيديو

كيفية إنشاء تطبيق دردشة الفيديو

في اليوم الآخر صادفت هذا البرنامج التعليمي الرائع من Twilio من قبل فيل ناش الذي يشرح كيفية إنشاء دردشة فيديو باستخدام React Hooks، لذلك قررت تشغيله في Back4app لأنه مجاني ورائع ويمكن دمجه مع Parse، لذلك يمكنني الحصول على استضافة مجانية على الويب (بما في ذلك النطاق الفرعي المجاني لـ back4app)، واستضافة تطبيقي واستخدام توصيل البيانات في الوقت الفعلي لتضمين ميزات الدردشة في المستقبل.
هذا المنشور هو شرح تفصيلي لما فعلته لجعلها تعمل.


Firebase مقابل Parse – مقارنة شاملة لتطوير نظام iOS في عام 2025 – الجزء 1

Firebase مقابل Parse – مقارنة شاملة لتطوير نظام iOS في عام 2025 – الجزء 1

مقدمة

Parse و Firebase هما منصتان تم إنشاؤهما لجعل حياة المطور أسهل، وبناء جانب الخادم من تطبيقك بشكل أسرع بكثير، وقوي وقابل للتطوير.

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

يتخذ الاثنان نهجين مختلفين في كيفية قيامهما بما يقومان به. وكذلك في كيفية دعمهما لتطوير نظام iOS على وجه التحديد.

وبصفتي مطور لنظام iOS، قررت أن أكتب وجهة نظر غير متحيزة تمامًا عن كلا النظامين لعالم iOS وأرى كيف يتعاملون مع هذه الحصة السوقية تحديدًا.


المصادقة على Firebase & Parse

المصادقة على Firebase & Parse

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

في هذا الجزء الثالث، سنبدأ في البرمجة وتقييم مقدار التعليمات البرمجية اللازمة للحصول على عملية تسجيل الدخول/ تسجيل الدخول التي تعمل على كلا النظامين الأساسيين.


ما هي أفضل 10 لغات برمجة خلفية في عام 2025؟

ما هي أفضل 10 لغات برمجة خلفية في عام 2025؟
What Are The Top 10 Backend Programming Languages

على الرغم من أن تطوير الهاتف المحمول والويب يتألف من تقنيات الواجهة الخلفية والواجهة الأمامية، إلا أن دور وظائف جانب الخادم أمر بالغ الأهمية.

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

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


أفضل 10 لغات واجهة أمامية يجب أن تعرفها

أفضل 10 لغات واجهة أمامية يجب أن تعرفها
Frontend Language You Should Know

يمكن أن يؤدي إتقان لغات الواجهة الأمامية إلى تسريع فرصك في الازدهار المهني في تطوير التطبيقات والمواقع الإلكترونية.

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

في مثل هذه الطريقة، من المهم اختيار واحدة من أفضل لغات الواجهة الأمامية لإنشاء تطبيق للهاتف المحمول والويب.

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


open
Build, deploy and scale your app with Back4App Containers

open
Build, deploy and scale your app with Back4App Containers. Start today!