React مع Bro Code: مكونات وواجهات قابلة للتفاعل

الشرح: Bro Code | تنظيم المصادر: بوصلة

تدرّب على تقسيم الواجهة إلى مكونات، وراقب تأثير البيانات والحالة على ما يظهر للمستخدم. الشرح من Bro Code، والدروس متاحة بالترتيب داخل الدورة.

  • 0 متعلّمين
  • 4 س 43 د
  • كل المستويات
  • elposla

عن هذه الدورة

React مع Bro Code: ماذا ستدرس؟

تدرّب على تقسيم الواجهة إلى مكونات، وراقب تأثير البيانات والحالة على ما يظهر للمستخدم.

الشرح الأصلي من Bro Code. تجمع بوصلة هذه الدروس لتسهيل الوصول والتعلّم، ولا تنسب شرح القناة إلى فريق الموقع.

نماذج من موضوعات الدروس

  • React tutorial for beginners ⚛️
  • How to render LISTS in React 📃
  • What are React updater functions? 🔄
  • React useEffect() hook introduction 🌟
  • Build this stopwatch with React! ⏱

قبل أن تبدأ

جهاز يسمح بتثبيت أدوات البرمجة. ابدأ بالأساسيات إن كان الموضوع جديدًا، وراجع متطلبات اللغة أو الإطار في أول الدروس.

كيف تستفيد من React مع Bro Code؟

خصّص جلسة للتطبيق بعد كل مجموعة. ابدأ بدرس «React tutorial for beginners ⚛️»، ثم سجّل ما فهمته وما تحتاج الرجوع إليه. عند الوصول إلى «What are React updater functions? 🔄»، جرّب تنفيذ المثال أو شرحه دون متابعة الفيديو لحظة بلحظة.

مهمة مقترحة لتثبيت التعلم

اختر فكرة من موضوع «Build this stopwatch with React! ⏱» واكتب ملخصًا تطبيقيًا لها أو نفّذ مثالًا مستقلًا. أضف النتيجة إلى مساحة تعلمك؛ واذكر في سيرتك ما نفذته فعلًا، دون اعتبار المشاهدة وحدها خبرة عملية.

المصدر وحدود الإتاحة

تحتوي هذه النسخة على 20 درسًا عامًا بحسب بيانات القائمة التي راجعناها في 17 أكتوبر 2026. قائمة Bro Code الأصلية على YouTube. احتُفظ بترتيب المصدر، وقد تتغير إتاحة الفيديوهات لاحقًا. مشاهدة الشرح مجانية؛ أما تراخيص البرامج والموارد السحابية والاختبارات الرسمية فقد تكون منفصلة. لا تشمل هذه الصفحة شهادة من الجهة الأصلية. لم تُشاهد جميع الفيديوهات بالكامل ضمن فحص البيانات.

محتوى الدورة

1 وحدة · 20 درس · 4 س 43 د

  1. دروس الدورة بالترتيب الأصلي 20 درسًا 4 س 43 د

    المصدر: Bro Code

    • React tutorial for beginners ⚛️ مقفل 20 د
    • React CARD components 🃏 مقفل 11 د
    • React js how to add CSS styles 🎨 مقفل 8 د
    • PROPS in React explained 📧 مقفل 12 د
    • How to CONDITIONAL RENDER in React ❓ مقفل 10 د
    • How to render LISTS in React 📃 مقفل 26 د
    • Learn React Click Events 👆 مقفل 12 د
    • React useState() hook introduction 🎣 مقفل 16 د
    • Learn the React onChange event handler 🚦 مقفل 14 د
    • Build this color picker app with React! 🖌 مقفل 10 د
    • What are React updater functions? 🔄 مقفل 7 د
    • React JS how to update OBJECTS in state 🚗 مقفل 9 د
    • React JS how to update ARRAYS in state 🍎 مقفل 9 د
    • React JS update ARRAY of OBJECTS in state 🚘 مقفل 12 د
    • Build this to-do-list app with React! ☝ مقفل 22 د
    • React useEffect() hook introduction 🌟 مقفل 19 د
    • Build this digital clock with React! 🕒 مقفل 16 د
    • React useContext() hook introduction 🧗‍♂️ مقفل 11 د
    • React useRef() hook introduction 🗳️ مقفل 11 د
    • Build this stopwatch with React! ⏱ مقفل 20 د

مدرّبك

elposla

تقييمات المتعلّمين

لا تقييمات بعد.