أتقن كيفية بناء واجهات المستخدم الحديثة مع React. من لوحات المعلومات إلى تطبيقات الأجهزة المحمولة، يُعد React أساس العديد من أكثر واجهات الاستخدام قابلية للتطوير اليوم. يُعلّمك هذا المسار القابل للتخصيص React من خلال أمثلة عملية وتحديات عملية، مما يساعدك بناء أساس متين في تقنيات التطوير العملية. ستتجاوز بناء الجملة لفهم كيفية تحديث React لـ DOM، وإدارة الحالة، والتعامل مع تفاعل المستخدم. ابنِ مكونات يمكنك إعادة استخدامها. تعلّم JSX، والخطافات، والتوجيه، والميزات الجديدة في React 19 التي تُحسّن الأداء وتُبسّط الكود. سواء كنت تُنشئ تطبيق React الأول الخاص بك أو تُحسّن واجهة فريقك الأمامية، فإن هذه الخريطة تُزوّدك بالهيكل والأمثلة والمهارات اللازمة للقيام بذلك على النحو الأمثل.
أتقن كيفية بناء واجهات المستخدم الحديثة مع React. من لوحات المعلومات إلى تطبيقات الأجهزة المحمولة، يُعد React أساس العديد من أكث...Show More
ما سوف تتعلمه
القدرة على بناء واجهات مستخدم ديناميكية وقابلة للتعديل باستخدام تصميم React القائم على المكونات
معرفة عملية بـ JSX، امتداد XML القوي JavaScript ، لإنشاء كود معلن وقابل للصيانة
خبرة عملية مع الخطافات مثل useState وuseEffect للتعامل مع البيانات الديناميكية والآثار الجانبية في المكونات الوظيفية
القدرة على بناء تطبيقات سلسة من صفحة واحدة مع مسارات ديناميكية ومتداخلة باستخدام React Router
فهم ميزات React 19 الجديدة لإدارة البيانات الوصفية وأوراق الأنماط والموارد الخارجية بشكل إعلاني
القدرة على بناء واجهات مستخدم ديناميكية وقابلة للتعديل باستخدام تصميم React القائم على المكونات
Show more
المحتوى
1.
قبل أن نبدأ
1 Lessons
يقدم هذا الفصل مقدمة عن الدورة التدريبية، ويوضح أهدافها وبنيتها ونصائح عملية لتحقيق النجاح في رحلة تعلم React.
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.
خاتمة
1 Lessons
اختتم الدورة التدريبية من خلال تلخيص مفاهيم React، وتقديم الخطوات العملية التالية، وإلهام المتعلمين لبناء تطبيقات ويب ديناميكية.
شهادة إتمام
اعرض إنجازك بمشاركة شهادة الإتمام الخاصة بك.
Developed by MAANG Engineers
Trusted by 2.8 million developers working at companies
"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc 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
