كورس Frontend React.js — من الصفر إلى واجهات حقيقية

5.0

100% تقييمات ايجابية

كورس Frontend React.js — من الصفر إلى واجهات حقيقية

عدد المحاضرات
115 محاضرة
مدة الدورة
23:03:41 ساعة
9 Modules · 4 مشاريع عملية · 100 سؤال Interview
const you = "Frontend Developer";

من أول سطر في الويب
لحد ما تبني واجهات React
وتبدأ طريقك لأول وظيفة

سواء كنت بادئ من الصفر، أو عايز تغيّر مجالك، أو تايه بين كورسات اليوتيوب — ده مسار واحد واضح من أساسيات الويب إلى React ومشاريع حقيقية، ثم مشروع Ecommerce بطريقة Vibe Coding، ثم سوق العمل و100 سؤال Interview.

المسار 9 Modules
التطبيق 4 مشاريع حقيقية
سوق العمل 100 سؤال Interview
✓
مسار واحد بدل 20 كورس — من الصفر لحد أول وظيفة وأول شغلة Freelance
عرض البداية: لأول 100 طالب
العرض متاح لعدد محدود من الطلاب، والعدد المتبقي يتغير مع التسجيل الفعلي.
متبقي 27 طالب فقط من أصل 100
HTML CSS JS TSمن الصفر بالتفصيل
React.jsFundamentals + Advanced
مشاريع حقيقيةTODO + Explorer + Ecommerce
Vibe Codingتنفيذ المشاريع بأدوات الـAI
سوق العملوظيفة + عمل حر
100 سؤالتجهيز للـ Interview
الكورس ده معمول لمين؟

لو أنت واحد من الـ 3 دول… الكورس ده اتعمل عشانك

كل واحد فيهم بادئ من نقطة مختلفة وعنده مشكلة مختلفة، بس كلهم محتاجين نفس الحاجة: مسار واضح ينتهي بمهارة حقيقية وفرصة شغل.

</>
بادئ من الصفر

طالب أو خريج جديد عايز يدخل البرمجة صح

«سامع إن الـFrontend مطلوب، بس مش عارف أبدأ منين، وكل فيديو بيقولّي حاجة مختلفة.»
اللي هيتغير معاك:
  • بتبدأ من مقدمة الويب نفسها، من غير ما نفترض إنك عارف أي حاجة.
  • ترتيب منطقي: HTML ← CSS ← JavaScript ← TypeScript ← React.
  • Module «تعلم كيف تتعلم» يخلّيك تكمّل لآخر المسار وماتسيبش في النص.
النتيجة: أساس قوي و3 مشاريع في الـPortfolio قبل ما تتخرج أو تدوّر على شغل.
⇄
بيغيّر مجاله

شغّال في مجال تاني وعايز يتحوّل للبرمجة

«وقتي محدود ومش عايز أضيّع سنة في كورسات ملهاش آخر، محتاج طريق مختصر يوصلني لشغل فعلًا.»
اللي هيتغير معاك:
  • مسار مركّز على اللي السوق بيطلبه، من غير حشو ولا تفاصيل أكاديمية.
  • Vibe Coding وPrompt Engineering عشان تنفّذ أسرع بأدوات العصر الحالي.
  • Module كامل يعلّمك تقدّم نفسك وأنت جاي من خلفية مختلفة.
النتيجة: خطة انتقال واضحة لأول وظيفة Frontend أو أول دخل من الـFreelance.
{ }
تايه بين الكورسات

اتعلّم أجزاء من اليوتيوب ولسه مش قادر يبني مشروع

«فاهم الشرح وأنا بتفرّج، لكن أول ما أفتح مشروع فاضي بقف ومش عارف أعمل إيه.»
اللي هيتغير معاك:
  • بتطلع من Tutorial Hell بمشاريع حقيقية متدرجة لحد Ecommerce كامل.
  • React Architecture وTypeScript عشان تكتب كود منظّم بمستوى الشركات.
  • 100 سؤال Interview يقفلوا الفجوات اللي في فهمك.
