ما هو نموذج كائن المستند (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 هو نموذج تخطيط أحادي البعد، أي سيتحكم بالتخطيط بناءً على الصف أو العمود…

أكمل القراءة

تعرف على محددات الفئة الزائفة (Pseudo Class)

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

محددات الفئة الزائفة هي محددات CSS تسبقها نقطتان رأسيتان، ربما يكون قليل منها مألوفاً لك، مثل المحدد :hover هذه المحددات مفيدة جداً في حالات كثيرة بعضها لCSS3  وبعضها لCSS2، ذلك يعتمد على كل واحد منهم. عدا متصفح IE لديهم دعم كبير من المتصفحات الاخرى، في متصفح IE وحتى IE8 لا يدعم الكثير من هذه المحددات، لكن في IE9  هناك دعم…

أكمل القراءة

الفرق بين المُعرِّف (ID) والفئة (Class)

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

المُعرَّفات (ID) والفئات (Classes) عبارة عن “مَشابِك” نحن نحتاج إلى طرق لوصف المحتوى في ملفات HTML/XHTML، هناك عناصر أساسية مثل <h1> و <p> و<ul> غالباً ما تقوم بعمل هذه الوظيفة، لكن هذه العناصر لا تغطي جميع أنواع العناصر في الصفحة أو خيارات التخطيط. لذلك نحن نحتاج إلى المعرِّفات (ID’s) والفئات (Classes)، كمثال <ul id=”nav”> سوف يعطينا الفرصة للوصول إلى هذه…

أكمل القراءة

ما هو تصميم واجهة المستخدم (UI)؟ ما هو تصميم تجربة المستخدم (UX) ؟

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

تصميم واجهة المستخدم مقابل تصميم تجربة المستخدم: الاختلافات بين تصميم واجهة المستخدم و تصميم تجربة المستخدم. تمهيد بسيط للاختلافات بين تصميم واجهة المستخدم و تصميم تجربة المستخدم. تصميم واجهة المستخدم وتصميم تجربة المستخدم من أكثر المصطلحات تشتيتاً وإرباكاً في تصميم الويب والتطبيقات. وهذا صحيح لأنه غالبا ما يتم دمج المصطلحين في مصطلح واحد تصميم واجهة المستخدم/تجربة المستخدم، ويبدو سطحياً أنه…

أكمل القراءة