سنشرح في هذا الدرس الخطوات العملية لرفع تطبيقات iOS على متجر تطبيقات Apple Store وذلك وفق الخطوات التالية. خطوات نشر تطبيق iOS لنشر التطبيق على متجر App Store سنمر بالمراحل التالية: شراء حساب مطور توليد الشهادات المطلوبة لتوقيع التطبيق رفع التطبيق على المتجر …
يوجد العديد من المتاجر التي تمكنك من نشر تطبيق أندرويد ولكن متجر Google Play هو المتجر الرسمي وصاحب الحصة الأكبر بين جميع المتاجر. في هذا الدرس سنشرح الخطوات العملية لرفع تطبيقات أندرويد على متجر التطبيقات وذلك وفق الخطوات التالية. خطوات رفع تطبيق أندرويد العمل على بناء النس…
مقدمة تعلمنا في المقال السابق طريقة الوصول إلى العناصر في DOM  عن كيفية استخدام التوابع الملحقة بالكائن document بهدف الوصول إلى عناصر html بإحدى الطرق التالية: معرف العنصر ID، صف العنصر class، اسم الوسم tag name، أو محددات الاستعلام query selectors. كما شرحنا في مقال البنية الشجرية لـ DOM…
مقدمة تحدثنا في المقال السابق عن البنية الشجرية لـ DOM وعن العقد Nodes المكونة لها وهي عبارة عن كائنات objects من الممكن أن تكون نصوص أو تعليقات أو عناصر. في الغالب يمكن الوصول إلى محتوى DOM من خلال عقد عناصر html، ولمعرفة كيفية الوصول إلى عناصر DOM بشكل احترافي من الضروري امتلاك معلومات ك…
مقدمة عندما نتكلم عن DOM فإننا نتكلم عن بنية شجرية تحوي العديد من الكائنات objects التي تدعى العقد nodes. لقد تكلمنا في المقال السابق (مدخل إلى DOM) عن تعريف DOM وكيفية الوصول إلى الكائن document وطريقة تعديل خصائصه من خلال console بالإضافة إلى إيضاح الفرق بين ماهية HTML و DOM. …
مقدّمة نظرية كائن جافاسكريبت هو كيان لديه خاصيّات. كلّ خاصيّة عبارة عن زوج مفتاح وقيمة. المفتاح هو اسم الخاصيّة. يمكن أن تكون قيمة الخاصيّة بيانات (عددا، سلسلة محارف، …إلخ.) أو دالة. يُطلَق على الخاصيّة عندما تكون قيمتها دالة الاسم تابع Method. يُنشَأ كائن حرفي Ob…

dom مدخل إلى DOM

بواسطة Bian Alabras، في جافاسكريبت،

