دليل المبتدئين لاستخراج البيانات باستخدام (AJAX, Fetch API & Async/Await)

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

المقدمة في هذه المقالة سوف أقوم بشرح كيفية استخراج البيانات بشكل غير متزامن من واجهة برمجة التطبيقات (API) الخارجية باستخدام تقنيات الويب مثل: AJAX، Fetch API و Async/Await. كيف نستخرج البيانات من API خارجي AJAX AJAX يرمز إلى JavaScript غير متزامن، وXML، وهي مجموعة من تقنيات الويب لإرسال واستقبال البيانات بشكل غير متزامن من عميل أو خادم (server)، ويتم ذلك…

أكمل القراءة

دليل المبتدئين للـ API’s (واجهة برمجة التطبيقات) في تطوير الويب

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

كُتب بواسطة سيمون شريف فكر في تجاربك باستخدام تطبيقات مشاركة الركوب (ride-sharing)  في الموبايل، مثل تطبيق Lyft. أنت قادر على طلب سيارة إلى إحداثياتك الجغرافية بالضبط، وصولاً إلى زاوية الشارع. هذه الوظيفة ممكنة بفضل واجهات برمجة التطبيقات أو API’s. إن API هي منصة تسمح لمختلف أجزاء البرامج أو التطبيقات بالتواصل مع بعضها البعض. يُستخدم هذا المصطلح على نطاق واسع في…

أكمل القراءة

لماذا يهمنا تحسين أداء الويب وما الذي يمكنك فعله

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

Linda Ikechukwu يشير أداء الويب إلى معدل سرعة تحميل صفحة الويب وعرضها في متصفح المستخدم. يشير تحسين أداء الويب من ناحية أخرى إلى عملية تحليل أداء صفحات الويب وتحديد طرق تحسينه. قد تتساءل وماذا بعد ذلك؟ أنا مطور قوي، وتم تنفيذ جميع الوظائف المطلوبة لتطبيق الويب، وتعمل بشكل جيد. ما علاقتي بأي شيء آخر؟ حسناً، لدي أخبار لك. إنها مهمة…

أكمل القراءة

ما هو نموذج كائن المستند (Document Object Model)، ولماذا يجب أن تعرف كيفية استخدامه

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

كُتب بواسطة Leonardo Maldonado إذاً قمت بتعلم HTML، وصنعت الصفحة الأولى الخاصة بك، تعلمت CSS وصنعت نماذج جميلة، وأزرار مذهلة، قمت بعمل صفحات متوافقة مع الشاشات، وبدأت تُري الآخرين أعمالك الرائعة. لكن قررت أن تتقدم في علمك، وبدأت تسأل نفسك: “كيف أضيف حركة لصفحة الويب الخاصة بي؟ أتمنى لو هذا الزر قام بحركة معينة عند الضغط عليه!” حسناً، لذلك DOM…

أكمل القراءة

دليل (this) في الJavaScript

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

كُتب بواسطة Ashay Mandwarya تعتبر this  كلمة أساسية وهي واحدة من أكثر الكلمات استخداماً والتي كثيراً ما يُساء فهمها في الـJavaScript. سوف أحاول تغيير ذلك في هذا المقال. لنعود لأيام المدرسة القديمة، حين كنا نتعلم الضمائر. فلبس يسبح بسرعة. هو يريد الفوز بالسباق. لاحظ أننا استخدمنا الضمير “هو” ، ولم نكتب اسم فلبس مباشرة، لكننا استخدمنا الضمير هو ليشير إلى…

أكمل القراءة

أنواع البيانات

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

المتغير في JavaScript يمكن أن يحتوي على أي نوع بيانات، المتغير يمكن أن يكون نصاً في لحظة، وفي لحظة أخرى رقم. وتسمى لغات البرمجة التي تسمح بمثل هذه الأشياء ” الكتابة الديناميكية”، أي ان هناك أنواع من البيانات، ولكن المتغيرات لا ترتبط بأي منها. هناك سبعة أنواع من البيانات الأساسية في JavaScript. هنا سوف نغطيهم بشكل عام، و في الفصول…

أكمل القراءة

مقدمة لمصفوفات JavaScript

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

توجد المصفوفات والبيانات الأخرى في معظم لغات البرمجة. يكون المنطق في المصفوفات متشابهاً إلى حدٍ ما، لكنه يختلف في بعض الأجزاء من لغة إلى أخرى. تهتم JavaScript  كثيراً بالمصفوفات، وهناك العديد من الدوال التي أُنشأت بداخلها لتسهيل العمل بالمصفوفات. قبل تعلمهم من الجيد أولاً معرفة أساسيات المصفوفات. في هذه المقالة سأقوم بعمل مقدمة عن المصفوفات في JavaScript، مع النقاط التالية:…

أكمل القراءة

الطباعة للمطورين

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

تيمور آدال يقود قسم التصميم في Retool ، الطريقة السريعة  لبناء أدوات داخلية. إنهم يعملون على تصميم نظام جديد للمنصة الخاصة بهم، ليسهلوا على أي شخص بناء تطبيقه بشكل سهل ومختلف. الطباعة لها جزء كبير في ذلك، وتيمور كتب هذه المقالة بناءً على خبرته. قد تكون قرأت عنوان هذا المقال وفكرت ” لماذا يحتاج المطورون على هذه الأرض معرفة كل…

أكمل القراءة

فهم خطوط الويب والحصول على الاستفادة القصوى منها

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

Thierry Blancpain هو علامة تجارية و مصمم نشيط في informal inquiry في مدينة نيويورك ، ومؤسس شريك لـ  Grilli Type ، شركة سويسرية منتجة للخطوط . في حين أن هذه المقالة تنطبق على جميع خطوط الويب، فإن خطوط Grilli Type تستخدم جميعها كأمثلة في المفاهيم، خاصة تلك التي في ميزات الـ openType. أصبح من السهل استخدام خطوط خاصة بك بدلاً…

أكمل القراءة

دليل الصندوق المرن (Flexbox)

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

والذي يسمى أيضا وحدة الصندوق المرن (Flexible Box Module)، وهو أحد النّظَامَين العصريين للتخطيطات، إلى جانب شبكة (Grid) CSS المقدمة والذي يسمى أيضا وحدة الصندوق المرن (Flexible Box Module)، وهو أحد النّظَامَين العصريين للتخطيطات، إلى جانب شبكة (Grid) CSS. بالمقارنة مع CSS Grid (وهو ثنائي الأبعاد)، flexbox هو نموذج تخطيط أحادي البعد، أي سيتحكم بالتخطيط بناءً على الصف أو العمود…

أكمل القراءة