مشاريع جافا سكريبت للتعلم والتطوير

يوم جيد يا اصدقاء!

أقدم لك مجموعة مختارة من 22 مشروعًا في نقية أو كما يقولون ، جافا سكريبت فانيليا (أنا شخصياً أفضل جافا سكريبت فقط).

بالنسبة لي ، هذا نوع من المجموع الفرعي في تعلم JS.

تتم كتابة الرمز في أوقات مختلفة ، لذلك يبدو مختلفًا ولديه مستوى مختلف من التعقيد.

لا يمكن تسمية معظم المشاريع بتطبيقات كاملة ، ولكن كل منها يحل المهمة بنجاح.

رمز المشروع هنا .

سيكون التنسيق على النحو التالي: اسم المشروع ووصفه المختصر وصندوق الرمل.

هناك مقالات منفصلة لبعض المشاريع. وفقًا للآخرين ، قد يظهرون يومًا ما.

إذن هيا بنا نذهب.

1. التقدم السمعي والتصور

تطبيق لتشغيل البيانات الصوتية وتصورها باستخدام Web Audio API و Canvas API.

2. الاختراق

لعبة "الاختراق".

3. الآلة الحاسبة

آلة حاسبة. مكتبة Math.js. الإصدار 2.0.

4. محول العملات

محول العملات. يتم استخدام API خاص.

5. مدقق النموذج

التحقق من صحة النموذج.

6. الجلاد

لعبة "الجلاد".

7. معرض الصور وصانع المنزلق

مولد معرض صور مرن مع شريط تمرير مدمج.

8. بحث الأغاني

ابحث عن كلمات (كلمات). يتم استخدام API خاص.

9. البحث عن الوجبات

ابحث عن الأطباق بطريقة الطبخ والمكونات. يتم استخدام API خاص.

10. تطبيق التأمل

طلب التأمل. العمل مع الصوت والفيديو.

11. بطاقات الذاكرة

بطاقات للتذكر. المنزلق التفاعلي.

12. ملاحظات التطبيق

طلب الملاحظات (المهام) مع القدرة على تحديد تاريخ التذكير. لحفظ البيانات من جانب العميل ، يتم استخدام IndexedDB.

13. تخمين الرقم

تخمين لعبة الرقم. مستخدم بواسطة واجهة برمجة تطبيقات Web Speech.

14. بينج بونج

لعبة "بينج بونج".

15. مقص ورق الصخور

لعبة "حجر ، مقص ، ورق".

16. سرعة الطباعة

محاكاة سرعة الكتابة.

17. تتريس

لعبة "تتريس".

18. قارئ النص

تطبيق لقراءة النص. مستخدم بواسطة واجهة برمجة تطبيقات Web Speech. قارن الأصوات من Microsoft و Google.

19. تيك تاك تو

لعبة "تيك تاك تو". يتم استخدام خوارزمية خاصة. حاول أن تهزم السيارة.

20. كاروسيل تندر مثل

منزلق معقد ولكن مثير للاهتمام. يتم استخدام مكتبة Hammer.js.

21. لوحة المفاتيح الافتراضية

لوحة مفاتيح افتراضية.

22. تطبيق الطقس

تطبيق لعرض الطقس. يتم استخدام API ووكيل خاص.

سيتم تحديث المستودع بانتظام ، فابق على اتصال.

شكرا لك على وقتك. آمل أن يكون قد أنفق بشكل جيد.

All Articles