Your cart is empty.
Keep shoppingReact.js 19: The Complete Guide (شرح عربي)
Bestseller
571 students
React.js 19: The Complete Guide (شرح عربي)
تعلم تطوير واجهات كاملة باستخدام رياكت 19 مع دعم الذكاء الاصطناعي باستخدام بكورسور (React 19 + Cursor)
Created byYahya ElAraby
Last updated 2/2026
Arabic
Arabic [Auto],
What you'll learn
- القدرة على بناء واجهات تطبيقات حديثة باستخدام رياكت ١٩ مع فهم المكونات، الحالة، ودورة حياة الواجهة (Components, State, Lifecycle Behaviour)
- استخدام الهوكس القياسية والجديدة في رياكت ١٩ لبناء واجهات أسرع وأكثر تفاعلاً (Standard Hooks, New Hooks, UI)
- تنفيذ مسارات الصفحات مع الروابط والمسارات الديناميكية وحماية الصفحات (Routing, Dynamic Routes, Protected Pages)
- تسريع التطوير باستخدام الذكاء الاصطناعي في التوليد والتخطيط وتحسين الكود (AI-Assisted Development, Planning, Iteration)
- تحويل المتطلبات إلى مشاريع عملية مثل المهام اليومية والطقس وادارة الانتاجية اليومية (To-Do App, Weather App, Productivity App)
Explore related topics
Course content
13 sections • 113 lectures • 19h 35m total length
Requirements
- للاستفادة القصوى من الكورس، يُفضل أن تكون لديك أساسيات HTML و JavaScript و CSS.
- معرفة بسيطة بالبرمجة ستساعد، لكن ليست شرطًا أساسيًا للبدء (Basic programming understanding is helpful but optional)
- سيتم مراجعة أساسيات جافاسكربت وتايبسكريبت داخل الكورس قبل استخدامها عمليًا (JavaScript & TypeScript essentials included)
- جهاز كمبيوتر واتصال إنترنت لتشغيل الأدوات والمتابعة مع الدروس (Computer and internet connection required)
- يفضل الاشتراك في كرسور للحصول على أفضل تجربة في التوليد البرمجي والتطوير المدعوم بالذكاء الاصطناعي (Cursor subscription preferred for the best AI-assisted workflow)
- يمكن استخدام أدوات مجانية بديلة لمن لا يملك اشتراك كرسور (Free AI alternatives like Antigravity can be used)
Description
لو نفسك تتعلم رياكت 19 بطريقة واضحة وتطلع في الاخر عامل مشاريع حقيقية فالكورس ده ليك.
في الكورس ده هنتعلم تطوير الواجهات بشكل عملي من اول خطوة لحد ما تبني مشروع كامل.
هنشتغل بطريقة السوق الحديث انهاردة عن طريق اننا نستخدم ادوات الذكاء الاصطناعي عشان تسرع شغلنا .. هعلمك ده خطوة بخطوة عشان تعرف تدخلها في الشغل اليومي بتاعك.
هنشرح اساسيات الجافاسكريبت والتايبسكريبت من الاول عشان تعدي عليهم الاول قبل مندخلك في العالم بتاع رياكت والفرونت اند .. نظرا لان كل حاجة بتبنيها في رياكت والكود معتمد عليهم.
خلال الكورس هنبني تلات مشاريع عملية كاملة:
تطبيق مهام يومية To Do App
تطبيق طقس Weather App
تطبيق ملاحظات مدعوم بالذكاء الاصطناعي Notes App with AI
الهدف انك تطلع من الكورس عارف تبني بايديك وتفكر بشكل عملي في بناء الفرونت اند باستخدام رياكت 19 ومش مجرد فاهم شوية مفاهيم نظرية. فباذن الله بعد متخلص الكورس ده هتكون قادر انك:
تبني واجهات تطبيق كاملة باستخدام رياكت 19 وتفهم المكونات والهوكس وادارة الحالة بشكل عملي (Components, Hooks, State)
تستخدم ادوات الذكاء الاصطناعي زي كورسور و Antigravity في التوليد والتخطيط وتحسين الشغل اليومي بتاعك بحيث تبقى شغالك اسرع واذكى (AI Assisted Development)
تتعامل مع بيانات حقيقية من REST APIs وتعرف تجيب بيانات وتحدثها وتعرضها وتخزنها في المتصفح (Fetching and Persistence)
تنفذ Routing كامل جوه التطبيق وتعرف تتنقل بين الصفحات وتتعامل مع الصفحات المحمية والمسارات الديناميكية والاخطاء (Routing and Navigation)
تحول فكرة مكتوبة او Requirements لمشروع شغال من اول Setup لحد ما تعمل Layout وتعرض بيانات وتتعامل مع المستخدم
Who this course is for:
- المبتدئون الذين يريدون دخول عالم تطوير الواجهات خطوة بخطوة دون تعقيد (Beginners starting their frontend journey)
- المطورون الذين جربوا رياكت من قبل لكنهم يريدون تعلم رياكت ١٩ بالطريقة الحديثة (Developers who want to learn modern React 19 practices)
- مطور الباكند الذي يحتاج لبناء واجهات متكاملة لمشاريعه أو منتجاته (Backend developers needing to build real frontend interfaces)
- الطلاب والهواة الذين يريدون تطبيق ما يتعلمونه عبر مشاريع عملية كاملة (Students and learners who want hands-on project experience)
- المطورون الذين يريدون دمج الذكاء الاصطناعي في أسلوب عملهم لتسريع التطوير (Developers looking to integrate AI into their workflow)
- أي شخص يريد تعلم كيفية تحويل المتطلبات والأفكار إلى واجهات تعمل فعليًا (Anyone who wants to turn requirements into functional UI)