الرئيسية الكورسات UI/UX Design كورس رياكت

كورس رياكت

👤 سعد السطوف - Saad Al-Sattouf 🎬 104 درس ⏱️ 16 ساعة 52 دقيقة 📶 مبتدئ 🇪🇬 عربي
كورس React JS كامل 2025 -01#- بداية الكورس
📋 محتوى الكورس 104 درس · 16 ساعة 52 دقيقة
  • 1 كورس React JS كامل 2025 -01#- بداية الكورس 7:31
  • 2 كورس React Js كامل 2025 -02#- تشغيل بيئة React Js 6:04
  • 3 كورس React Js كامل 2025 -03#- فهم هيكلة مشروع React Js 7:30
  • 4 كورس React Js كامل 2025 -04#- Components : Build , Export & Import 17:39
  • 5 كورس React Js كامل 2025 -05#- What is JSX ? 6:52
  • 6 كورس React Js كامل 2025 -06#- Styling in JSX 6:50
  • 7 كورس React Js كامل 2025 -07#- JSX : Adding Classes && id 8:03
  • 8 كورس React JS كامل 2025 -08#- Passing Props to Component 14:19
  • 9 كورس React JS كامل 2025 -09#- Passing JSX as Props to Component 11:06
  • 10 كورس React Js كامل 2025 -10#- Conditional Rendering 6:39
  • 11 كورس React JS كامل 2025 -11#- Rendering Lists 10:46
  • 12 كورس React JS كامل 2025 -12#- Introduction to (State) 3:12
  • 13 كورس React JS كامل 2025 -13#- What is ReactDOM ? 5:45
  • 14 كورس React JS كامل 2025 -14#- Why Values Don't Update & Why Avoid Manipulating the DOM 8:24
  • 15 كورس React JS كامل 2025 -15#- useState Hook in React 12:55
  • 16 كورس React JS كامل 2025 -16#- Managing Input with State 16:26
  • 17 كورس React JS كامل 2025 -17#- React : State vs Variables & Virtual DOM to Real DOM 13:58
  • 18 كورس React JS كامل 2025 -18#- Forms with State 10:04
  • 19 كورس React JS كامل 2025 -19#- (2) Forms with State 9:49
  • 20 كورس React JS كامل 2025 -20#- Using State with Checkbox & Textarea 16:55
  • 21 كورس React JS كامل 2025 -21#- Select & Radio Inputs with State 12:17
  • 22 كورس React JS كامل 2025 -22#- Single State for Multiple Inputs in React 19:13
  • 23 كورس React JS كامل 2025 -23#- Creating and Adding to Array State in React 13:45
  • 24 كورس React JS كامل 2025 -24#- Remove Item from Array State in React 20:47
  • 25 كورس React JS كامل 2025 -25#- Edit Item from Array State 5:57
  • 26 كورس React JS كامل 2025 -26#- How to Fix The 'Edited Items Deletion Bug' in React 8:10
  • 27 كورس React JS كامل 2025 -27#- Repeated State Updates in React 10:43
  • 28 كورس React JS كامل 2025 -28#- Challenge 4:21
  • 29 كورس React JS كامل 2025 -29#- Passing a function as a prop in React JS 11:34
  • 30 كورس React JS كامل 2025 -30#- Prop Drilling Issue in React Js 13:24
  • 31 كورس React JS كامل 2024 -31#- useContext Hook 26:40
  • 32 كورس React JS كامل 2025 -32#- User Data with useContext 7:39
  • 33 كورس React JS كامل 2025 -33#- Set Default Values in Context 4:05
  • 34 كورس React JS كامل 2025 -34#- Context Challenge 1:48
  • 35 كورس React JS كامل 2025 -35#- Context Challenge Solution 14:04
  • 36 كورس React JS كامل 2025 -36#- Getting Started with (Material-UI) in React 18:35
  • 37 كورس React JS كامل 2025 -37#- Material-UI Part (2) 6:13
  • 38 كورس React JS كامل 2025 -38#- Material-UI Challenge 1:31
  • 39 كورس React JS كامل 2025 -39#- Material-UI Challenge Solution 13:27
  • 40 كورس React JS كامل 2025 -40#- Intro To React Router 13:41
  • 41 كورس React JS كامل 2025 -41#- React Router : Using Link for Navigation 10:38
  • 42 كورس React JS كامل 2025 -42#- Dynamic Routes & useParams 18:53
  • 43 كورس React JS كامل 2025 -43#- Extracting Dynamic Params && Rendering Matching Posts 28:35
  • 44 كورس React JS كامل 2025 -44#- Protected Routes 12:12
  • 45 كورس React JS كامل 2025 -45#- Handling Missing Routes 7:55
  • 46 كورس React JS كامل 2025 -46#- Nested Routes 9:53
  • 47 كورس React JS كامل 2025 -47#- SSR vs CSR 8:28
  • 48 كورس React JS كامل 2025 -48#- useEffect Hook in React 8:52
  • 49 كورس React JS كامل 2025 -49#- إستعراض مشروع المدونة 7:55
  • 50 كورس React JS كامل 2025 -50#- تجهيز المشروع وتنزيل المتطلبات 3:18
  • 51 كورس React JS كامل 2025 -51#- تصميم الهيدر 7:04
  • 52 كورس React JS كامل 2025 -52#- التعامل مع ال Routing 4:31
  • 53 كورس React JS كامل 2025 -53#- صفحة تسجيل الدخول , واستخدام مكتبة React-Toastify 9:42
  • 54 كورس React JS كامل 2025 -54#- تصميم صفحة انشاء حساب وصفحة ال Home 6:03
  • 55 كورس React JS كامل 2025 -55#- اضافة بوست جديد 15:04
  • 56 كورس React JS كامل 2025 -56#- عرض البوستات في المشروع 11:42
  • 57 كورس React JS كامل 2025 -57#- استخدام ال Link و UseNavigate 8:48
  • 58 كورس React JS كامل 2025 -58#- عرض ال Posts في الصفحة الرئيسية 7:09
  • 59 كورس React JS كامل 2025 -59#- إضافة الايقونات في ال Posts 8:55
  • 60 كورس React JS كامل 2025 -60#- التعامل مع حالة ال Post 4:01
  • 61 كورس React JS كامل 2025 -61#- التعامل مع ايقونة حالة ال Post 8:57
  • 62 كورس React JS كامل 2025 -62#- حذف ال Post 11:34
  • 63 كورس React JS كامل 2025 -63#- تعديل ال Post 19:51
  • 64 كورس React JS كامل 2025 -64#- ايقونة تعديل ال Post 7:10
  • 65 كورس React JS كامل 2025 -65#- مكتبة React-Toastify 4:42
  • 66 كورس React JS كامل 2025 -66#- تعديل ال Post 8:36
  • 67 كورس React JS كامل 2025 -67#- الوصول لبيانات ال Post 12:22
  • 68 كورس React JS كامل 2025 -68#- رفع المشروع على الانترنت 8:49
  • 69 كورس React JS كامل 2025 -69#- مقدمة الى الـ API 2:15
  • 70 كورس React JS كامل 2025 -70#- استعراض المشروع 4:54
  • 71 كورس React JS كامل 2025 -71#- تجهيز بيئة العمل مع JSON Server 5:07
  • 72 كورس React JS كامل 2025 -72#- بناء الـ Header باستخدام الـ MUI 6:06
  • 73 كورس React JS كامل 2025 -73#- Add New Post + Reacr Routing 11:18
  • 74 كورس React JS كامل 2025 -74#- ارسال البيانات الى الـ JSON-Server بواسطة Axios 7:49
  • 75 كورس React JS كامل 2025 -75#- جلب البيانات من الـ JSON-Server وعرضهم في المشروع 17:53
  • 76 كورس React JS كامل 2025 -76#- حذف البيانات من الـ JSON-Server في React Js 13:38
  • 77 كورس React JS كامل 2025 -77#- تعديل البيانات في الـ JSON-Server في ReactJs + (نهاية المشروع) 19:10
  • 78 كورس React JS كامل 2025 -78#- استعراض مشروع الطقس باستخدام React Js | تطبيق Weather App مع API 4:41
  • 79 كورس React JS كامل 2025 -79#- تجهيز بيئة العمل لمشروع الطقس في React Js 5:57
  • 80 كورس React JS كامل 2025 -80#- | استخدام الثيم (Theme) في React مع Material UI 9:32
  • 81 كورس React JS كامل 2025 -81#- بناء component عرض بيانات المدينة في المشروع ReactJs 8:45
  • 82 كورس React JS كامل 2025 -82#- جلب بيانات الطقس باستخدام Axios من OpenWeather في React 20:14
  • 83 كورس React JS كامل 2025 -83#- كيفية جلب موقع المستخدم تلقائيًا باستخدام IPAPI في React | مشروع طقس 9:54
  • 84 كورس React JS كامل 2025 -84#- رفع مشروع الطقس على Netlify 1:16
  • 85 كورس React JS كامل 2025 -85#- Redux في React شرح نظري 5:13
  • 86 كورس React JS كامل 2025 -86#- تنزيل وتهيئة Redux في React 3:48
  • 87 كورس React JS كامل 2025 -87#- البدء في Redux شرح عملي 23:24
  • 88 كورس React JS كامل 2025 -88#- البدء في Redux شرح عملي (2) 10:27
  • 89 كورس React JS كامل 2025 -89#- Redux شرح عملي (مثال آخر ) 8:32
  • 90 كورس React JS كامل 2025 -90#- Redux Dev Tool 6:12
  • 91 كورس React JS كامل 2025 -91#- تحدي الـ Redux 1:24
  • 92 كورس React JS كامل 2025 -92#- حل تحدي الـ Redux 5:20
  • 93 كورس React JS كامل 2025 -93#- The Async Problem in Redux 7:49
  • 94 كورس React JS كامل 2025 -94#- Easy API Fetch with Redux Thunk 6:16
  • 95 كورس React JS كامل 2025 -95#- Multiple Thunks in One Redux Slice 4:19
  • 96 كورس React JS كامل 2025 -96#- Authentication & Authorization | React + Node.js. 7:29
  • 97 كورس React JS كامل 2025 -97#- تجهيز المشروع و تنزيل المتطلبات 4:43
  • 98 كورس React JS كامل 2025 -98#- بناء صفحة تسجيل الدخول و إنشاء الحساب 5:57
  • 99 كورس React JS كامل 2025 -99#- إنشاء السيرفر باستخدام Node.js و Express 6:38
  • 100 كورس React JS كامل 2025 -100#- الاتصال بقاعدة البيانات MongoDB 6:14
  • 101 كورس React JS كامل 2025 -101#- التواصل بين ال Front-end و ال Back-end حفظ البيانات في قاعدة البيانات 17:22
  • 102 كورس React JS كامل 2025 -102#- مصادقة تسجيل الدخول مع الباك اند في React 8:17
  • 103 كورس React JS كامل 2025 -103#- توليد ال Token للمستخدم بعد عملية تسجيل الدخول 10:28
  • 104 كورس React JS كامل 2025 -104#- حماية الصفحات باستخدام ال Token 3:56
🏆
شهادة إتمام
كورس رياكت
━━━━━━━━━
اسمك هنا
🔒

شاهد 50% من الكورس واحصل على شهادتك المجانية

✅ تتبع تقدمك في الكورس
🏆 شهادة مجانية عند الإتمام
📊 إحصائياتك محفوظة دائماً
🔖 استكمل من حيث توقفت

إنشاء حساب مجاني يأخذ ثوانٍ فقط

▶ يُشغَّل الآن
كورس React JS كامل 2025 -01#- بداية الكورس

📘 نظرة عامة على الكورس

يُقدّم هذا الكورس المجاني شرحاً شاملاً لـ رياكت من الصفر باللغة العربية في مجال UI/UX Design، ويستهدف المبتدئين الراغبين في بناء مهاراتهم العملية واحترافية في 2026. يُقدّمه سعد السطوف - Saad Al-Sattouf باللغة العربية بأسلوب مبسّط ومنظّم.

يضم الكورس 104 درساً بمدة إجمالية 16 ساعة 52 دقيقة، تأخذك من الصفر حتى الاحتراف خطوةً بخطوة.

لماذا تتعلم رياكت من الصفر باللغة العربية؟

  • 6 مليارات مستخدم موبايل في العالم يعني سوقاً ضخماً جداً لتطبيقات الموبايل.
  • مجاني بالكامل — ابدأ الآن دون أي رسوم
  • شهادة إتمام معتمدة — أضفها لـ CV وLinkedIn
  • تعلّم في أي وقت — بالسرعة التي تناسبك
  • App Store و Google Play يُتيحان لك بيع تطبيقك لملايين العملاء عالمياً مباشرة.

