HTML

طوّر لوحة معلومات طقس شاملة باستخدام HTML5 وCSS3 وJavaScript وواجهة برمجة تطبيقات OpenWeatherMap API. صمّم واجهة جذابة تعرض حالة الطقس الحالية مع أيقونات مناسبة، وتغيّر الخلفية بناءً على حالة الطقس ووقت اليوم. اعرض توقعات مفصلة لمدة 5 أيام، مع إمكانية توسيع كل يوم لعرض التفاصيل بالساعة. نفّذ بحثًا عن الموقع مع إكمال تلقائي وسجل بحث، مع دعم البحث بأسماء المدن مثل الرياض وجدة أو باستخدام الإحداثيات. أضف دعم تحديد الموقع الجغرافي لاكتشاف موقع المستخدم تلقائيًا. وفّر خيارات تبديل لوحدات الحرارة (°C/°F) وتنسيقات الوقت. اعرض تنبيهات الأحوال الجوية القاسية مع إبراز الأولوية بوضوح. أظهر بيانات أرصاد جوية مفصلة تشمل سرعة الرياح واتجاهها، والرطوبة، والضغط الجوي، ومؤشر الأشعة فوق البنفسجية، وجودة الهواء متى ما توفرت. أضف أوقات شروق الشمس وغروبها مع مؤشرات مرئية. أنشئ تخطيطًا متجاوبًا بالكامل باستخدام CSS Grid يتكيف مع جميع أحجام الأجهزة، مع كثافة معلومات مناسبة لكل حجم شاشة.

طوّر لعبة تصويب بمنظور الشخص الأول باستخدام Three.js وJavaScript. أنشئ نماذج أسلحة تفصيلية مع تحريكات ومؤثرات واقعية. نفّذ كشف إصابات دقيقًا ونظام ضرر متوازنًا. صمّم عدة مراحل ببيئات وأهداف متنوعة. أضف أعداء بذكاء اصطناعي يدعم تحديد المسارات وسلوكيات القتال. أنشئ مؤثرات جسيمات لوميض فوهة السلاح، وآثار الاصطدام، والانفجارات. نفّذ طور لعب جماعي بأهداف قائمة على الفرق. أضف نظامًا لالتقاط الأسلحة وإدارة عتاد اللاعب. ضمّن مؤثرات صوتية للأسلحة، وخطوات الأقدام، والبيئة المحيطة. أنشئ نظامًا تفصيليًا لتسجيل النقاط وتتبع الإحصائيات. نفّذ نظام إعادة عرض للقطات القضاء على اللاعبين وأبرز لحظات المباراة.

طوّر تطبيقًا شاملًا لمتابعة الميزانية باستخدام HTML5 وCSS3 وJavaScript. أنشئ لوحة تحكم واضحة وسهلة الاستخدام تعرض الدخل، والمصروفات، والمدخرات، وحالة الميزانية. نفّذ إدارة للمعاملات المالية تشمل التصنيفات، والوسوم، والمعاملات المتكررة. أضف مخططات ورسومًا بيانية تفاعلية لتحليل المصروفات حسب التصنيف والفترة الزمنية. وفّر إمكانية تحديد أهداف للميزانية مع تتبع التقدم وإرسال التنبيهات. ادعم عدة حسابات مع إمكانية التحويل بينها. نفّذ ميزة مسح الإيصالات ضوئيًا وحفظها باستخدام كاميرا الجهاز. أضف إمكانية تصدير التقارير بصيغ CSV and PDF. صمّم واجهة متجاوبة بالكامل وفق منهجية الجوال أولًا. أضف وظائف النسخ الاحتياطي واستعادة البيانات. ضمّن ميزات للتنبؤ بالحالة المالية المستقبلية بناءً على الأنماط الحالية.