النتيجة: تتحوّل من «بتفرّج على كورسات» إلى «بخلّص Features وأشرحها في Interview».
ليه الكورس ده مختلف

المشكلة مش إنك محتاج React Videos أكتر

المشكلة إنك محتاج مسار واضح ينقلك من مشاهدة الشروحات إلى القدرة على بناء واجهات حقيقية بنفسك، وتنفيذ مشروع كامل بالطريقة اللي السوق ماشي بيها دلوقتي.

01

بتتعلم ومش عارف تبدأ منين

HTML وCSS وJavaScript وTypeScript مشروحين من الصفر، وبعدها بننقلك لـReact خطوة بخطوة.

02

بتعمل أمثلة صغيرة لكن المشروع بيوقفك

هتبني TODO ثم Products Explorer ثم Ecommerce كامل، عشان تتعوّد تخلّص Features حقيقية.

03

عايز تستخدم الـAI كمطور حقيقي

هتتعلم توجّه الـAI بـPrompts صح وتنفّذ مشروع كامل، من غير ما تبقى ناسخ كود ومش فاهم.

04

خلصت كورسات ولسه مش عارف تبدأ شغل

Module كامل لأول وظيفة وأول شغلة Freelance، وإزاي تقدّم نفسك بمشاريع مش بأسماء تقنيات.

05

بتكتب Components ومش عارف تنظّم مشروع

React Architecture وTypeScript هيخلّوك تفكّر كمهندس واجهات: تنظيم، أنواع، وقابلية توسّع.

06

بتذاكر كتير وبتنسى أو بتسيب النص

Module «تعلم كيف تتعلم» هيعلّمك إزاي تثبّت المعلومة، تتمرّن، وتكمّل المسار لنهايته.

خريطة المسار

9 Modules يمشوا مع بعض… مش كورسات متفرقة

كل مرحلة بتبني على اللي قبلها: أساس، ثم React، ثم مشاريع، ثم Architecture، ثم تنفيذ بطريقة 2026، ثم سوق العمل.

01
الأساس الذهني

تعلم كيف تتعلم

نظام مذاكرة وطريقة تمرين تخلّيك تتعلم أسرع من غير تشتت.

02
أساسيات الويب

HTML · CSS · JS · TS · React Fundamentals

المتصفح والتنسيق والمنطق والأنواع، ثم Components وProps وState.

03
أول مشروع

TODO Project

إضافة، تعديل، حذف، وتنظيم الـState… أول Feature كاملة بإيدك.

04
المستوى التالي

React Advanced

Hooks وForms وData Fetching وأداء، في سيناريوهات أقرب للشغل.

05
مشروع متوسط

Products Explorer

عرض وبحث وفلترة بيانات في واجهة حقيقية تضيف وزن للـPortfolio.

06
مستوى الشركات

React Architecture & TypeScript

تنظيم المشروع وفصل المسؤوليات وكود تقدر تطوّره مع فريق.

07
المشروع النهائي

Ecommerce بـ Vibe Coding

متجر كامل بـPrompt Engineering، وأنت فاهم كل قرار في الكود.

08
سوق العمل

أول وظيفة وأول Freelance

إزاي تقدّم، تبني عرضك، وتتكلم عن مشاريعك بثقة.

09
تجهيز المقابلة

100 سؤال Interview

أشهر أسئلة Frontend وReact عشان تدخل وأنت فاهم… مش حافظ.

تطبيق عملي

مشاريع تخليك تفكّر كـFrontend Developer

كل مشروع بيطلّعك مستوى: من أول Feature، لواجهة بيانات، لمتجر كامل.

01
React Fundamentals

TODO App

تطبيق عملي على الـState والتفاعل مع المستخدم. هتخلّص تدفق كامل، مش زرار في مثال معزول.

