طَبِّقْهاتعلّم المبدأ، وطبّقه بيدك
مقرر 242 · بلغة React و Express

أطر الويب

دروس قصيرة بمستوى المبادئ: فكرة واحدة في كل قسم، وأمثلة تعمل داخل الصفحة، وأسئلة تصحَّح فورًا. ابدأ من الدرس الأول، وطبّق كل فكرة بيدك.

الوحدة 1: إتقان الهندسة المعتمدة على المكوّنات

1. لماذا أطر الواجهات؟ أول مكوّن Reactجاهز←2. المكوّنات والخصائص propsجاهز←3. الحالة والأحداث: useStateجاهز←4. دورة حياة المكوّن: useEffectجاهز←

الوحدة 2: إتقان إدارة الحالة

5. رفع الحالة ومشاركتها: Contextجاهز←6. تدفق البيانات بـ useReducerجاهز←7. Redux Toolkit: مخزن واحد للتطبيقجاهز←

الوحدة 3: تنفيذ التصميم المتجاوب

8. Tailwind CSS: التنسيق بالأصناف الجاهزةجاهز←9. واجهات متجاوبة بـ Tailwindجاهز←

الوحدة 4: إتقان إطار الخادم

10. أول خادم Expressجاهز←11. الوسيطات ومعالجة الأخطاءجاهز←12. تنظيم الخادم: Router والمتحكماتجاهز←

الوحدة 5: تكامل قواعد البيانات مع ORM

13. ORM و Sequelize: النماذج والجداولجاهز←14. العلاقات والاستعلامات في ORMجاهز←

الوحدة 6: المصادقة والتفويض

15. المصادقة بـ JWTجاهز←16. التفويض والأدوار و OAuthجاهز←

الوحدة 7: تصميم واجهات برمجة التطبيقات RESTful

17. تصميم REST API كامل في Expressجاهز←18. ربط React بالـ APIجاهز←

الوحدة 8: تنفيذ قنوات اتصال فورية

19. WebSocket و Socket.ioجاهز←20. تطبيق دردشة وإشعارات فوريةجاهز←

الوحدة 9: تجميع البرامج ونشرها

21. البناء والتجميع بـ Viteجاهز←22. Docker والنشر السحابيجاهز←

الوحدة 10: تحسين الأداء

23. تحسين أداء الواجهةجاهز←24. تحسين أداء الخادم: التخزين المؤقت والفهارسجاهز←

الوحدة 11: تقليل أثر البرمجة النصية عبر المواقع XSS

25. XSS في React و Expressجاهز←

الوحدة 12: الوقاية من حقن SQL

26. حقن SQL مع ORMجاهز←

الوحدة 13: التنظيم وسهولة الصيانة والتوسع

27. هيكلة التطبيق وأنماط التصميمجاهز←28. المشروع الختامي: تطبيق ويب متكاملجاهز←