أنشئ أداة شاملة لتحليل النصوص باستخدام HTML5 وCSS3 وJavaScript. صمّم واجهة نظيفة وواضحة تحتوي على مساحة لإدخال النص ولوحة نتائج للتحليل. أضف حساب عدد الكلمات، وعدد الأحرف، وتقدير وقت القراءة. طبّق تقييم قابلية القراءة باستخدام عدة خوارزميات مثل Flesch-Kincaid وSMOG وColeman-Liau. أضف تحليل كثافة الكلمات المفتاحية مع تمثيل بصري للنتائج. نفّذ تحليل المشاعر مع اكتشاف الطابع العاطفي للنص. أضف تدقيقًا لغويًا وإملائيًا مع اقتراحات للتصحيح. وفّر خاصية مقارنة النصوص لاكتشاف درجة التشابه. ادعم لغات متعددة مع اكتشاف اللغة تلقائيًا. أضف إمكانية تصدير تقارير التحليل. وضمّن أدوات لتنسيق النص وتنظيفه.

طوّر تطبيق اختبار تفاعلي شامل باستخدام HTML5 وCSS3 وJavaScript. صمّم واجهة جذابة وسهلة الاستخدام مع انتقالات سلسة بين الأسئلة. ادعم عدة أنواع من الأسئلة، بما فيها الاختيار من متعدد، صواب/خطأ، المطابقة، والإجابة القصيرة مع تصحيح تلقائي. وفّر مؤقتات قابلة للتخصيص لكل سؤال مع عدّ تنازلي مرئي. أضف تتبعًا تفصيليًا للدرجات، بحيث تُحتسب النقاط حسب مستوى الصعوبة وسرعة الإجابة. اعرض شريط تقدم ديناميكيًا يوضح نسبة إكمال الاختبار. ضمّن وضع مراجعة بعد انتهاء الاختبار لعرض الإجابات الصحيحة والخاطئة مع الشروحات. طبّق لوحة صدارة مستمرة باستخدام localStorage. نظّم الأسئلة ضمن تصنيفات لها أيقونات وأوصاف مخصصة. ادعم عدة مستويات صعوبة تؤثر على احتساب الدرجات والوقت المتاح. أنشئ ملخص نتائج تفصيليًا يتضمن تحليلات الأداء واقتراحات للتحسين. أضف ميزة مشاركة النتائج على وسائل التواصل الاجتماعي مع رسائل قابلة للتخصيص.

ابنِ مؤقّتًا لجلسات التأمل الواعي والاسترخاء باستخدام HTML5 وCSS3 وJavaScript. صمّم واجهة هادئة وخالية من المشتتات بطابع مستوحى من الطبيعة. نفّذ جلسات تأمل قابلة للتخصيص تشمل فترات التحضير، والتأمل، والراحة. أضف خيارات للأصوات المحيطة تشمل أصوات الطبيعة، والنبضات ثنائية الأذن، والضجيج الأبيض. ضمّن تأملًا موجّهًا مع إرشادات صوتية قابلة للتخصيص. نفّذ أجراسًا للفواصل مع إمكانية التحكم في مستوى الصوت واختيار النغمة. أضف سجلًا للجلسات وتتبعًا للإحصائيات. أنشئ أدلة تنفّس بصرية مع رسوم متحركة سلسة. ادعم الاستخدام بدون اتصال كتطبيق ويب تقدمي (PWA). أضف الوضع الداكن وعدة سمات. أضف جدولة للجلسات مع تذكيرات.

أنشئ تطبيقًا لمتابعة العادات باستخدام HTML5 وCSS3 وJavaScript. صمّم واجهة مرتبة تعرض العادات بطرق عرض يومية وأسبوعية وشهرية. وفّر إمكانية إنشاء عادة جديدة مع ضبط التكرار والتذكيرات والأهداف. أضف تتبّعًا لسلاسل الاستمرارية مع مؤشرات مرئية وتنبيهات تهنئة عند بلوغ المحطات المهمة. ضمّن إحصاءات تفصيلية ورسومًا بيانية لقياس التقدم. ادعم تصنيف العادات وإضافة الوسوم لتنظيمها بسهولة. نفّذ تكاملًا مع التقويم لجدولة العادات والتذكيرات. أضف تصورات بيانات توضّح الأنماط والتوجّهات مع مرور الوقت. اجعل التصميم متجاوبًا ويعمل بسلاسة على جميع الأجهزة. وفّر إمكانية تصدير البيانات والنسخ الاحتياطي. أضف عناصر تحفيز وتلعيب مثل الإنجازات والمكافآت لتعزيز الاستمرارية.

