كلمة بالإسبانية
Wordle غير محدود، ولكن باللغة الاسبانية! تم تصميمها من الصفر باستخدام React وواجهة برمجة تطبيقات القاموس الإسباني، وهي طريقة رائعة لتعلم كلمات جديدة!
جدول المحتويات
- سمات
- ما تعلمته
- التقنيات
- شكر خاص
سمات
- كلمة جديدة كل تحديث!
- مظهر وألوان Wordle الكلاسيكية
- لوحة مفاتيح كاملة تتميز بأحرف معلمة
- رسائل التنبيه المخصصة
- الرسوم المتحركة الديناميكية للتخمينات غير الصحيحة والصحيحة
الميزات المستقبلية
- تحسين التوافق مع الهاتف المحمول
- تخزين بيانات اللاعب في وحدة التخزين المحلية
ما تعلمته
- يمكن استخدام
focus() و ref={} و onKeyDown={} للحصول على إدخال لوحة المفاتيح من المشغل - يعد
e.key أكثر وضوحًا من رموز charcodes - يمكن استخدام
async await لانتظار حل Promises بيانات واجهة برمجة التطبيقات - يمكن استخدام الفئات المرجعية و
querySelectorAll() لإضافة فئات الرسوم المتحركة في CSS - يمكن استخدام
tabIndex={0} للسماح بالتركيز على العناصر غير المدخلة بواسطة لوحة المفاتيح - يمكن استخدام
map() مرتين للمصفوفات المتداخلة - يمكن استخدام نسب محددة ضمن
@keyframes لإنشاء رسوم متحركة يمكن إعادة تعيينها
التقنيات
يتم إنشاء المشروع باستخدام:
- رد فعل
- جافا سكريبت (ES6)
- أتش تي أم أل 5
- سي اس اس 3
شكر خاص
- شكرًا لشركة Datamuse على تقديم واجهة برمجة التطبيقات المجانية والمرنة للكلمات الإسبانية
- رابط إلى وثائق API
