تعلم React - دورة برمجة

يتيح لك التطبيق تعلم React عبر دروس وتمارين عملية، من JSX إلى Hooks وإدارة الحالة والتطبيقات، مع معاينات مباشرة على الهاتف. يناسب المبتدئين والمتقدمين، ويضم 88 دورة و324 درسًا تفاعليًا بمستويات A1–C1، ويدعم 22 لغة.

اكتب الكود على هاتفك

• بيئة IDE وeditor لـ JSX: اقرأ، اكتب الكود، شغّله وعاين النتيجة مباشرة. دون حاسوب محمول أو إعداد.

• يعمل ReactDOM/Babel المضمّن على الجهاز، لا على خادم.

• مشاريع متعددة الملفات، واستيراد المكونات، وأزرار ونماذج تفاعلية.

المختبر

• Hooks Lab: تغيّرات الحالة وإعادة التصيير مباشرة.

• Props knobs: أشرطة تمرير لضبط الخصائص.

• محلل التصيير والخط الزمني للحالة (Pro): ما أُعيد تصييره ولماذا، مع التنقل عبر حالات سابقة.

خطوة بخطوة، من المبتدئ إلى المتقدم

• JSX، المكونات، الخصائص، الحالة، الأحداث، القوائم والمفاتيح، التصيير الشرطي

• useState وuseEffect وuseRef وuseReducer، والخطافات المخصصة، وuseLayoutEffect والمزيد

• النماذج والتحقق من صحتها، React Hook Form، حقول الإدخال المتحكم بها وغير المتحكم بها

• Context، Redux Toolkit/RTK Query، Zustand، Jotai

• React Router، جلب البيانات، TanStack Query، SWR، التحديث المتفائل للواجهة

• TypeScript، الاختبار، Storybook، إمكانية الوصول، الأمان

• حفظ نتائج الحسابات، تقسيم الكود، Suspense، الانتقالات، القوائم الافتراضية

• React 19، مكونات الخادم، SSR وتهيئة التفاعل، البث التدريجي

• Next.js App Router، جلب البيانات، المصادقة

• أساسيات React native لمطوري الويب

• النشر، الواجهات الأمامية المصغرة، اتحاد الوحدات

أنشئ مشاريع حقيقية

تعلم React عبر 20 مشروعًا موجهًا: زر إعجاب، بطاقات ملفات شخصية، حاسبة إكراميات، لعبة أسئلة، ساعة إيقاف، نموذج تسجيل، سلة تسوق، عارض صور دوّار، قائمة مقسمة إلى صفحات، تطبيق مهام، والمزيد. تتحقق كل خطوة من عمل المكوّن.

تدرّب حتى ترسخ المهارات

• تعلم React عبر 30 مهمة برمجية: سهلة ومتوسطة وصعبة؛ الخطافات، التصيير، النماذج، السياق، الأداء.

• UI Match: أعد بناء الواجهات المستهدفة؛ درجات للبنية والتنسيق والنص.

• Bug Hunt: اكتشف أخطاء المكونات وأصلحها.

• Component Recall: استعد كود المكونات الناقص بالتكرار المتباعد.

• 50 سؤال اختبار؛ 50 سؤال مقابلة؛ ورقة مرجعية مختصرة.

• تحدٍّ يومي، سلاسل أيام متتالية، نقاط خبرة، لوحة صدارة.

مرشد AI ‏(Pro)

شروحات AI، ومراجعات للكود، وإصلاحات مقترحة، ودروس مخصصة في أي موضوع.

الشهادة (Pro)

اجتز الاختبار النهائي لتحصل على شهادة قابلة للمشاركة.

لمن هذا التطبيق

• المبتدئون الذين لديهم بعض المعرفة بـ HTML أو CSS أو JavaScript

• المطورون الراغبون في الانتقال سريعًا بين أطر العمل

• المستعدون لمقابلات تطوير الواجهات الأمامية

• المبرمجون المتعلمون ذاتيًا الذين يبنون ملفات أعمال من مشاريعهم

المجاني وPro

المجاني: أول دورة React، ومشروع موجه واحد، ومهمتان برمجيتان، وeditor ومعاينة حية، وHooks Lab، وProps knobs، وBug Hunt، و3 فحوصات UI Match يوميًا؛ مع إعلانات.

Pro: جميع الدورات الـ88، وكل المشاريع والمهام، ومرشد AI، ومحلل التصيير والخط الزمني للحالة، واختبار الشهادة؛ دون إعلانات.

React وNext.js علامتان تجاريتان لمالكيهما. تطبيق تعليمي مستقل؛ غير تابع لمالكي العلامتين ولا يحظى بتأييدهما.

سياسة الخصوصية: https://www.coddykit.com/terms/privacy-policy