اذهب إلى المحتوى

مقالات برمجة عامة

يحوي هذا القسم على مقالات عامة متعلقة بالبرمجة وبتعلم البرمجة ويشمل على المواضيع الأساسية وحتى متوسطة المستوى والتي تهم المبرمج والداخل الجديد على مجال البرمجة.
تتكون كل صفحة ويب من عشرات ومئات العناصر من صور ونصوص وأزرار وودجات وغيرها حيث تتنوع أحجام هذه العناصر ويمكنك معرفة الكثير من موقعك من خلال أكبر عنصر باستخدام مؤشر أضخم محتوى مرئي LCP اختصار للعبارة Largest Contentful Paint. …
سننشئ في هذا المشروع شخصية لها عيون ذات تأثير كرتوني، بحيث تكون العيون كبيرة وتتبع حركة مؤشر الفأرة لإضفاء الحيوية على الشخصية. سنعمل في هذا المشروع على: إنشاء مشروع تفاعلي. إضفاء طابع شخصي على المشروع باست…
يقع الوافد إلى عالم البرمجة دائمًا في مشكلة اختيار اللغة اللازمة والمناسبة لتعلمه هذا المجال، فيحاول القفز من لغة برمجة لأخرى لإيجاد اللغة المطلوبة، مما يؤدي إلى ضياع الوقت وتشتت الأفكار. والحقيقة هي أن الإجابة على هذا السؤال…
سننشئ في هذا المشروع لعبةً بمستويات متعددة نبحث فيها عن حشرة في كل مستوى. ستحتوي اللعبة على خلفيات لشاشتي "البداية" و"النهاية"، ومؤقت لإظهار مدى سرعة اللاعب في العثور على الحشرات. سنعمل في هذا المشروع على: إنشاء م…
كثيرًا ما يتساءل البعض عن معنى المبرمج المخترق والمبرمج المصمِّم. ونظرًا لقلة توافر الشروحات حول ذلك، سنوضح في الفيديو الآتي نبذةً تعربيفيةً عن كلا المفهومين، وكيفية تطور كل مفهوم إلى يومنا هذا. الآن وبعد اطلاعك عل…
يقدم هذا المقال إرشادات تصميم حول كيفية إنشاء تجربة مستخدم رائعة لتطبيقات الويب التقدمية PWAs على كلًا من الشبكات البطيئة وغير المتصلة. يمكن أن تتأثر جودة اتصال الشبكة بشكل عام بعدة عوامل مثل: تغطية ضعيفة من المزو…
سنتعلم في هذا المشروع كيفية تحريك كائنات سكراتش كي تتمكن من اللحاق بحافلة المدرسة، وسنجعل الكائنات تغير موضعها على المنصة Stage، وتغير مظهرها. لنحصل على النتيجة التالية: اضغط على العلم الأخضر لتتحرك الكائنات! …
تتكون الأداة Performance من أربع أدوات جزئية سنشرحها في هذا المقال بشيء من التفصيل. الأداة Waterfall تقدِّم لك هذه الأداة عرضًا للأعمال التي ينفِّذها المتصفح عندما يستعرض موقعك أو تطبيقك، ويعتمد عمل الأداة على فكرة …
لعلك قد سمعت سابقًا بمصطلح مفتوح المصدر Open Source وكيف أن تلك البرمجية تتميز بأنها Open Source، ولكن هل تساءلت ماذا يعني أن برمجية ما Open Source، وكيف سيؤثر ذلك على مستقبل هذه البرمجية؟ في هذا الفيديو سنعرفك على معنى …
يصف هذا المقال أداةً غايةً في الأهمية لتحليل أداء صفحات ويب فيما يتعلق بتنفيذ شيفرات HTML وCSS وجافاسكربت، وبالتالي سيكون المطوِّر قادرًا على تحديد النقاط السلبية في أداء الموقع والتي ستكون الهدف المناسب لعمليات التحسين والتط…
يمكن لتطبيقات الويب استخدام نفس إمكانيات المشاركة التي توفرها التطبيقات المثبتة على نظام التشغيل platform-specific، وذلك باستخدام الواجهة البرمجية Web Share التي تعمل في الخلفية Web Share API، إذ تتيح هذه الواجهة لتطبيقات الو…
يُشارك المحتوى مباشرةً في الأجهزة المحمولة وأجهزة سطح المكتب، بالنقر على زر "مشاركة" واختيار أحد التطبيقات المراد مشاركة البيانات معها. مثلًا قد ترغب بمشاركة مقال مثير للاهتمام، إما عبر إرساله كرسالة بريد إلكتروني إلى أصدقاءك…
يدعم نظام الويب الآن ميزة اختصارات التطبيقات، وذلك لتسهيل إنجاز مهام التطبيق الرئيسية، فهذه الاختصارات تسمح لمطوري الويب بتوفير وصول سريع إلى أهم الإجراءات الشائعة التي يحتاجها مستخدمو التطبيق كثيرًا. ستتعلم من هذا المقا…
سنعمل في هذا المشروع على إنشاء مشهد فضائي أبطاله كائنات فضائية تشارك أفكارها وتعبر عن مشاعرها، وذلك باستخدام سكراتش. وسننفذ في هذا المشروع ما يلي: إضافة الكائنات والخلفيات إلى المشروع. استخدام كتل الصوت وكت…
تطبيقات الويب التقدمية PWA هي تطبيقات حديثة، عالية الجودة تُبنَى باستخدام تقنيات الويب. تقدم تطبيقات الويب التقدمية إمكانيات مماثلة لتطبيقات iOS والأندرويد وسطح المكتب، فهي تطبيقات موثوقة حتى في الشبكات غير المستقرة، وتتميز ب…
هل تريد أن تصبح مطور واجهات أمامية؟ في هذا الفيديو سنقدم لك أهم النصائح وسنرشدك إلى الطريق الصحيح لتكون مطور واجهات أمامية Front-end developer مميز وسنخبرك عن أهم التقنيات التي يجب عليك الإلمام بها. إذا أردت التعرف…
فاجأ نيك فينك Nick Finck وستيف شامبيون Steve Champeon عالم تصميم الويب بمفهوم "التحسين التدريجي" progressive enhancement في شهر مارس 2003، وهو مفهوم يعبر عن استراتيجية لتصميم الويب تركز على تنزيل المحتوى الأساسي لصفحة الويب أ…
لفظ مصطلح تطبيق الويب التقدمي progressive web application -ويختصر إلى PWA- يُعَد إشاعة مدوِّية، فمن المراهن أن تطبيقات الويب التقدمية مجرد مواقع ويب، إذ يُقِر توثيق PWA في Microsoft بهذا، وموقع web.dev يتفق مع هذا الإعتبار، و…
للعديد من التطبيقات التي تشغلها على حاسوبك واجهة مستخدم، تحتوي غالبًا على أزرار للنقر أو أيقونات للسحب أو حقول نصية للكتابة فيها، وتستخدم بعض التطبيقات الطرفية terminal (أو سطر الأوامر) واجهةً لها، حيث يكتب المستخدم الأوامر ب…
×
×
  • أضف...