تُعدّ React إحدى أكثر المكتبات استخدامًا لبناء واجهات مستخدم سريعة وتفاعلية. سواءً كنت تُنشئ مكونات صغيرة أو تطبيقات متكاملة، React 19 تُوفّر أدوات تُساعدك بناء تجارب أمامية موثوقة وسهلة الصيانة وعصرية. في هذه الدورة، ستبدأ بالأساسيات: كيفية عمل المكونات، وكيف تُؤثّر الحالة على تغييرات واجهة المستخدم، وكيف تُشكّل التفاعلات تجربة المستخدم. بعد ذلك، ستستكشف مفاهيم أكثر تقدّمًا مثل إدارة احتياجات الحالة المتزايدة، وهيكلة نماذج واضحة وقابلة للتنبؤ، والعمل مع بيانات خادم ، وتطبيق ميزات React 19 الحديثة التي تُحافظ على استجابة واجهتك مع ازدياد تعقيد تطبيقك. بنهاية الدورة، ستكون قادرًا على بناء واجهات مدروسة وقائمة على البيانات بثقة. ستكتسب المهارات اللازمة لتصميم المكونات، وإدارة البيانات غير متزامن ، وهيكلة منطق التطبيق العملي بمساعدة مشروع تخرّج مُوجّه.
تُعدّ React إحدى أكثر المكتبات استخدامًا لبناء واجهات مستخدم سريعة وتفاعلية. سواءً كنت تُنشئ مكونات صغيرة أو تطبيقات متكاملة، Re...Show More
ما سوف تتعلمه
فهم كيفية قيام React 19 ببناء واجهات مستخدم ديناميكية قائمة على المكونات
معرفة عملية بإدارة الحالة في التطبيقات البسيطة والمعقدة بشكل متزايد
خبرة عملية في إنشاء نماذج منظمة وواضحة المعالم مع التحقق من صحتها وتقديم الملاحظات
الإلمام بمعالجة بيانات خادم ، بما في ذلك حالات التحميل، ومعالجة الأخطاء، وتحديث البيانات.
القدرة على تطبيق ميزات React 19 الحديثة التي تحافظ على سرعة واجهات المستخدم واستجابتها مع توسع التطبيقات
خبرة عملية في بناء تطبيق ويب كامل من خلال مشروع تخرج موجه
فهم كيفية قيام React 19 ببناء واجهات مستخدم ديناميكية قائمة على المكونات
Show more
خارطة طريق التعلم
2.
JavaScript لـ React: مراجعة سريعة
JavaScript لـ React: مراجعة سريعة
قم بمراجعة أساسيات JavaScript، وميزات ES6+ الحديثة، وأساسيات DOM لبناء أساس قوي لتطوير React في هذا الفصل.
3.
مقدمة إلى React
مقدمة إلى React
8 Lessons
8 Lessons
استكشف React وفوائدها، وبنية JSX، وDOM الافتراضي، وكيفية عرض العناصر الديناميكية، مما يضع الأساس لتطوير React.
4.
مكونات React
مكونات React
8 Lessons
8 Lessons
تعمّق في مكونات React لبناء واجهات مستخدم ديناميكية باستخدام الخصائص، ومعالجة الأحداث، وتصميم المكونات، وإنشاء مكون قابل لإعادة الاستخدام بدون حالة.
5.
الخطافات: إدارة الحالات والتأثيرات في مكونات React
الخطافات: إدارة الحالات والتأثيرات في مكونات React
10 Lessons
10 Lessons
استكشف خطافات React مثل useState و useEffect و useContext و useMemo لإدارة الحالة والتعامل مع الآثار الجانبية وتحسين الأداء.
6.
React Router and Navigations
React Router and Navigations
10 Lessons
10 Lessons
فهم أساسيات React Router، بما في ذلك تحديد المسارات، والتنقل الديناميكي، والمسارات المتداخلة، ومعالجة صفحات 404 لإنشاء تطبيقات SPA سلسة.
7.
تحسينات جديدة في React 19
تحسينات جديدة في React 19
6 Lessons
6 Lessons
استكشف تحسينات React 19 للمراجع والسياق والبيانات الوصفية والبرامج النصية غير المتزامنة.
8.
الخطافات المتقدمة في الممارسة
الخطافات المتقدمة في الممارسة
8 Lessons
8 Lessons
أتقن استخدام خطافات React المتقدمة مثل useReducer و useCallback و useRef والخطافات المخصصة لتحسين الأداء وإعادة استخدام المنطق بكفاءة.
9.
التزامن لواجهات مستخدم سلسة
التزامن لواجهات مستخدم سلسة
7 Lessons
7 Lessons
تعرف على كيفية جعل ميزات التزامن في React مثل useTransition و useDeferredValue واجهات المستخدم أسرع وأكثر سلاسة وأكثر استجابة لتفاعلات المستخدم.
10.
التعامل مع النماذج في React (المكونات المتحكم بها وغير المتحكم بها)
التعامل مع النماذج في React (المكونات المتحكم بها وغير المتحكم بها)
13 Lessons
13 Lessons
فهم كيفية إدارة React لبيانات النماذج باستخدام المكونات الخاضعة للتحكم والمكونات غير الخاضعة للتحكم لبناء نماذج إدخال المستخدم المرنة والموثوقة والتفاعلية.
11.
جلب البيانات وتكامل API
جلب البيانات وتكامل API
13 Lessons
13 Lessons
تعلم كيفية جلب البيانات وإدارتها وعرضها في React باستخدام Fetch API أو Axios أو React Query، وكيفية التعامل مع حالات التحميل والأخطاء والتخزين المؤقت.
12.
تصميم تطبيقات React على نطاق واسع
تصميم تطبيقات React على نطاق واسع
15 Lessons
15 Lessons
إتقان إدارة الحالة القابلة للتوسع في React من خلال أنماط وهندسة فعالة.
13.
تحسينات الأداء وآليات العرض في React 19
تحسينات الأداء وآليات العرض في React 19
13 Lessons
13 Lessons
تحسين أداء React من خلال تقنيات العرض المتقدمة واستراتيجيات إدارة الحالة الفعالة.
شهادة إتمام
اعرض إنجازك بمشاركة شهادة الإتمام الخاصة بك.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
Trusted by 2.9 million developers working at companies
"These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"
Anthony Walker
@_webarchitect_
"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"
Evan Dunbar
ML Engineer
"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."
Software Developer
Carlos Matias La Borde
"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"
Souvik Kundu
Front-end Developer
"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."
Vinay Krishnaiah
Software Developer
Hands-on Learning Powered by AI
See how Educative uses AI to make your learning more immersive than ever before.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources
