Linda Ikechukwu يشير أداء الويب إلى معدل سرعة تحميل صفحة الويب وعرضها في متصفح المستخدم. يشير تحسين أداء الويب من ناحية أخرى إلى عملية تحليل أداء صفحات الويب وتحديد طرق تحسينه. قد تتساءل وماذا بعد ذلك؟ أنا مطور قوي، وتم تنفيذ جميع الوظائف المطلوبة لتطبيق الويب، وتعمل بشكل جيد. ما علاقتي بأي شيء آخر؟ حسناً، لدي أخبار لك. إنها مهمة…
كُتب بواسطة Leonardo Maldonado إذاً قمت بتعلم HTML، وصنعت الصفحة الأولى الخاصة بك، تعلمت CSS وصنعت نماذج جميلة، وأزرار مذهلة، قمت بعمل صفحات متوافقة مع الشاشات، وبدأت تُري الآخرين أعمالك الرائعة. لكن قررت أن تتقدم في علمك، وبدأت تسأل نفسك: “كيف أضيف حركة لصفحة الويب الخاصة بي؟ أتمنى لو هذا الزر قام بحركة معينة عند الضغط عليه!” حسناً، لذلك DOM…
كُتب بواسطة 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 هو نموذج تخطيط أحادي البعد، أي سيتحكم بالتخطيط بناءً على الصف أو العمود…
تصميم واجهة المستخدم مقابل تصميم تجربة المستخدم: الاختلافات بين تصميم واجهة المستخدم و تصميم تجربة المستخدم. تمهيد بسيط للاختلافات بين تصميم واجهة المستخدم و تصميم تجربة المستخدم. تصميم واجهة المستخدم وتصميم تجربة المستخدم من أكثر المصطلحات تشتيتاً وإرباكاً في تصميم الويب والتطبيقات. وهذا صحيح لأنه غالبا ما يتم دمج المصطلحين في مصطلح واحد تصميم واجهة المستخدم/تجربة المستخدم، ويبدو سطحياً أنه…
وحدة التحكم (console) الخاصة بالمطور هي واحدة من أهم الأدوات المتاحة لك حين تقوم بمعالجة (debug) تطبيقات الويب (fron-end) الخاصة بك. وحدة التحكم تحتوي على API اختصار لواجهة برمجة التطبيقات التي تزودك بمجموعة من الدوال والطرق التي تسهل عملية المعالجة. كثيرا ما تجد المبرمجين يستخدمون console.log() أو console.dir() للبحث عن المشاكل التي تواجههم، لكن وحدة التحكم الموجودة في أدوات المطور…