طوّر أداة شاملة لتوليد كلمات مرور آمنة باستخدام HTML5 وCSS3 وJavaScript، مع عشوائية قوية وآمنة تشفيريًا. صمّم واجهة بديهية تعرض معاينة فورية لكلمة المرور أثناء التوليد. وفّر إمكانية تخصيص طول كلمة المرور مع إعدادات جاهزة لمستويات أمان مختلفة. أضف أزرار تبديل لأنواع الأحرف، مثل الأحرف الكبيرة، والأحرف الصغيرة، والأرقام، والرموز، مع مؤشرات بصرية توضّح الخيارات المفعّلة. نفّذ مقياس قوة متقدم يعرض عدد بتات الإنتروبيا والوقت التقريبي اللازم لكسر كلمة المرور أو تخمينها. أضف زر نسخ بنقرة واحدة مع رسالة تأكيد، وخاصية مسح الحافظة تلقائيًا بعد مدة محددة. أنشئ ميزة خزنة كلمات مرور تحفظ البيانات داخل localStorage بشكل مشفر. وفّر توليد عدة كلمات مرور في وقت واحد مع خيارات للتوليد الدفعي. احتفظ بسجل لكلمات المرور المولّدة مع تواريخ وأوقات الإنشاء. احسب الإنتروبيا واعرضها باستخدام الصيغ القياسية المعتمدة. أضف خيارات لتوليد كلمات مرور سهلة التذكر، مثل التوليد المعتمد على العبارات أو الأنماط. ضمّن خاصية تصدير قوائم كلمات المرور مع خيارات تشفير عند التصدير.

أنشئ حاسبة شاملة للمؤشرات الصحية باستخدام HTML5 وCSS3 وJavaScript، تستند إلى المعايير الطبية المعتمدة. صمّم واجهة نظيفة وسهلة الوصول، مع نماذج إدخال مرتّبة خطوة بخطوة. نفّذ حساب مؤشر كتلة الجسم (BMI) بدقة، مع مقياس تصنيف بصري وتقييم للمخاطر الصحية. أضف حاسبة لنسبة دهون الجسم باستخدام أكثر من طريقة، مثل طريقة Navy وJackson-Pollock ومحاكاة تحليل المقاومة الكهربائية الحيوية (BIA). احسب نطاقات الوزن المثالي باستخدام عدة معادلات، منها Hamwi وDevine وRobinson وMiller. نفّذ حاسبة تفصيلية للاحتياج اليومي من السعرات الحرارية، تشمل معدل الأيض الأساسي (BMR) باستخدام معادلات Harris-Benedict وMifflin-St Jeor وKatch-McArdle، مع حساب إجمالي الإنفاق اليومي للطاقة (TDEE) بناءً على مستويات النشاط. أضف توصيات صحية مخصصة حسب النتائج المحسوبة. ادعم الوحدات المترية والنظام الإنجليزي مع تحويل سلس بينها. خزّن ملفات المستخدمين وسجل القياسات مع عرض اتجاهات التغير عبر الزمن. أنشئ رسومًا بيانية تفاعلية لمتابعة التقدم، ووفّر تقارير قابلة للطباعة أو التصدير بصيغة PDF تشمل جميع المؤشرات والتوصيات.

أنشئ واجهة أمامية لخدمة اختصار الروابط باستخدام HTML5 وCSS3 وJavaScript مع التكامل مع API للخلفية. صمّم واجهة نظيفة تتضمن حقل إدخال واضحًا وبارزًا. طبّق التحقق من صحة الروابط وتعقيم المدخلات غير الآمنة. أضف ميزة توليد رمز QR للروابط المختصرة. ضمّن تتبّع النقرات ولوحة تحليلات. ادعم إنشاء اسم مخصص للرابط المختصر. أضف خيار تحديد تاريخ انتهاء صلاحية للروابط. وفّر خيار الحماية بكلمة مرور للروابط الحساسة. أضف ميزة النسخ إلى الحافظة مع رسالة تأكيد. اجعل التصميم متجاوبًا ومناسبًا لجميع الأجهزة. أضف سجلًا للروابط المختصرة مع إمكانية البحث والتصفية.