02
React Advanced

Products Explorer

واجهة استكشاف منتجات: عرض، بحث، فلترة، وتجربة استخدام ببيانات حقيقية.

03
Vibe Coding + Prompt Engineering

Ecommerce كامل

متجر إلكتروني من الفكرة للتنفيذ: تخطيط، Prompts، مراجعة كود، وتسليم منتج.

04
طوال المسار

كود قابل للتطوير

TypeScript وArchitecture وتنظيم الملفات وتفكير المنتج، مش إن الشكل «يظهر» وبس.

الكورس ده مناسب ليك لو…

لو اتنين من دول بيوصفوك، أنت في المكان الصح.

✓
عايز مسار واحد واضح

بدل ما تجمع كورسات متفرقة ومش عارف ترتيبها.

✓
مستعد تطبّق مش تتفرّج بس

المشاريع هي قلب الكورس، والتطبيق هو اللي بيعمل الفرق.

✓
هدفك وظيفة أو دخل من الـFreelance

الكورس مبني على اللي سوق العمل بيطلبه فعلًا.

✓
عايز تستخدم الـAI بذكاء

تنفّذ أسرع وأنت فاهم، مش تنسخ وخلاص.

✓
تقدر تلتزم بوقت ثابت أسبوعيًا

حتى لو ساعة يوميًا، الاستمرارية أهم من الكمية.

ومش مناسب ليك لو…

بنقولها بصراحة عشان تاخد القرار الصح.

✕
مستني نتيجة من غير مجهود

الكورس بيديك الطريق، لكن المشي فيه عليك.

✕
عايز تبقى Senior في أسبوعين

إحنا بنبني أساس حقيقي، مش وعود سريعة.

✕
بتدوّر على Backend أو Mobile

الكورس مركّز على Frontend وReact بالكامل.

✕
مش ناوي تطبّق المشاريع

من غير تطبيق، أي كورس هيتحوّل لمشاهدة وبس.

بدل ما تجمع كورسات 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

تحويل يدوي على نفس الرقم من أي بنك.

✓ الدفع اليدوي — Vodafone Cash / InstaPay
حوّل قيمة العرض على الرقم ده:
رقم التحويل 01098387705
بعد التحويل، ابعت Screenshot لعملية الدفع على واتساب لتفعيل اشتراكك.
1حوّل قيمة العرض على الرقم.
2خد Screenshot لعملية التحويل.
3ابعت الصورة مع اسمك وإيميلك على واتساب.
4هيتم تفعيل حسابك بعد مراجعة التحويل.
ابعت صورة التحويل على واتساب
أسئلة شائعة

أسئلة مهمة قبل ما تبدأ

عن المستوى والبداية
هل الكورس مناسب للمبتدئ تمامًا؟

أيوه. بنبدأ من مقدمة الويب: HTML وCSS وJavaScript وTypeScript، وبعدها React Fundamentals خطوة بخطوة. مش مطلوب منك أي خبرة سابقة.

أنا مش خريج حاسبات، ينفع أتعلم Frontend؟

أيوه. الـFrontend من أكتر المجالات اللي بيدخلها ناس من خلفيات مختلفة. المهم إنك تفهم الأساس وتطبّق مشاريع، وده بالظبط اللي المسار مبني عليه.

أنا اتعلمت شوية من اليوتيوب، هل هحس إن الكورس مكرر؟

الأساسيات هتكون مراجعة سريعة ليك، لكن القيمة الحقيقية في المشاريع وReact Advanced والـArchitecture والـVibe Coding وتجهيز سوق العمل — وده الجزء اللي غالبًا ناقصك.

هل لازم أكون قوي في JavaScript من البداية؟

لا. JavaScript وTypeScript مشروحين ضمن المسار من الصفر، وبعد بناء الأساس بننتقل إلى React وتطبيقاته العملية.