مقدمة إن نموذج تمثيل المستند ك جسم أو كائن Document Object Model والذي يشار له اختصارا ب DOM يعتبر أحد الطرق الأساسية في بناء مواقع متفاعلة فيما بينها، حيث تُعتبر هذه الطريقة واجهة تسمح للغات البرمجة بمعالجة محتوى المواقع وهيكليتها. أحد اللغات المرتبطة بالـ DOM في المتصفحات هي الجافا سكربت…
مقدمة: إن Django هو عبارة عن إطار عمل برمجي مفتوح المصدر لتطوير تطبيقات الويب مكتوب بلغة البرمجة Python، ويقوم على النمط البنائي للبرمجيات model template view (MTV) أي النموذج-القالب-العرض، والمُستمد من النمط البنائي model–view–controller (MVC) أي النمط والعرض والمتحكم. حيث قامت مؤسسة إطار الع…
تحدثنا في الدرس السابق عن انتقال وتحول العناصر باستخدام CSS3، وفي هذا الدرس سنتحدث عن التّحريك: التحريك Animation تقوم خاصية الانتقالات transition في CSS3 بعمل عظيم من خلال بناء التفاعلات البصرية عند الانتقال من حالة إلى أخرى وهي مثالية من أجل هذا النوع من التّغييرات المبنية على تغيّر وحيد…
السؤال الذي قد يتبادر إلى أذهان مُطوّري الجافا هو "ما الذي عليّ أن أتعلمه الآن؟". هناك مجموعة من اللغات التي تستحق الاعتبار، مثل Clojure, Rust  أو Haskell. ولكن ماذا لو كنت تريد أن تتعلم شيئًا يساعدك على دفع الفواتير وهو فوق ذلك سهل الاستخدام؟ Kotlin قد يكون خيارك الأفضل، وسنحاول في هذه المقالة أن…
أهم التّطورات التي ظهرت في CSS3 هي القدرة على نقل العنصر من شكل أو مكان لآخر بالإضافة إلى تحريكها ضمن مجموعة من الخطوات المتسلسلة. منذ عدة سنوات يطالب المبرمجون العاملون في تطوير واجهات الإنترنت بإدخال ميزة القدرة على إدخال تفاعلات وتحريك العناصر من خلال html و CSS من دون الحاجة للدخول في الجا…
سنتحدث في هذا الدرس عن الفرق بين التطبيقات الهجينة Hybrid Apps والتطبيقات الأصيلة Native Apps وذلك لنوضح أبرز الفروقات والمميزات. التطبيقات الأصيلة هي تطبيقات تكتب باللغة البرمجية المعتمدة من قبل نظام التشغيل الذي نطور له ولا تعمل إلا على هذا النظام. وتختلف أنظمة التشغيل عن بعضها في لغات …
مرّت قواعد البيانات بأشكال عديدة تطورت مع تطور التكنولوجيا ولعل أشهرها قواعد البيانات العلائقية relational database، والتي تعتمد على مفهوم الجدول كوحدة تخزين أساسية لتنظيم البيانات. وبالطبع فإن قواعد البيانات بحاجة إلى برامج وأدوات خاصة لإدارتها والتعامل معها، تعرف هذه البرامج باسم أنظمة …
الكثير من الناس يسمع عن لغات البرمجة ومدى رواجها في عالم الأعمال. وأصبح هناك توجه كبير نحو تعلّمها، وأصبحت لغات البرمجة هي لغات المستقبل والبرمجة مهنة المستقبل، وهنا السؤال الذي يتبادر إلى الأذهان ما هي اللغة التي يجب الانطلاق منها؟ سأكون معكم اليوم لأجيب عن هذا السؤال. وسوف أتحدث عن لغة البر…
إن كنت مطور ويب أو أحد المهتمين بتطوير الأنظمة المعلوماتية المختلفة في بيئة الويب، فإنك تعلم حجم التنوع الكبير للغات البرمجة المستخدمة في تطوير مواقع الويب وخدماته،  ولربما كنت أحد مطوري هذه الخدمات وترغب بأن تكون خدماتك سريعة الانتشار وسهلة الاستخدام من قبل التطبيقات المختلفة ، وكما تعلم فإن…
يحتار المطورون في اختيار أفضل إطار لمشاريعهم وسيكون هذا تحديًا حقيقيًا للمبتدئين في الأطر الحديثة. بعد العمل على الأطر الثلاثة (Django، Laravel و Rails – والذي يُعرف باسم Ruby On -rails)، سأقارن بين هذه الأطر الرائعة على أساس شعارها، سهولة تعلمها، أدائها، قوة وضعف مكتباتها وقوالبها، دعمها، آفاقها …

الأشكال Shapes في CSS

بواسطة Bian Alabras، في CSS،

مستطيلات داخل مستطيلات هذا هو التصميم المعتمد عند الغالبية في بناء صفحات الويب الخاصة بنا، ولكننا نحاول الآن كسر هذه الصورة النمطية عن أشكال CSS من خلال استخدام أشكال هندسية جديدة، ولكن هذه الأشكال Shapes لا تتفاعل أبدًا مع محتوى الشكل أو مع العناصر الأخرى داخل الصفحة. يتم الآن وضع تخصيصات جديدة …
قمنا مؤخرًا بتحديث تصميم صفحة "?Why Should You Attend" التي كانت ماتزال تحتفظ بالتصميم القديم للموقع وقد احتجنا إلى أن نوائمها مع باقي الموقع. وعندما بدأنا العمل عليها قررنا أن نحسّن تصميم هذه الصفحة بأحدث التقنيات المستخدمة في التصميم حاليًا ألا وهي: الأشكال العائمة غير المستطيلة non-rectangular …
نواصل اليوم دروسنا حول jQuery Mobile، في هذا الدرس، سنطّلع على أمثلة تهيئة، إنشاء صفحات، معاجلات الحدث (event handlers)، وتنقلات الصفحة وغيرها. تضمين JQUERY MOBILE في موقعك من السهل إضافة إطار jQuery إلى موقعك كسهولة إضافة أي ملف جافا سكربت خارجي. jQuery Mobile on Script Tutorials …
لقد أصبح التصميم الشبكي Grid Layout في CSS يتطابق تمامًا مع اسمه، حيث يمكن من خلال CSS بناء تصميم شبكة ببعدين عمودي وأفقي يمكن أن يتم توزيع التصماميم والأغراض الأخرى على العمود والسطر. سنستعرض في هذا الدرس العديد من الأمثلة على التصميم الشبكي، ولكن لنبدأ أولًا بحل المشاكل التي واجهتنا عندما حاولنا…