أنشئ تطبيقًا تفاعليًا للرسم باستخدام HTML5 Canvas وCSS3 وJavaScript. صمّم واجهة نظيفة وسهلة الاستخدام تتيح اختيار الأدوات بشكل واضح وسريع. وفّر أدوات رسم متعددة تشمل الفرشاة، القلم، الأشكال، النص، والممحاة. أضف خيارات لاختيار الألوان، مثل الألوان المستخدمة مؤخرًا، ومنتقي الألوان، ولوحات الألوان الجاهزة. ضمّن دعم الطبقات مع إمكانية تعديل الشفافية واختيار أوضاع الدمج. نفّذ خاصية التراجع والإعادة باستخدام سجل للحالات. أضف إمكانية استيراد الصور وتصدير العمل بعدة صيغ مثل PNG وJPG وSVG. ادعم تغيير حجم مساحة الرسم وتدويرها. وفّر تنقّلًا داخل مساحة الرسم يشمل التكبير والتصغير والتحريك. أضف أدوات تحديد تتيح التحريك وتغيير الحجم والتحويل. وضمّن اختصارات لوحة مفاتيح للإجراءات الشائعة.

طوّر لعبة سباق ثلاثية الأبعاد حماسية باستخدام Three.js وJavaScript. نفّذ فيزياء مركبات واقعية تشمل نظام التعليق، احتكاك الإطارات، والديناميكا الهوائية. أنشئ نماذج سيارات مفصّلة مع خيارات لتخصيص الطلاء وترقيات الأداء. صمّم عدة مضامير سباق بتضاريس متنوعة وعوائق مختلفة. أضف منافسين بالذكاء الاصطناعي بمستويات صعوبة متعددة وأساليب قيادة مختلفة. نفّذ طور لعب جماعي محلي بتقسيم الشاشة لسباقات عدة لاعبين. ضمّن واجهة عرض معلومات شاملة (HUD) تعرض السرعة، أوقات اللفات، الترتيب، وخريطة مصغّرة. أنشئ مؤثرات جسيمات لدخان الإطارات، ومؤثرات المحرك، والطقس. أضف دورة ديناميكية لليل والنهار مع إضاءة واقعية. نفّذ أوضاع سباق تشمل سباق ضد الزمن، البطولة، والإقصاء. أضف نظام إعادة مشاهدة بزوايا كاميرا متعددة.

أنشئ تطبيقًا للبحث عن الوصفات باستخدام HTML5 وCSS3 وJavaScript وواجهة برمجة تطبيقات (API) للأطعمة. صمّم واجهة جذابة بصور أطعمة احترافية وتنقّل سهل وواضح للمستخدم. نفّذ بحثًا متقدمًا مع مرشحات حسب المكونات، نوع المطبخ، القيود الغذائية، ووقت التحضير. أضف تقييمات ومراجعات من المستخدمين بنظام النجوم. اعرض معلومات غذائية تفصيلية مع مؤشرات بصرية للسعرات الحرارية، والمغذيات الكبرى (الماكروز)، ومسببات الحساسية. ادعم حفظ الوصفات وتصنيفها ضمن مجموعات. نفّذ تقويمًا لتخطيط الوجبات مع خاصية السحب والإفلات. أضف ضبطًا تلقائيًا لعدد الحصص مع إعادة حساب المقادير. ضمّن وضع الطهي بتعليمات خطوة بخطوة ومؤقتات. ادعم الوصول دون اتصال للوصفات المحفوظة. أضف إمكانية مشاركة الوصفات المفضلة عبر منصات التواصل الاجتماعي.

أنشئ لعبة سودوكو تفاعلية باستخدام HTML5 وCSS3 وJavaScript. صمّم لوحة لعب نظيفة ومراعية لإمكانية الوصول، مع أدوات تحكم واضحة وبديهية. نفّذ مستويات صعوبة مختلفة باستخدام خوارزميات مناسبة لتوليد الألغاز. أضف نظام تلميحات بعدة درجات من المساعدة. وفّر ميزة تدوين الملاحظات للأرقام المحتملة داخل الخانات. طبّق مؤقتًا مع إمكانية الإيقاف المؤقت والاستئناف. أضف فحصًا للأخطاء مع خيار التنبيه الفوري. ضمّن حفظ اللعبة وتحميلها عبر عدة خانات حفظ. أضف تتبعًا للإحصائيات يشمل مرات الفوز، والأوقات، ومستويات الصعوبة. أضف إمكانية توليد ألغاز قابلة للطباعة. نفّذ التحكم عبر لوحة المفاتيح، وراعِ ميزات سهولة الوصول.