مسار التعلم في هذا الكورس

يسير الكورس وفق مسار منطقي متدرّج: اختيار المنصة → لغة البرمجة → UI → API Integration → Database → Testing → Publish

المتطلبات السابقة

أساسيات OOP وأي لغة برمجة — يمكن لأي شخص البدء في هذا الكورس.

الأدوات والبرامج المستخدمة

  • Android Studio
  • Xcode
  • Flutter
  • React Native
  • Firebase
  • Postman

متطلبات الجهاز

  • RAM 8GB+ (أقل لـ Flutter)
  • هاتف للاختبار

الوظائف المتاحة بعد إتمام الكورس

  • Android Developer
  • iOS Developer
  • Mobile Developer
  • Cross-Platform Developer

متوسط رواتب رياكت من الصفر باللغة العربية 2026

  • مصر: 8,000-25,000 ج
  • السعودية: 12,000-35,000 ر
  • أمريكا: $95,000-$160,000

كم من الوقت تحتاج لإتقان رياكت من الصفر باللغة العربية؟

  • Android Basics=>: 40-60 ساعة
  • iOS Basics: 50-70 ساعة
  • Flutter: 50-80 ساعة

الشهادات المعتمدة في مجال UI/UX Design

  • Google Associate Android Developer
  • Apple Developer Certification

