1Getting Started and the JavaScript Bridge16 درسًا · 9 اختبارات
1. What React Does: Your First Card in Yawmi
2. مختصر كتابي: What React Does: Your First Card in Yawmi
3. اختبار قصير: What React Does: Your First Card in Yawmi
4. JavaScript Modules: Import and Export
5. مختصر كتابي: JavaScript Modules: Import and Export
6. اختبار قصير: JavaScript Modules: Import and Export
7. Destructuring, Spread, and Immutability
8. مختصر كتابي: Destructuring, Spread, and Immutability
9. اختبار قصير: Destructuring, Spread, and Immutability
10. Arrow Functions with Map and Filter
11. مختصر كتابي: Arrow Functions with Map and Filter
12. اختبار قصير: Arrow Functions with Map and Filter
13. Reduce: From a List to One Value
14. مختصر كتابي: Reduce: From a List to One Value
15. اختبار قصير: Reduce: From a List to One Value
16. Find and Optional Chaining with a Clear Fallback
17. مختصر كتابي: Find and Optional Chaining with a Clear Fallback
18. اختبار قصير: Find and Optional Chaining with a Clear Fallback
19. Promises, Async/Await, and Handling Rejection
20. مختصر كتابي: Promises, Async/Await, and Handling Rejection
21. اختبار قصير: Promises, Async/Await, and Handling Rejection
22. Challenge: Fetch, HTTP, and JSON
23. مختصر كتابي: Challenge: Fetch, HTTP, and JSON
24. اختبار قصير: Challenge: Fetch, HTTP, and JSON
25. اختبار القسم: Getting Started and the JavaScript Bridge
2A Clear Working Setup8 دروس · 5 اختبارات
3JSX and Splitting the UI10 دروس · 6 اختبارات
4Events and State14 درسًا · 8 اختبارات
5Forms and User Input10 دروس · 6 اختبارات
6Lists, Keys and Conditional Rendering10 دروس · 6 اختبارات
7Styling and CSS10 دروس · 6 اختبارات
8Effects and Synchronization10 دروس · 6 اختبارات
9Complex State and Context10 دروس · 6 اختبارات
10Refs and Portals10 دروس · 6 اختبارات
11HTTP and Remote Data10 دروس · 6 اختبارات
12React Router12 درسًا · 7 اختبارات
13Custom Hooks and App Structure10 دروس · 6 اختبارات
14Understanding, Measuring and Performance16 درسًا · 9 اختبارات
15Modern React Without Server Confusion12 درسًا · 7 اختبارات
16Quality and Shipping10 دروس · 6 اختبارات
17Server Data and State Beyond Context12 درسًا · 7 اختبارات
18Advanced Patterns with Clear Boundaries20 درسًا · 11 اختبارًا
19Final Project: Yawmi10 دروس · 6 اختبارات
الاختبار النهائي
1. الاختبار النهائي

درس مجاني

What React Does: Your First Card in Yawmi

ملفات التطبيق العملي لهذا الدرس موجودة في حزمة معمل الكورس.

تحميل حزمة المعمل 00_Labs (ملف zip)

بعد فك الضغط افتح المجلد 00_Labs/01_start-and-js-bridge/01.01_01-01-what-react-does واقرأ README.md فيه: التمرين، وملفات starter وsolution، وأمر نسخها إلى مشروعك.

أول مرة؟ جهّز مشروع Vite مرة واحدة من 00_Labs/README.md (Node.js 22.12+ وnpm).

هذا درس مجاني من «React: The Complete Course». اشترك للوصول إلى كل الدروس والاختبارات والشهادة.

اعرف تفاصيل الاشتراك ←