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 أكتر

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

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

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

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

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

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

هتتعلم Vibe Coding وPrompt Engineering: إزاي توجّه الـAI وتنفّذ مشروع Ecommerce كامل، من غير ما تبقى ناسخ كود ومش فاهم اللي بيحصل.

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

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

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

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

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

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

خريطة المسار

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

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

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

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

قبل ما تغرق في الكود: نظام مذاكرة، طريقة تمرين، وإزاي تتعلم بسرعة من غير تشتت ومن غير ما تسيب الكورس في النص.

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

HTML · CSS · JavaScript · TypeScript · React Fundamentals

مقدمة عملية للمتصفح والصفحات والتنسيق والمنطق والأنواع، ثم تفكير React: Components وProps وState وبناء واجهة من الصفر.

أول مشروع

TODO Project

أول تطبيق حقيقي: إضافة، تعديل، حذف، وتنظيم الـState. هنا بتتحوّل من «فاهم الشرح» إلى «قادر تخلّص Feature».

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

React Advanced

أنماط أعمق في React: Hooks، Forms، Data Fetching، أداء، وتعامل مع سيناريوهات أقرب للشغل الحقيقي.

مشروع متوسط

Products Explorer

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

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

React Architecture & TypeScript

تنظيم المشروع، فصل المسؤوليات، الأنواع، وكود تقدر تبني عليه وتطوره… مش ملف واحد مليان كل حاجة.

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

Ecommerce كامل بـ Vibe Coding وPrompt Engineering

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

سوق العمل

Module الوظائف: أول وظيفة وأول شغلة Freelance

إزاي تقدّم، إزاي تبني عرضك، إزاي تتكلم عن مشاريعك، وإزاي تتحرك ناحية الوظيفة أو العمل الحر بدل ما تخلّص وتقف.

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

100 سؤال Interview

أسئلة شائعة في مقابلات Frontend وReact، عشان تدخل الـ Interview وأنت فاهم بتقول إيه… مش محفظ جمل.

تطبيق عملي

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

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

React Fundamentals

TODO App

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

React Advanced

Products Explorer

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

Vibe Coding + Prompt Engineering

Ecommerce كامل

المشروع النهائي: متجر إلكتروني من الفكرة للتنفيذ، بالطريقة الحديثة لبناء المشاريع. هتتعلم تخطط، تكتب Prompts، تراجع الكود، وتسلّم منتج.

طوال المسار

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

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

إيه اللي هتتعلمه؟

المسار بيبني عندك أساس قوي ثم ينقلك إلى التطبيق ثم إلى سوق العمل.

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

نظام يخلّيك تستوعب أسرع وتكمّل لنهاية المسار.

HTML وCSS وJavaScript وTypeScript

أساسيات الويب من الصفر قبل الدخول العميق في React.

React Fundamentals + TODO

مكونات، حالة، تفاعل، وأول مشروع تقدر تشرحه.

React Advanced + Products Explorer

مستوى أعلى في React داخل واجهة بيانات حقيقية.

React Architecture وTypeScript

تنظيم المشروع وكود أوضح وأسهل في الصيانة والتوسع.

Vibe Coding وPrompt Engineering

تنفيذ Ecommerce كامل بطريقة المحترفين في العصر الحالي.

الوظائف + 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 — في مسار واحد بدل التشتت بين عشرات الكورسات.

◉ تواصل معنا على واتساب

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

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

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

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

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

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

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

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

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

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

HTML · CSS · JavaScript · TypeScript · React Fundamentals

TODO Project

React Advanced

Products Explorer

React Architecture & TypeScript

Ecommerce كامل بـ Vibe Coding وPrompt Engineering

Module الوظائف: أول وظيفة وأول شغلة Freelance

100 سؤال Interview

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

TODO App

Products Explorer

Ecommerce كامل

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

إيه اللي هتتعلمه؟

وبعد ما تتعلم؟

النتيجة اللي بنستهدفها

تفهم قبل ما تنفّذ

تبني واجهات حقيقية

تستخدم الـAI بذكاء

تفكّر كمطوّر Frontend

تعرف تتعلم لوحدك بعد الكورس

تتحرّك ناحية أول فرصة

بدل ما تجمع كورسات HTML وCSS وReact متفرقة، خليك ماشي في مسار واحد واضح

ضمان استرداد المبلغ خلال 24 ساعة

طرق الدفع المتاحة

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

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

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

بيانات التواصل