مشاريع React
مرحبًا بك في "مشروع ريأكت: تصميم وتطوير مواقع الويب الحديثة"! هل تسعى لتعلم كيفية بناء مواقع وتطبيقات الويب الديناميكية باستخدام تقنيات حديثة وإطار عمل يتمتع بشعبية كبيرة في عالم تطوير الويب؟ إذا كانت إجابتك نعم، فأنت في…
دورة تتضمن
- 6 أقسام
- 66 المواضيع
- 4 الإختبارات
- شهادة دورة
- 6أقسام
- 66درسًا
- 4اختبارًا
- شهادةإتمام
المحاضرأحمد علي
مرحبًا بك في "مشروع ريأكت: تصميم وتطوير مواقع الويب الحديثة"!
هل تسعى لتعلم كيفية بناء مواقع وتطبيقات الويب الديناميكية باستخدام تقنيات حديثة وإطار عمل يتمتع بشعبية كبيرة في عالم تطوير الويب؟ إذا كانت إجابتك نعم، فأنت في المكان الصحيح!
في هذا الكورس، ستغوص معنا في عالم تطوير الويب باستخدام ReactJS، الإطار الذي يُعد رائدًا في بناء واجهات المستخدم الحديثة وتحسين تجربة المستخدم. سنأخذك في رحلة مثيرة من خلال مشروع عملي حيث ستتعلم كيفية بناء موقع ويب متطور من الصفر باستخدام أحدث تقنيات React.
ما يميز هذا الكورس هو أسلوبه العملي والتطبيقي، حيث سنقوم ببناء مشروعنا الخاص خطوة بخطوة، مما يمنحك الفرصة لتطبيق المفاهيم التي تتعلمها فورًا ورؤية النتائج على الفور. سنتناول جميع الجوانب الأساسية لتطوير تطبيق React بما في ذلك إدارة الحالة، التفاعل مع الـ API، تنظيم الشيفرة، والكثير غير ذلك.
مع المحاضرين الخبراء الذين يمتلكون خبرة عميقة في مجال تطوير React، سنقدم لك أدوات النجاح والمعرفة التي تحتاجها لتصبح مطور ويب محترف.
استعد لاكتساب المهارات التي ستفتح لك أفقًا جديدًا في عالم تطوير الويب وتمكنك من بناء مشاريع رائعة. انطلق معنا اليوم وابدأ رحلتك نحو الاحترافية في تطوير React!
لنتحدى سويًا الروتين ونبني مستقبل واعد في عالم البرمجة وتطوير الويب. انضم إلينا الآن واستعد للانغماس في عالم React بطريقة لا تُنسى.
محتوى الدورة
- 1المقدمة
- 2مواد الدورة
- 3المشروع الأول: Around the World23 درسًا · 1 اختبار
- نظرة عامة على المشروع
- خطة المشروع
- تهيئة المشروع
- خط مخصص
- إضافات VS Code
- التقسيم إلى مكونات
- مكون تبديل السمة ThemeSwitcher
- مكون الترويسة Header
- استخدام Prettier مع Tailwind CSS
- مكونا حقل البحث وقائمة المناطق
- مكونا بطاقة الدولة وقائمة الدول
- جلب بيانات حقيقية من API
- التعامل مع الحالات الحدّية لجلب البيانات
- تصفية البيانات حسب المنطقة
- التصفية حسب نص البحث
- تطبيق React Router
- صفحة الدولة والروابط
- إنشاء خطّاف لجلب البيانات
- إعادة هيكلة الخطّاف useFetchData
- استخدام البيانات الديناميكية في صفحة الدولة
- تخزين البيانات مؤقتًا باستخدام localStorage
- نشر موقعك على vercel.com
- إصلاح مشكلة 404 على Vercel
- اختبار المشروع الأول: Around the World
- 4المشروع الثاني: صفحة أخبار14 درسًا · 1 اختبار
- وصف المشروع
- تجهيز المشروع
- مكونات صفحة الأخبار
- استخدام الواجهة البرمجية الإخبارية
- إضافة خاصية البحث – الجزء الأول
- إضافة خاصية البحث – الجزء الثاني: تحسين الكفاءة
- إضافة خاصية البحث – الجزء الثالث: حالات التحميل وعدم وجود نتائج
- تأجيل تنفيذ العمليات باستخدام debounce
- التصفح – الجزء الأول
- التصفح – الجزء الثاني: تفعيل أزرار التصفح وتعطيلها
- معالجة الأخطاء
- تحسين شكل حالة التحميل
- إضافة فلتر نوع الأخبار
- إضافة رابط لتفاصيل الخبر
- اختبار المشروع الثاني: صفحة أخبار
- 5المشروع الثالث: لوحة Kanban29 درسًا · 1 اختبار
- نظرة عامة على المشروع
- خطة المشروع
- تهيئة المشروع
- مكتبة المكونات: Button
- مكتبة المكونات: TextField
- مكتبة المكونات: Dropdown
- مكتبة المكونات: Dialog والأسماء المستعارة (Aliases)
- التخطيط: Header
- التخطيط: SideMenu – الجزء 1
- التخطيط: SideMenu – الجزء 2
- التخطيط: Workspace
- عرض المشروع ببيانات حقيقية
- JSDoc: إضافة الأنواع إلى مكوناتك
- المنطق: إضافة لوحة جديدة – الجزء 1
- المنطق: إضافة لوحة جديدة – الجزء 2
- المنطق: إضافة لوحة جديدة – الجزء 3
- المنطق: إضافة لوحة جديدة – الجزء 4
- المنطق: حذف لوحة
- المنطق: تخزين البيانات مؤقتًا في localStorage
- المنطق: تعديل لوحة
- المنطق: إضافة مهمة جديدة
- المنطق: حذف مهمة
- المنطق: إضافة عمود جديد
- المنطق: استخدام مكتبة immer
- المنطق: حذف عمود
- المنطق: تعديل مهمة
- المنطق: السحب والإفلات – الجزء 1
- المنطق: السحب والإفلات – الجزء 2
- المنطق: السحب والإفلات – الجزء 3
- اختبار المشروع الثالث: لوحة Kanban
- 6الخاتمة
- الاختبار النهائي
- الاختبار النهائي: مشاريع React
عن المعلم
التقييمات والمراجعات
abdelrahman yasser
الحملله التطبيق كان كويس واتعلمنا أشياء كثيرة بفضل الله
MOHAMMED
بنصح بيه كل لي عايز يطور في الرياكت ويعمل شغل عالى جدا و advanced جدا ويتعلم مكتبات تساعده في الشغل بعد كده ❤❤❤
2 طلاب وجدوا هذا التقييم مفيد.
Ali Fadel
ما شاء الله مشاريع جميلة جدا ينفع نحطها فى البورتفليو وشرح مميز جدا كان نفسنا فى مسك الختام بمشروع متجر اليكترونى أو منصة تواصل اجتماعى ان شاء الله فى المستقبل يتم تسجيلهم مع شرح الريدكس
2 طلاب وجدوا هذا التقييم مفيد.
Abdelrahman Fathi
ما شاء الله عن نفسي أكبر إستفادة من هذه الدورة هي كيفية تعامل المهندسين مع المشروع من البداية وكيفية تقسيم المشروع و دا بيحل مشاكل كتير كانت بتظهر بعد البدء في المشروع لو مكنتش مخطط هتعمل اي بالظبط مثلا: م/ أبو سريع كان بيقسم تقسيمه بسيطه في البداية فرقت معي بشكل كبير 1-نبدأ ب Styleing 2-ثم Logic
طالب وجد هذا التقييم مفيد
Reema Waleed
انا درست دورة مشاريع الرياكت بمنحة لطلاب قطاع غزة بسبب الحرب والحمدلله اليوم انا بفضل الله ثم منصة المدرسة اصبحت متمكنة وقادرة على تطوير نفسي ومهاراتي مشكورين جدا منصة المدرسة ومشكور المهندس احمد وجعله الله في ميزان حسناتكم .
طالب وجد هذا التقييم مفيد
Ahmed Soliman
شغل عالي ومميز جدا
Abdallah Abdelhameed
جزاكم الله خيرا
مازن سلطان عبدالجليل عبدالنور
لاحظت ان فيها تطبيق وتوظيف لاغلب مواضيع الدورات السابقة في رياكات ان لم تكن كلها
طالب وجد هذا التقييم مفيد
Mahmoud
دورة قيمة جدا وهتطبق على مشروعين مهمين
طالب وجد هذا التقييم مفيد
تقرير
عضو الحظر؟
من فضلك أكد أنك تريد منع هذا العضو.
لن تتمكن بعد هذه الخطوة من:
- ذكر هذا العضو في منشورات
- قم بدعوة هذا العضو إلى المجموعات
- مراسلة هذا العضو
يرجى الانتظار بضع دقائق حتى تكتمل هذه العملية.
الدورة كانت واضحة ومليئة بالتطبيقات العملية التي ساعدتني أفهم React بشكل أعمق. المشاريع كانت ممتعة، وقدرت من خلالها أطبق كل مفهوم مباشرة وأشوف النتيجة فورًا.