طوّر أداة لتشفير الملفات تعمل بالكامل من جانب العميل باستخدام HTML5 وCSS3 وJavaScript مع Web Crypto API. أنشئ واجهة سحب وإفلات لاختيار الملفات، مع مؤشرات واضحة لتقدّم العملية. نفّذ تشفير AES-256-GCM مع اشتقاق آمن للمفاتيح من كلمات المرور باستخدام PBKDF2. أضف دعمًا لتشفير عدة ملفات في الوقت نفسه عبر المعالجة على دفعات. طبّق التحقق من قوة كلمة المرور مع حساب الإنتروبيا. أنشئ ملفات مشفّرة قابلة للتنزيل بامتداد ملف مخصّص. وفّر واجهة لفك التشفير مع التحقق من كلمة المرور. طبّق إدارة آمنة للذاكرة مع مسح تلقائي للبيانات الحساسة. أضف سجلات تفصيلية لعمليات التشفير دون تخزين أي معلومات حساسة. أدرج إمكانية تصدير واستيراد مفاتيح التشفير مع تحذيرات أمنية واضحة. ادعم الملفات الكبيرة باستخدام التشفير بالتدفّق والمعالجة على أجزاء.

ابنِ لعبة قتال طائرات غامرة متعددة اللاعبين باستخدام Three.js وHTML5 وCSS3 وJavaScript، مع WebSocket للتواصل اللحظي بين اللاعبين. طوّر نموذج طائرة ثلاثي الأبعاد بتفاصيل عالية، مع فيزياء طيران واقعية تشمل التحكم بالميلان (Pitch)، والانحراف (Yaw)، والدحرجة (Roll)، وقوة الدفع (Throttle). أضف تحكمًا سلسًا بالكاميرا يتبع طائرة اللاعب، مع خيارات عرض قابلة للإعداد مثل: قمرة القيادة، والمطاردة، والمدار حول الطائرة. أنشئ بيئة صندوق سماء (Skybox) مع تغيّر ديناميكي لوقت اليوم وتأثيرات الطقس.

نفّذ خصائص اللعب الجماعي عبر WebSocket لتحديث المواقع لحظيًا، وإدارة القتال، ومزامنة حالة اللعبة. أضف أنظمة أسلحة تشمل فيزياء المقذوفات، واكتشاف الإصابات، ونماذج الضرر. ضمّن مؤثرات جسيمات لعادم المحرك، وإطلاق الأسلحة، والانفجارات، وآثار الضرر. صمّم واجهة عرض معلومات HUD تعرض السرعة، والارتفاع، والاتجاه، والرادار، والصحة، وحالة الأسلحة.

استخدم Web Audio API لإضافة مؤثرات صوتية للمحركات، والأسلحة، والانفجارات، والأجواء المحيطة. أضف أنماط مباريات تشمل المواجهة الحرة (Deathmatch) ومعارك الفرق مع نظام نقاط. وفّر إمكانية تخصيص تجهيزات الطائرة بأسلحة وقدرات مختلفة. أنشئ نظام ردهة (Lobby) لإنشاء المباريات وتوزيع اللاعبين على الفرق.

طبّق التنبؤ من جهة العميل (Client-side Prediction) وتعويض التأخير (Lag Compensation) لضمان تجربة لعب جماعي سلسة. أضف خريطة مصغّرة (Mini-map) توضّح مواقع اللاعبين والأهداف. ضمّن نظام إعادة عرض للمباريات مع إمكانية إنشاء لقطات بارزة. اجعل عناصر التحكم مستجيبة وتدعم لوحة المفاتيح والفأرة، وكذلك يد التحكم (Gamepad).