تمارين برمجة شاملة باللغة العربية

HTML/CSS

50/50

المجموعة 1: أساسيات HTML و CSS (1-10)

1. هيكل HTML الأساسي 2. العناوين والفقرات 3. الروابط والصور 4. القوائم 5. الجداول
6. النماذج الأساسية 7. تنسيق النصوص 8. الألوان والخلفيات 9. الحدود والهوامش

المجموعة 2: تنسيقات CSS الأساسية (11-20)

11. تنسيق النصوص المتقدم 12. تنسيق القوائم 13. تنسيق الجداول 14. تنسيق النماذج 15. تنسيق الصور
16. تنسيق الروابط 17. تنسيق الأزرار 18. تنسيق القوائم المنسدلة 19. تنسيق البطاقات 20. تنسيق التنبيهات

المجموعة 3: تنسيقات CSS المتقدمة (21-30)

21. التصميم المتجاوب 22. Flexbox 23. Grid 24. التحويلات 25. الانتقالات
26. الرسوم المتحركة 27. المتغيرات CSS 28. الدوال CSS 29. التصفية والتأثيرات 30. التموضع المتقدم

المجموعة 4: تنسيقات متقدمة جداً (31-40)

31. نماذج HTML5 المتقدمة 32. تأثيرات CSS المتقدمة 33. التصميم المتجاوب المتقدم 34. تأثيرات الحركة المتقدمة 35. الرسوم المتحركة المتقدمة
36. تنسيقات الألوان المتقدمة 37. التحويلات ثلاثية الأبعاد 38. تأثيرات الخلفية المتقدمة 39. تنسيقات النصوص المتقدمة جداً 40. تأثيرات التفاعل المتقدمة

المجموعة 5: تنسيقات حديثة (41-50)

41. تنسيقات CSS الحديثة 42. تأثيرات التمرير المتقدمة 43. الرسوم المتحركة المرتبطة بالتمرير 44. استعلامات الحاويات 45. تنسيقات القوائم المتقدمة جداً
46. تأثيرات الخلفية الحديثة 47. تنسيقات النصوص الحديثة 48. الرسوم المتحركة المتقدمة جداً 49. تأثيرات التفاعل الحديثة 50. تنسيقات CSS المستقبلية

Bootstrap

50/50

المجموعة 1: أساسيات Bootstrap (1-10)

1. تثبيت Bootstrap 2. نظام الشبكة 3. التنسيق الأساسي 4. الأزرار 5. النماذج
6. الجداول 7. البطاقات 8. التنبيهات 9. شريط التنقل 10. القوائم المنسدلة

المجموعة 2: مكونات Bootstrap المتقدمة (11-20)

11. النماذج المتقدمة 12. التبويبات 13. التنقل المتقدم 14. البطاقات المتقدمة 15. النوافذ المنبثقة
16. التمرير 17. التقدم 18. الأيقونات 19. التنبيهات المتقدمة 20. القوائم المتقدمة

المجموعة 3: تنسيقات Bootstrap المتقدمة (21-30)

21. التنسيقات المتجاوبة 22. الألوان والظلال 23. الحدود والهوامش 24. التباعد والترتيب 25. التموضع
26. العرض والإخفاء 27. التنسيقات النصية 28. الصور والوسائط 29. الجداول المتقدمة 30. النماذج المتقدمة جداً

المجموعة 4: مكونات Bootstrap المتقدمة جداً (31-40)

31. النوافذ المنبثقة المتقدمة 32. التبويبات المتقدمة 33. التنقل المتقدم جداً 34. البطاقات التفاعلية 35. النماذج التفاعلية
36. القوائم المنسدلة المتقدمة 37. التنبيهات التفاعلية 38. التمرير المتقدم 39. الأيقونات المتقدمة 40. التقدم المتقدم

المجموعة 5: تنسيقات Bootstrap الحديثة (41-50)

41. التنسيقات الحديثة 42. التصميم المتجاوب المتقدم 43. الرسوم المتحركة 44. التنسيقات المخصصة 45. المكونات التفاعلية
46. التنسيقات المتقدمة جداً 47. التصميم المتجاوب الحديث 48. الرسوم المتحركة المتقدمة 49. التنسيقات المخصصة المتقدمة 50. المكونات التفاعلية المتقدمة

JavaScript

50/50

المجموعة 1: أساسيات JavaScript (1-10)

1. المتغيرات والثوابت 2. أنواع البيانات 3. العمليات الحسابية 4. جمل الشرط 5. الحلقات التكرارية
6. المصفوفات 7. الدوال 8. الكائنات 9. التعامل مع النصوص 10. التعامل مع التواريخ

المجموعة 2: JavaScript المتقدم (11-14)

11. تفكيك المصفوفات 12. تفكيك الكائنات
13. كائن Map 14. كائن Set

المجموعة 3: البرمجة الكائنية في JavaScript (15-24)

15. البرمجة الكائنية 16. الوراثة 17. التغليف 18. التعدد الشكلي 19. الكلاسات
20. الواجهات 21. الوحدات 22. التصدير والاستيراد 23. الكائنات المدمجة 24. التعامل مع الأخطاء

المجموعة 4: البرمجة المتقدمة (25-34)

25. الدوال السهمية 26. الدوال المتقدمة 27. الدوال المغلقة 28. الدوال المولدة 29. الدوال المتزامنة
30. الوعود 31. Async/Await 32. التكرار 33. التعبيرات المنتظمة 34. التعامل مع JSON

المجموعة 5: DOM وواجهات المستخدم (35-44)

35. التعامل مع DOM 36. الأحداث 37. النماذج والتحقق 38. التخزين المحلي 39. الكوكيز
40. الجلسات 41. الرسوم المتحركة 42. السحب والإفلات 43. واجهة المستخدم المتقدمة 44. التصميم المتجاوب

المجموعة 6: البرمجة الحديثة (45-50)

45. TypeScript 46. React.js 47. Vue.js
48. Angular 49. Node.js 50. Express.js