01
بتتعلم ومش عارف تبدأ منين
HTML وCSS وJavaScript وTypeScript مشروحين من الصفر، وبعدها بننقلك لـReact خطوة بخطوة من غير ما نفترض إنك Frontend قبل كده.
5.0
100% تقييمات ايجابية
كورس Frontend React.js — من الصفر إلى واجهات حقيقية
عدد المحاضرات
115 محاضرة
مدة الدورة
22:07:42 ساعة
كورس Frontend React.js — من الصفر إلى أول وظيفة
9 Modules · 4 مشاريع عملية · 100 سؤال Interview
من أول سطر في الويب
من أول سطر في الويب
لحد ما تبني واجهات React
وتبدأ طريقك للشغل
الكورس مناسب للمبتدئ تمامًا. مسار واحد من أساسيات الويب إلى React ومشاريع حقيقية، ثم مشروع Ecommerce بطريقة Vibe Coding، ثم Module التعلم والوظائف و100 سؤال Interview.
المسار
9 Modules
التطبيق
4 مشاريع حقيقية
سوق العمل
100 سؤال Interview
مسار واحد واضح
من الصفر لحد أول وظيفة وFreelance
عرض البداية:
لأول 100 طالب
العرض متاح لعدد محدود من الطلاب،
والعدد المتبقي يتغير مع التسجيل الفعلي.
متبقي
27
طلاب فقط من أصل 100
HTML CSS JS TS
من الصفر بالتفصيل
React.js
Fundamentals + Advanced
مشاريع حقيقية
TODO + Explorer + Ecommerce
Vibe Coding
تنفيذ مشاريع بالعصر الحالي
سوق العمل
وظيفة + عمل حر
100 سؤال
تجهيز للـ Interview
ليه الكورس ده مختلف
المشكلة مش إنك محتاج React Videos أكتر
المشكلة إنك محتاج مسار واضح ينقلك من مشاهدة الشروحات إلى القدرة على بناء واجهات حقيقية بنفسك، وتنفيذ مشروع كامل بالطريقة اللي السوق ماشي بيها دلوقتي.
02
بتعرف تعمل أمثلة صغيرة لكن المشروع بيوقفك
هتبني TODO ثم Products Explorer ثم Ecommerce كامل، عشان تتعوّد تخلّص Features حقيقية مش تمارين منفصلة.
03
عايز تستخدم الـAI كمطور حقيقي
هتتعلم Vibe Coding وPrompt Engineering: إزاي توجّه الـAI وتنفّذ مشروع Ecommerce كامل، من غير ما تبقى ناسخ كود ومش فاهم اللي بيحصل.
04
خلصت كورسات ولسه مش عارف تبدأ شغل
فيه Module كامل للوظائف: إزاي تجيب أول وظيفة، وإزاي تجيب أول شغلة Freelance، وإزاي تقدّم نفسك بمشاريع مش بأسماء تقنيات.
05
بتكتب Components ومش عارف تنظّم مشروع
Module React Architecture وTypeScript هيخلّيك تفكّر كمهندس واجهات: تنظيم، أنواع، قابلية توسع، وكود يشتغل في فريق.
06
بتذاكر كتير وبتنسى أو بتسيب النص
Module «تعلم كيف تتعلم» مش حشو. هتعرف إزاي تثبّت المعلومة، تتمرس، وتكمّل المسار لنهايته.
خريطة المسار
9 Modules يمشوا مع بعض… مش كورسات متفرقة
كل مرحلة بتبني على اللي قبلها: أساس، ثم React، ثم مشاريع، ثم Architecture، ثم تنفيذ مشروع كامل بطريقة 2026، ثم سوق العمل.
01
الأساس الذهني
تعلم كيف تتعلم
قبل ما تغرق في الكود: نظام مذاكرة، طريقة تمرين، وإزاي تتعلم بسرعة من غير تشتت ومن غير ما تسيب الكورس في النص.
02
أساسيات الويب
HTML · CSS · JavaScript · TypeScript · React Fundamentals
مقدمة عملية للمتصفح والصفحات والتنسيق والمنطق والأنواع، ثم تفكير React: Components وProps وState وبناء واجهة من الصفر.
03
أول مشروع
TODO Project
أول تطبيق حقيقي: إضافة، تعديل، حذف، وتنظيم الـState. هنا بتتحوّل من «فاهم الشرح» إلى «قادر تخلّص Feature».
04
المستوى التالي
React Advanced
أنماط أعمق في React: Hooks، Forms، Data Fetching، أداء، وتعامل مع سيناريوهات أقرب للشغل الحقيقي.
05
مشروع متوسط
Products Explorer
استكشاف منتجات، بحث، فلترة، وعرض بيانات في واجهة حقيقية. مشروع يضيف وزن للـ Portfolio مش مجرد قائمة مهام.
06
مستوى الشركات
React Architecture & TypeScript
تنظيم المشروع، فصل المسؤوليات، الأنواع، وكود تقدر تبني عليه وتطوره… مش ملف واحد مليان كل حاجة.
07
المشروع النهائي
Ecommerce كامل بـ Vibe Coding وPrompt Engineering
هتنفّذ متجر إلكتروني متكامل، وتتعلم طريقة تنفيذ المشاريع في العصر الحالي: إزاي تكتب Prompts صح، إزاي تستخدم الـAI كمطور، وإزاي تخلّص منتج حقيقي بسرعة من غير ما تضيع الفهم.
08
سوق العمل
Module الوظائف: أول وظيفة وأول شغلة Freelance
إزاي تقدّم، إزاي تبني عرضك، إزاي تتكلم عن مشاريعك، وإزاي تتحرك ناحية الوظيفة أو العمل الحر بدل ما تخلّص وتقف.
09
تجهيز المقابلة
100 سؤال Interview
أسئلة شائعة في مقابلات Frontend وReact، عشان تدخل الـ Interview وأنت فاهم بتقول إيه… مش محفظ جمل.
تطبيق عملي
هتتعلم من خلال مشاريع تخليك تفكّر كـFrontend Developer
مش هنعتمد على تمارين بسيطة فقط. كل مشروع بيطلّعك مستوى: من أول Feature، لواجهة بيانات، لمتجر كامل.
01
React Fundamentals
TODO App
تطبيق عملي على الـState والتفاعل مع المستخدم. هتتعلم تخلّص تدفق كامل، مش زرار بيتضغط في مثال معزول.
02
React Advanced
Products Explorer
واجهة استكشاف منتجات: عرض، بحث، فلترة، وتجربة استخدام. هنا بتتعامل مع بيانات حقيقية ومنطق واجهة أقرب للشغل.
03
Vibe Coding + Prompt Engineering
Ecommerce كامل
المشروع النهائي: متجر إلكتروني من الفكرة للتنفيذ، بالطريقة الحديثة لبناء المشاريع. هتتعلم تخطط، تكتب Prompts، تراجع الكود، وتسلّم منتج.
04
طوال المسار
كود قابل للتطوير
TypeScript وArchitecture وتنظيم الملفات وتفكير المنتج. عشان مايبقاش هدفك إن الشكل «يظهر» وبس.
إيه اللي هتتعلمه؟
المسار بيبني عندك أساس قوي ثم ينقلك إلى التطبيق ثم إلى سوق العمل.
1
تعلم كيف تتعلم
نظام يخلّيك تستوعب أسرع وتكمّل لنهاية المسار.
2
HTML وCSS وJavaScript وTypeScript
أساسيات الويب من الصفر قبل الدخول العميق في React.
3
React Fundamentals + TODO
مكونات، حالة، تفاعل، وأول مشروع تقدر تشرحه.
4
React Advanced + Products Explorer
مستوى أعلى في React داخل واجهة بيانات حقيقية.
5
React Architecture وTypeScript
تنظيم المشروع وكود أوضح وأسهل في الصيانة والتوسع.
6
Vibe Coding وPrompt Engineering
تنفيذ Ecommerce كامل بطريقة المحترفين في العصر الحالي.
7
الوظائف + 100 سؤال Interview
أول وظيفة، أول Freelance، وتجهيز للمقابلة.
وبعد ما تتعلم؟
هنا الفرق بين مشاهدة كورس وبين تجهيز نفسك لسوق العمل.
✓
تجهّز Portfolio حقيقي
TODO وProducts Explorer وEcommerce تقدر تعرضهم وتشرح قراراتك فيهم.
✓
تعرف تنفّذ مشروع من الصفر للنهاية
تخطيط، بناء، استخدام AI بذكاء، ومراجعة… مش نسخ دروس.
✓
تفكّر كـFrontend Engineer
Architecture وTypeScript وتنظيم، مش مجرد شكل الصفحة.
✓
تعرف تقدّم نفسك
تتكلم عن مهاراتك من خلال مشاريع ونتائج، مش قائمة أدوات.
✓
الوظيفة والعمل الحر
خطوات عملية لأول وظيفة وأول شغلة Freelance، مش نصيحة عامة في آخر Video.
✓
تدخل الـ Interview جاهز
100 سؤال يغطّوا اللي بيتسأل في مقابلات Frontend وReact.
الهدف النهائي
النتيجة اللي بنستهدفها
مش هدفنا إنك تحفظ React. هدفنا إنك تفهم وتطبّق وتبني، وتعرف تنفّذ مشروع بالطريقة اللي السوق شغال بيها دلوقتي.
←
تفهم قبل ما تنفّذ
تعرف ليه بنستخدم كل خطوة وإمتى تكون مناسبة، بدل حفظ أوامر أو نسخ كود من غير فهم.
←
تبني واجهات حقيقية
تجمع الـUI والـState والبيانات وتجربة المستخدم داخل مشروع واحد تقدر تشرحه.
←
تستخدم الـAI بذكاء
Vibe Coding وPrompt Engineering كأدوات تنفيذ، وأنت اللي ماسك القرار والفهم والجودة.
←
تفكّر كمطوّر Frontend
تبقى واعي بالتنظيم والأنواع والـArchitecture، مش التشغيل في المتصفح وبس.
←
تعرف تتعلم لوحدك بعد الكورس
مهارة «تعلم كيف تتعلم» هتفضل معاك مع أي مكتبة أو أداة جديدة هتظهر بعد كده.
←
تتحرّك ناحية أول فرصة
وظيفة أو Freelance أو Interview: المسار مش بينتهي عند آخر درس تقني.
بدل ما تجمع كورسات HTML وCSS وReact متفرقة، خليك ماشي في مسار واحد واضح
من أساسيات الويب إلى React ثم المشاريع ثم Vibe Coding ثم التجهيز لسوق العمل.
اللي هيدخل معاك في المسار
✓Module «تعلم كيف تتعلم».
✓HTML وCSS وJavaScript وTypeScript من الصفر.
✓React Fundamentals + مشروع TODO.
✓React Advanced + مشروع Products Explorer.
✓React Architecture وTypeScript.
✓Ecommerce كامل بـ Vibe Coding وPrompt Engineering.
✓Module الوظائف: أول وظيفة وأول Freelance.
✓100 سؤال Interview لتجهيز المقابلة.
🔥 العرض الحالي
العرض متاح لأول
100 طالب
عدد محدود من المقاعد متاح في العرض الحالي،
والتسجيل مستمر حتى اكتمال العدد.
المقاعد المتبقية:
27
من أصل 100
ضمان استرداد المبلغ خلال 24 ساعة
عايزينك تدخل الكورس وأنت مطمّن. لو بدأت الكورس ووجدت خلال 24 ساعة إنه غير مناسب لك، تقدر تطلب استرداد المبلغ. إحنا واثقين إنك هتحب المحتوى وهتلاقيه مناسب لرحلتك.
التسجيل
طرق الدفع المتاحة
تقدر تدفع مباشرة من الموقع، أو تختار التحويل عبر Vodafone Cash أو InstaPay ثم تبعت صورة التحويل على واتساب لإتمام التسجيل.
✓ الدفع مباشرة من الموقع متاح
تواصل معنا على واتساب
أو التحويل عبر Vodafone Cash / InstaPay
01098387705
بعد التحويل، ابعت Screenshot لعملية الدفع على واتساب.
1حوّل قيمة العرض على الرقم.
2خد Screenshot لعملية التحويل.
3ابعت الصورة على واتساب.
أسئلة شائعة
أسئلة مهمة قبل ما تبدأ
هل الكورس مناسب للمبتدئ تمامًا؟
أيوه. بنبدأ من مقدمة الويب: HTML وCSS وJavaScript وTypeScript، وبعدها React Fundamentals خطوة بخطوة. مش مطلوب منك تكون عارف React قبل بداية الكورس.
هل لازم أكون قوي في JavaScript من البداية؟لا. JavaScript وTypeScript مشروحين ضمن المسار من الصفر، وبعد بناء الأساس بننتقل إلى React وتطبيقاته العملية.
هل المشاريع مجرد نسخ للكود؟لا. الهدف إنك تفهم الفكرة وتطبّقها داخل مشروع أكبر. TODO ثم Products Explorer ثم Ecommerce، وكل مشروع بيعلّمك تربط أجزاء الواجهة ببعض.
إيه قصة Vibe Coding وPrompt Engineering؟العصر اتغيّر، والمحترفين بقوا ينفّذوا المشاريع بطريقة أسرع باستخدام الـAI. في المشروع النهائي هتتعلم إزاي تكتب Prompts صح، وإزاي تستخدم الـAI وأنت فاهم، وتنفّذ Ecommerce كامل كمنتج حقيقي… مش كود عشوائي.
هل يوجد مشاريع حقيقية؟أيوه. هتطبّق على مشروع TODO، ومشروع Products Explorer، ومشروع نهائي Ecommerce كامل.
إيه فايدة Module «تعلم كيف تتعلم»؟أغلب الناس بتضيع مش لأنها مش ذكية، لأنها بتذاكر غلط أو بتسيب النص. الـ Module ده يعلّمك إزاي تثبّت المعلومة وتتمرّن وتكمّل، عشان الكورس يتحوّل لمهارة مش لمشاهدة.
هل الكورس يضمن لي وظيفة؟لا يوجد كورس يقدر يضمن وظيفة. اللي بنعمله هو تجهيزك تقنيًا وعمليًا، وتعليمك خطوات تساعدك تستعد للتقديم وتبدأ تتحرك ناحية الوظيفة أو أول شغلة Freelance، مع 100 سؤال Interview.
هل يوجد دعم أثناء الكورس لو احتجت مساعدة؟أيوه. متاح لك دعم أثناء الكورس، وتقدر تسأل عن أي نقطة تقابلك أو أي مشكلة تواجهك أثناء التطبيق، عشان متبقاش بتتعلم لوحدك وتفضل واقف عند مشكلة.
هل يوجد ضمان لاسترداد المبلغ؟أيوه. لو بدأت الكورس ووجدت خلال 24 ساعة إنه غير مناسب لك، تقدر تطلب استرداد المبلغ. هدفنا إنك تدخل وأنت مطمّن وواثق في قرارك.
إزاي أدفع؟تقدر تدفع مباشرة من الموقع، أو عن طريق Vodafone Cash أو InstaPay على 01098387705، وبعد التحويل تبعت Screenshot على واتساب.
ابدأ من الصفر… واوصل لمرحلة تقدر فيها تبني Frontend بنفسك
أساسيات الويب من البداية، React بشكل عملي، مشاريع حقيقية، Ecommerce بـ Vibe Coding، وتجهيز لأول وظيفة وFreelance وInterview — في مسار واحد بدل التشتت بين عشرات الكورسات.
◉ تواصل معنا على واتسابمحتوى الدورة
التقييمات
(1)
Amin Amgad
Full Stack Web Developer شغوف بالبرمجة، بشتغل على بناء تطبيقات ويب عملية وقوية، وبحب أشرح وأوصل المعلومة ببساطة ومن غير تعقيد.