مشاريع عملية ستتمكن من بناؤها

  • تطبيق Todo
  • تطبيق طقس
  • تطبيق محادثة
  • E-commerce App

ماذا بعد هذا الكورس؟

بعد إتمام الكورس، يُوصى بالتعمق في: Flutter Advanced، Firebase ML Kit، AR Mobile، App Monetization.

الأقسام الجامعية ذات الصلة

يُناسب هذا الكورس طلاب: كلية حاسبات ومعلومات، كلية هندسة.

سجّل في كورس رياكت من الصفر باللغة العربية الآن، ابدأ رحلتك نحو الاحتراف في UI/UX Design مجاناً. تذكّر: أفضل وقت للتعلم هو الآن.

س
المدرّس / القناة
سعد السطوف - Saad Al-Sattouf
🎬
عدد الدروس
104 درس
⏱️
المدة الإجمالية
16 ساعة 52 دقيقة
📶
المستوى
مبتدئ
🌍
اللغة
العربية
🎓
الشهادة
مجانية عند الإكمال
المتطلبات
لا توجد متطلبات مسبقة
📂
التصنيف
UI/UX Design

🎯 ماذا ستتعلم في هذا الكورس

كورس React JS كامل 2025 -01#- بداية الكورس
كورس React Js كامل 2025 -02#- تشغيل بيئة React Js
كورس React Js كامل 2025 -03#- فهم هيكلة مشروع React Js
كورس React Js كامل 2025 -04#- Components : Build , Export & Import
كورس React Js كامل 2025 -05#- What is JSX ?
كورس React Js كامل 2025 -06#- Styling in JSX
كورس React Js كامل 2025 -07#- JSX : Adding Classes && id
كورس React JS كامل 2025 -08#- Passing Props to Component
+ 96 موضوع آخر...

💼 الوظائف التي يؤهلك لها الكورس

💼
متعلق بـ UI/UX Design

❓ أسئلة شائعة عن الكورس

كم عدد دروس الكورس؟ +
يحتوي الكورس على 104 درس بإجمالي مدة 16 ساعة 52 دقيقة.
هل الكورس مجاني بالكامل؟ +
نعم، الكورس مجاني تماماً ومتاح بالكامل على منصة مصر 24 بدون أي رسوم.
هل الكورس مناسب للمبتدئين؟ +
الكورس موجّه لمستوى مبتدئ، وهو مناسب تماماً للمبتدئين من الصفر.
ما لغة الشرح في الكورس؟ +
الكورس مشروح باللغة العربية بأسلوب واضح ومبسّط.
هل يمكن تعلم الكورس بدون خبرة سابقة؟ +
نعم بالتأكيد. هذا الكورس مصمم للمبتدئين من الصفر.
كم يستغرق إتمام هذا الكورس؟ +
المدة الإجمالية 16 ساعة 52 دقيقة. يُنصح بتخصيص ساعة يومياً.
هل أحصل على شهادة عند الإتمام؟ +
نعم، تحصل على شهادة إتمام مجانية من مصر 24 بعد مشاهدة جميع الدروس.
من يقدم هذا الكورس؟ +
الكورس مقدم من سعد السطوف - Saad Al-Sattouf.
🔐
نسيت كلمة المرور؟
🎓 أكاديمية مصر 24
EG24
EG-24 ACADEMY
EG24
EG-24ACADEMY
— أكاديمية مصر 24 —
CERTIFICATE
OF COMPLETION
THISCERTIFICATE IS PROUDLY PRESENTED TO
اسمك هنا
FOR SUCCESSFULLY COMPLETING THE COURSE
اسم الكورس هنا
ISSUED ON
03 أغسطس 2026
Ahmed Hamdy
AHMED HAMDY
FOUNDER
VERIFY CERTIFICATE
CERTIFICATE ID
PREVIEW
رقم تحقق الشهادة
EG24
ACADEMY
LEARN GROW
أقرب طريق لحلمك — سواء مشروعك الجديد أو وظيفة أحلامك — يبدأ من هنا، بكورسات مجانية 100% للأبد.