كُتب بواسطة Ashay Mandwarya تعتبر this كلمة أساسية وهي واحدة من أكثر الكلمات استخداماً والتي كثيراً ما يُساء فهمها في الـJavaScript. سوف أحاول تغيير ذلك في هذا المقال. لنعود لأيام المدرسة القديمة، حين كنا نتعلم الضمائر. فلبس يسبح بسرعة. هو يريد الفوز بالسباق. لاحظ أننا استخدمنا الضمير “هو” ، ولم نكتب اسم فلبس مباشرة، لكننا استخدمنا الضمير هو ليشير إلى…
المتغير في JavaScript يمكن أن يحتوي على أي نوع بيانات، المتغير يمكن أن يكون نصاً في لحظة، وفي لحظة أخرى رقم. وتسمى لغات البرمجة التي تسمح بمثل هذه الأشياء ” الكتابة الديناميكية”، أي ان هناك أنواع من البيانات، ولكن المتغيرات لا ترتبط بأي منها. هناك سبعة أنواع من البيانات الأساسية في JavaScript. هنا سوف نغطيهم بشكل عام، و في الفصول…
توجد المصفوفات والبيانات الأخرى في معظم لغات البرمجة. يكون المنطق في المصفوفات متشابهاً إلى حدٍ ما، لكنه يختلف في بعض الأجزاء من لغة إلى أخرى. تهتم JavaScript كثيراً بالمصفوفات، وهناك العديد من الدوال التي أُنشأت بداخلها لتسهيل العمل بالمصفوفات. قبل تعلمهم من الجيد أولاً معرفة أساسيات المصفوفات. في هذه المقالة سأقوم بعمل مقدمة عن المصفوفات في JavaScript، مع النقاط التالية:…
تيمور آدال يقود قسم التصميم في Retool ، الطريقة السريعة لبناء أدوات داخلية. إنهم يعملون على تصميم نظام جديد للمنصة الخاصة بهم، ليسهلوا على أي شخص بناء تطبيقه بشكل سهل ومختلف. الطباعة لها جزء كبير في ذلك، وتيمور كتب هذه المقالة بناءً على خبرته. قد تكون قرأت عنوان هذا المقال وفكرت ” لماذا يحتاج المطورون على هذه الأرض معرفة كل…
Thierry Blancpain هو علامة تجارية و مصمم نشيط في informal inquiry في مدينة نيويورك ، ومؤسس شريك لـ Grilli Type ، شركة سويسرية منتجة للخطوط . في حين أن هذه المقالة تنطبق على جميع خطوط الويب، فإن خطوط Grilli Type تستخدم جميعها كأمثلة في المفاهيم، خاصة تلك التي في ميزات الـ openType. أصبح من السهل استخدام خطوط خاصة بك بدلاً…
والذي يسمى أيضا وحدة الصندوق المرن (Flexible Box Module)، وهو أحد النّظَامَين العصريين للتخطيطات، إلى جانب شبكة (Grid) CSS المقدمة والذي يسمى أيضا وحدة الصندوق المرن (Flexible Box Module)، وهو أحد النّظَامَين العصريين للتخطيطات، إلى جانب شبكة (Grid) CSS. بالمقارنة مع CSS Grid (وهو ثنائي الأبعاد)، flexbox هو نموذج تخطيط أحادي البعد، أي سيتحكم بالتخطيط بناءً على الصف أو العمود…
محددات الفئة الزائفة هي محددات CSS تسبقها نقطتان رأسيتان، ربما يكون قليل منها مألوفاً لك، مثل المحدد :hover هذه المحددات مفيدة جداً في حالات كثيرة بعضها لCSS3 وبعضها لCSS2، ذلك يعتمد على كل واحد منهم. عدا متصفح IE لديهم دعم كبير من المتصفحات الاخرى، في متصفح IE وحتى IE8 لا يدعم الكثير من هذه المحددات، لكن في IE9 هناك دعم…
المُعرَّفات (ID) والفئات (Classes) عبارة عن “مَشابِك” نحن نحتاج إلى طرق لوصف المحتوى في ملفات HTML/XHTML، هناك عناصر أساسية مثل <h1> و <p> و<ul> غالباً ما تقوم بعمل هذه الوظيفة، لكن هذه العناصر لا تغطي جميع أنواع العناصر في الصفحة أو خيارات التخطيط. لذلك نحن نحتاج إلى المعرِّفات (ID’s) والفئات (Classes)، كمثال <ul id=”nav”> سوف يعطينا الفرصة للوصول إلى هذه…
تصميم واجهة المستخدم مقابل تصميم تجربة المستخدم: الاختلافات بين تصميم واجهة المستخدم و تصميم تجربة المستخدم. تمهيد بسيط للاختلافات بين تصميم واجهة المستخدم و تصميم تجربة المستخدم. تصميم واجهة المستخدم وتصميم تجربة المستخدم من أكثر المصطلحات تشتيتاً وإرباكاً في تصميم الويب والتطبيقات. وهذا صحيح لأنه غالبا ما يتم دمج المصطلحين في مصطلح واحد تصميم واجهة المستخدم/تجربة المستخدم، ويبدو سطحياً أنه…
وحدة التحكم (console) الخاصة بالمطور هي واحدة من أهم الأدوات المتاحة لك حين تقوم بمعالجة (debug) تطبيقات الويب (fron-end) الخاصة بك. وحدة التحكم تحتوي على API اختصار لواجهة برمجة التطبيقات التي تزودك بمجموعة من الدوال والطرق التي تسهل عملية المعالجة. كثيرا ما تجد المبرمجين يستخدمون console.log() أو console.dir() للبحث عن المشاكل التي تواجههم، لكن وحدة التحكم الموجودة في أدوات المطور…