React هي إحدى أكثر المكتبات استخدامًا لبناء واجهات مستخدم سريعة وتفاعلية. سواءً كنت تُنشئ مكونات صغيرة أو تطبيقات واسعة النطاق، يُوفر React 19 أدوات تُساعدك بناء تجارب واجهة مستخدم موثوقة وقابلة للصيانة وحديثة. في هذه الدورة، ستبدأ بالأساسيات: كيفية عمل المكونات، وكيف تُغير الحالة واجهة المستخدم، وكيف تُشكل التفاعلات تجربة المستخدم. بعد ذلك، ستستكشف مفاهيم أكثر تقدمًا مثل إدارة احتياجات الحالة المتزايدة، وهيكلة نماذج واضحة وقابلة للتنبؤ، والعمل مع بيانات خادم ، وتطبيق ميزات React 19 الحديثة التي تُحافظ على استجابة واجهتك مع ازدياد تعقيد تطبيقك. بنهاية الدورة، ستتمكن من بناء واجهات مُدروسة ومُدارة بالبيانات بثقة. ستمتلك المهارات اللازمة لتصميم المكونات، وإدارة البيانات غير متزامن ، وهيكلة منطق التطبيقات الواقعية بمساعدة مشروع تخرج مُوجه.
React هي إحدى أكثر المكتبات استخدامًا لبناء واجهات مستخدم سريعة وتفاعلية. سواءً كنت تُنشئ مكونات صغيرة أو تطبيقات واسعة النطاق، ...Show More
ما سوف تتعلمه
فهم كيفية بناء React 19 لواجهات مستخدم ديناميكية تعتمد على المكونات
معرفة عملية بإدارة الحالة في التطبيقات البسيطة والمعقدة بشكل متزايد
خبرة عملية في إنشاء نماذج متوقعة ومنظمة بشكل جيد مع التحقق والملاحظات
المعرفة بكيفية التعامل مع بيانات خادم ، بما في ذلك حالات التحميل، ومعالجة الأخطاء، وتحديث البيانات
القدرة على تطبيق ميزات React 19 الحديثة التي تحافظ على واجهات المستخدم سريعة ومستجيبة مع توسع التطبيقات
خبرة عملية في بناء تطبيق ويب كامل من خلال مشروع Capstone الموجه
فهم كيفية بناء React 19 لواجهات مستخدم ديناميكية تعتمد على المكونات
Show more
المحتوى
2.
JavaScript لـ React: مراجعة سريعة
10 Lessons
قم بمراجعة أساسيات JavaScript وميزات ES6+ الحديثة وأساسيات DOM لبناء أساس قوي لتطوير React في هذا الفصل.
المتغيرات وأنواع البياناتالوظائف، ووظائف الأسهم، وعمليات الاسترجاعالنطاق والإغلاقاتالكائنات والمصفوفاتالبرمجة غير المتزامنة في JavaScriptميزات JavaScript الحديثة وES6+أساسيات DOM لمطوري Reactاختبار: أساسيات JavaScript لـ Reactالتحدي: تطبيق قائمة المهام الديناميكيةالحل: تطبيق قائمة المهام الديناميكية
3.
مقدمة إلى React
8 Lessons
اكتشف React وفوائده، وبنية JSX، وDOM الافتراضية، وكيفية عرض العناصر الديناميكية، ووضع الأساس لتطوير React.
4.
مكونات React
8 Lessons
انغمس في مكونات React لبناء واجهات مستخدم ديناميكية مع الدعائم، ومعالجة الأحداث، ومكونات التصميم، وإنشاء مكون عديم الحالة قابل لإعادة الاستخدام.
5.
الخطافات: إدارة الحالات والتأثيرات في مكونات React
10 Lessons
استكشف خطافات React مثل useState، وuseEffect، وuseContext، وuseMemo لإدارة الحالة، ومعالجة الآثار الجانبية، وتحسين الأداء.
6.
React Router والتنقلات
10 Lessons
تعرف على أساسيات React Router، بما في ذلك تحديد المسارات، والتنقل الديناميكي، والمسارات المتداخلة، ومعالجة صفحات 404 لإنشاء تطبيقات الصفحة الواحدة (SPA) سلسة.
7.
تحسينات جديدة في React 19
6 Lessons
استكشف تحسينات React 19 للمراجع والسياق والبيانات الوصفية والبرامج النصية غير المتزامنة.
8.
الخطافات المتقدمة في الممارسة
8 Lessons
أتقن خطافات React المتقدمة مثل useReducer، وuseCallback، وuseRef، والخطافات المخصصة لتحسين الأداء وإعادة استخدام المنطق بكفاءة.
9.
التزامن لواجهات المستخدم السلسة
7 Lessons
تعرف على كيفية جعل ميزات التزامن في React مثل useTransition وuseDeferredValue واجهات المستخدم أسرع وأكثر سلاسة وأكثر استجابة لتفاعلات المستخدم.
10.
التعامل مع النماذج في React (المكونات الخاضعة للرقابة وغير الخاضعة للرقابة)
13 Lessons
تعرف على كيفية قيام React بإدارة بيانات النموذج باستخدام مكونات خاضعة للرقابة وغير خاضعة للرقابة لبناء نماذج إدخال مستخدم مرنة وموثوقة وتفاعلية.
11.
جلب البيانات وتكامل API
13 Lessons
تعرف على كيفية جلب البيانات وإدارتها وعرضها في React باستخدام Fetch API أو Axios أو React Query، وكيفية التعامل مع حالات التحميل والأخطاء والتخزين المؤقت.
شهادة إتمام
اعرض إنجازك بمشاركة شهادة الإتمام الخاصة بك.
Developed by MAANG Engineers
Trusted by 2.8 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
