أنا الطالبة رحمه الدهان من معسكر الأندرويد دفعة أكتوبر 2019. حب برمجة تطبيقات الأندرويد، وإنشاء تطبيقات جديدة، هو ما دفعني فعلياً للانضمام لبرمج. فقد أتاح لي برمج خوض تجربة العمل على مشاريع مختلفة، التي زادت من حصيلتي العلمية، واَضافت لي مصطلحات ومفاهيم جديدة ساعدتني جداً. وكانت طريقة التعلم في برمج سهلة جداً وواضحة، و مشاركة الأساتذة في حل المشكلات التي…
المستشعرات في أجهزة الأندرويد معظم أجهزة الأندرويد تحتوي بداخلها على مستشعر بل الكثير من المستشعرات وليس مستشعر واحد منها مستشعر الضغط الجوي , شدة الاضائة , سرعة الحركة , الجاذبية , الدوران ..الخ , على سبيل المثال مستشعر القرب Proximity sensor فهو يستخدم في العديد من الهواتف و الغرض من هذا المستشعر هو قفل الشاشة عند تقريب الأذن من السماعة…
يعتبر نظام الأندرويد أحد أكثر أنظمة التشغيل استخداماً حول العالم، وذلك لسهولة واجهة الاستخدام وثراء التطبيقات المتاحة فيه. باختصار، يمكنك القول بأن نظام الأندرويد هو سوق الهواتف الذكية. على أية حال؛ توجد بعض الأمور المتعلقة بالأندرويد التي قد يتفاجأ البعض عند معرفتها. 1- جوجل ليست من ابتكر نظام الأندرويد! نعم، هذا صحيح، جوجل لم تصمم أندرويد. مؤسسي نظام الأندرويد هم…
ما هي استخلاص البيانات Data Scraping؟ هي العملية استخراج البيانات من صفحات الويب في المواقع باستخدام برامج وأدوات مبنية ومصممة بلغات البرمجة، ومن ثم حفظ هذه البيانات أو معالجتها حسب الحاجة، وبذلك نستطيع استخراج معرفة مفيدة. ما هي أهمية استخلاص البيانات ؟ المواقع التجارية: إذا كان لديك مشروع في التجارة الإلكترونية بحيث يمكنك متابعة الأسعار التي تُعرض في المواقع المُنافسة…
العديد من شركات تطوير الـ Front End تستخدم React لتطوير البرامج. إن نشر التطبيقات يهدف لإتاحة الوصول لها من خلال شبكة الانترنت. نناقش في هذا المقال الطرق المختلفة لنشر تطبيقات React ، بيئة نشرها واختبارها. هناك العديد من المقالات تشرح تطوير تطبيقات React. سنذكر الخطوات بالتفصيل بناءً على تجربتنا والخيارات المختلفة لعملية التطوير. المقال يفترض وجود حزمة ويب (webpack module…
نماذج الإدخال مفيدة جداً في أي تطبيق ويب. على خلاف angular و angularjs، والتي تعطي النماذج أحقية خارج الصندوق. عليك أن تتعامل مع نماذج الإدخال بنفسك في React. وقد أدى ذلك إلى العديد من التعقيدات مثل كيفية الحصول على قيم النموذج، وكيف يمكنني إدارة حالة (state) النموذج، وكيف يمكنني التحقق من صحة النموذج على الفور وإظهار رسائل التحقق من الصحة….
عادة ما يتم وضع المطورين في حيرة عند اختيارهم بين مديري الحزم ليتم استخدامها في بناء وإدارة اعتمادات المشروع. ويوجد مديران للحزمة مشهورين في بيئة التطوير وهما NPM اختصار لـ(Node package manager) وتعني مدير حزمة العقدة، و Yarn (مدير الحزم الذي أنشأه موقع فيس بوك). سوف ننظر إلى مديري الحزم هؤلاء جنباً إلى جنب مع الأخذ في الاعتبار الميزات التالية:…
المقال يغطي المركبات التي يتم التحكم فيها (controlled component) التالية: المدخلات النصية (text inputs). المدخلات الرقمية (number inputs). الأزرار الاختيارية (radio buttons) مدخلات صندوق الاختيار (checkbox inputs) مدخلات المساحة النصية (textarea) الاختيارات (selects) وتم تغطية أيضاً: إعادة تعيين بيانات النموذج إعتماد البيانات كود التحقق (validation) فقط تريد الكود؟ إنه هنا راجع النموذج التجريبي تأكد من أن لوحة الأوامر في متصفحك…
في هذه المقالة أريد أن أريكم الاختلافات بين functional و class -component في React ومتى يجب أن تختار أيا منها. ولكن اسمحوا لي أولاً أن أقدم لكم مقدمة موجزة عن عناصر React من الوثائق: أبسط طريقة لتعريف مركب في React هي عن طريق كتابة دالة في JavaScript: هي مجرد دالة تقبل الخصائص props وتُرجع عنصر React، لكن أيضاً يمكنك استخدام…
ما هو الـProps؟ ما هي الحال (state)؟ هل يجب أن أستخدم props أو الحالة (state)؟ ما تأثير ذلك؟ ما الفرق بين props وstate؟ هل لديك هذا النوع من الأسئلة حين بدأت العمل بـReact؟ أجل؟ دعني أخبرك بشيء، هذه كلها أسئلة ذات صلة ووضوح، هذه المفاهيم سوف يُؤتي ثمارها على المدى البعيد أثناء العمل مع React. هيا نبدأ بالأساسيات ! ما…