نظرة عامة
دليلك الشامل لقسم أطر العمل: Express وFastAPI وReact وNext.js
خطوة البناء الرابعة: تجمع الواجهة والخادم والبيانات في منتج واحد. تبدأ بما هو إطار العمل ولماذا نستخدمه، ثم أنواع الأطر (واجهة، خادم، متكامل) وكيف تختار، ثم تبني بالأدوات التي تستخدمها الشركات: Express وFastAPI للخادم، ثم React للواجهة، ثم Next.js لواجهة معها خادم.
لغير التقني وللتقني معًا. كل جزء يفتح بطريقين: مسار مبسّط بالتشبيه لمن يبدأ من الصفر، ومسار تفصيلي لمن يعرف الأساسيات ويريد العمق. اقرأ الطريق الذي يناسبك ثم أكمل الجزء.
رسم متحرك، ثم ما تحتاجه قبل أن تبدأ، ثم الفكرة بكود تشغّله، ثم مثال محلول، ثم بطاقات مراجعة وأسئلة «اختبر فهمك».
لا تنتقل من جزء قبل أن تحضر أسئلته بلا تخمين. القراءة وحدها لا تثبت شيئًا.
اختر موضوعًا
نظرة على قسم أطر العمل: Express وFastAPI وReact وNext.js
تبدأ بالفكرة قبل الأسماء: ما هو إطار العمل ولماذا لا نكتب كل شيء من الصفر، ثم خريطة أنواع الأطر (واجهة، خادم، متكامل) وكيف تختار بينها. بعدها تدخل الأطر نفسها من حيث وقفت في الخادم: Express بـ JavaScript ومعه Node الذي تحتاجه للواجهة، ثم FastAPI ببايثون بنفس واجهة الطلبات لتقارن. ثم الواجهة: React يؤتمت ما كتبته يدويًا في درس DOM، وNext.js يجمع الواجهة والخادم في مشروع واحد.
| الجزء | الموضوع | تتعلم |
|---|---|---|
| 1 | ما هو إطار العمل؟ ولماذا لا نبدأ من الصفر | الكود المتكرّر، الهيكل الجاهز، المكتبة مقابل الإطار، المكسب والثمن |
| 2 | أنواع أطر العمل وكيف تختار | الواجهة والخادم والمتكامل، الصغير مقابل الجاهز، أسئلة الاختيار، خطة القسم |
| 3 | Node.js وExpress: خادم بـ JavaScript | حلقة الأحداث، المسارات، الوسائط، التحقّق، معالج الأخطاء |
| 4 | FastAPI: واجهات بايثون حديثة | المسارات والأنواع، Pydantic، /docs، Depends، async |
| 5 | React: واجهات من مكوّنات | UI = f(state)، Vite، المكوّن وJSX، props، useState، النماذج، المفاتيح، رفع الحالة، useEffect |
| 6 | Next.js: React مع خادم وتوجيه | التصيير على الخادم، App Router، layout وLink، مكوّنات الخادم والعميل، loading وerror، المسارات الديناميكية، Server Actions، النشر |
خلّصت الدرس؟
سجّل الدخول ليُحفظ تقدّمك.