عن الوقت والمحتوى
أنا شغّال ووقتي محدود، أقدر أكمّل الكورس؟

أيوه. الكورس مسجّل وتقدر تمشي فيه بالسرعة اللي تناسبك. ننصحك بساعة لساعتين يوميًا بشكل ثابت، وModule «تعلم كيف تتعلم» هيساعدك تنظّم وقتك.

هل المشاريع مجرد نسخ للكود؟

لا. الهدف إنك تفهم الفكرة وتطبّقها داخل مشروع أكبر: TODO ثم Products Explorer ثم Ecommerce، وكل مشروع بيعلّمك تربط أجزاء الواجهة ببعض.

إيه قصة Vibe Coding وPrompt Engineering؟

المحترفين بقوا ينفّذوا المشاريع أسرع باستخدام الـAI. في المشروع النهائي هتتعلم تكتب Prompts صح وتستخدم الـAI وأنت فاهم، وتنفّذ Ecommerce كامل كمنتج حقيقي.

محتاج لابتوب بمواصفات عالية؟

لا. أي لابتوب يشغّل متصفح حديث ومحرر أكواد زي VS Code كفاية جدًا لكل محتوى الكورس.

هل يوجد دعم أثناء الكورس لو احتجت مساعدة؟

أيوه. متاح لك دعم أثناء الكورس، وتقدر تسأل عن أي نقطة أو مشكلة تواجهك أثناء التطبيق، عشان ماتفضلش واقف لوحدك.

عن الشغل والنتيجة
هل الكورس يضمن لي وظيفة؟

لا يوجد كورس يقدر يضمن وظيفة. اللي بنعمله هو تجهيزك تقنيًا وعمليًا، وتعليمك خطوات التقديم لأول وظيفة وأول شغلة Freelance، مع 100 سؤال Interview.

هل هقدر أشتغل Freelance بعد الكورس؟

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

عن الدفع والاسترداد
إزاي أدفع؟

تقدر تدفع مباشرة من الموقع، أو عن طريق Vodafone Cash أو InstaPay على 01098387705، وبعد التحويل تبعت Screenshot على واتساب من خلال الزر الموجود في قسم الدفع.

حوّلت يدويًا، إمتى حسابي يتفعّل؟

بعد ما تبعت صورة التحويل مع اسمك وإيميلك على واتساب، بيتم مراجعة التحويل وتفعيل اشتراكك وبيوصلك تأكيد بالتفعيل.

لو حوّلت والعرض خلص، هيحصل إيه؟

سعر العرض مرتبط بالمقاعد المتاحة وقت التحويل. لو حوّلت والمقاعد لسه متاحة، هتاخد العرض حتى لو اكتمل العدد بعدها.

هل يوجد ضمان لاسترداد المبلغ؟

أيوه. لو بدأت الكورس ووجدت خلال 24 ساعة إنه غير مناسب لك، تقدر تطلب استرداد المبلغ. هدفنا إنك تدخل وأنت مطمّن وواثق في قرارك.

ابدأ من الصفر… واوصل لمرحلة تبني Frontend بنفسك

أساسيات الويب من البداية، React بشكل عملي، مشاريع حقيقية، Ecommerce بـ Vibe Coding، وتجهيز لأول وظيفة وFreelance وInterview — في مسار واحد بدل التشتت بين عشرات الكورسات.

تواصل معنا على واتساب للتسجيل
Frontend React.js Course · Amin Amgad

محتوى الدورة

التقييمات

Amin Amgad

Full Stack Web Developer شغوف بالبرمجة، بشتغل على بناء تطبيقات ويب عملية وقوية، وبحب أشرح وأوصل المعلومة ببساطة ومن غير تعقيد.

65 $
70 $(7%)
اشتري الآن

5.0

100% تقييمات ايجابية

يمكنك الدفع من خلال
MastercardVisaApple PayGoogle Pay
مدعوم من Nzmly logo