KnowledgeCity

React.js للمبتدئين

تم تصميم دورة React.js هذه لتقديم مكتبة React JavaScript لإنشاء واجهات المستخدم.

تم تصميم دورة React.js هذه لتقديم مكتبة React JavaScript لإنشاء واجهات المستخدم. هذه الدورة مناسبة للمبتدئين مع خبرة قليلة أو معدومة في React.

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

بالإضافة إلى المفاهيم الأساسية لـ React ستتعلم أيضًا أفضل الممارسات لتنظيم وتنظيم تطبيقات React الخاصة بك، وكذلك كيفية استخدام أدوات React الشهيرة. ستستكشف أيضًا الاختلافات الرئيسية بين React وJavaScript العادي، بما في ذلك فوائد استخدام النهج القائم على المكونات لبناء واجهات المستخدم.

بحلول نهاية هذه الدورة، سيكون لديك فهم قوي ل React وتكون قادرًا على بناء تطبيقات React الأساسية من نقطة الصفر. سواء كنت تتطلع إلى بدء مهنة في تطوير الويب أو ترغب ببساطة في إضافة React إلى مجموعة المهارات الخاصة بك، فإن هذه الدورة هي نقطة انطلاق رائعة.

أهداف الدورة التدريبية:

  • فهم ما هي مكونات React
  • فهم متى يجب استخدام React
  • فهم كيفية استخدام ES6+
  • فهم مكونات فئة React
  • فهم خاصيات المكون

المدرّب: Tony Davydets

المدّة: 1h 38m · 23 دروس
المستوى: Beginner
اللغة: العربية

المهارات التي ستكتسبها

Create React Appمكتبات جافا سكريبتNode.js (مكتبة جافا سكريبت)رد فعل JsxReact VRReact.js (مكتبة جافا سكريبت)

ما ستتعلمه

  • إعداد بيئة تطوير React باستخدام أداة Create React App
  • إنشاء مكونات React وإدارة خصائص وحالة المكونات
  • استخدام دوال ES6+ ولغة JSX لعرض المكونات
  • تطبيق خطافات React بما في ذلك useEffect وuseState وuseCallback وuseMemo
  • تنفيذ مكونات متعددة مع التوجيه والتنقل
  • تمرير البيانات باستخدام خطافات مخصصة مع Context API

النقاط الرئيسية

  • تعد React مكتبة JavaScript لبناء واجهات المستخدم باستخدام نهج قائم على المكونات.
  • تغطي الدورة كلاً من المكونات الفئوية مع دالات دورة الحياة والمكونات الوظيفية مع الخطافات.
  • يستكشف المتعلمون الاختلافات الرئيسية بين React ولغة JavaScript العادية، بما في ذلك مقارنة JSX بلغة HTML العادية.
  • تعلم الدورة أفضل الممارسات لتنظيم وبناء تطبيقات React وهيكل المجلدات.
  • في النهاية، يستطيع المتعلمون بناء تطبيقات React أساسية من الصفر.

الأسئلة الشائعة

من الفئة المستهدفة بهذه الدورة التدريبية؟

هي مناسبة للمبتدئين الذين لديهم خبرة سابقة قليلة أو معدومة في React ويريدون بدء مسيرة مهنية في تطوير الويب أو إضافة React إلى مجموعة مهاراتهم.

ما الذي سأتمكن من القيام به بعد إكمال هذه الدورة التدريبية؟

سيكون لديك فهم قوي لـ React وستتمكن من بناء تطبيقات React أساسية من الصفر.

ما الموضوعات التي تغطيها هذه الدورة التدريبية؟

تغطي اساسيات React بما في ذلك إعداد بيئة التطوير، وإنشاء المكونات، وإدارة الحالة، والتعامل مع أحداث المستخدم، والعمل مع محرك عرض React، والخطافات، والتوجيه والتنقل، و Context API.

هل أحتاج إلى خبرة سابقة في React؟

لا. تم تصميم الدورة للمبتدئين الذين لديهم خبرة سابقة قليلة أو معدومة في React، وتقدم مكتبة React من البداية.

ما الفرق بين React ولغة JavaScript العادية التي تغطيها الدورة؟

تستكشف الدورة سبب استخدام React بدلاً من JavaScript، وفوائد النهج القائم على المكونات لبناء واجهات المستخدم، ومقارنة JSX بلغة HTML العادية.

النص

النص

أهلا ومرحبًا بك في دورة نوليدج سيتي عن React. اسمي توني. أنا مطور محترف ولدي أكثر من 25 عامًا من الخبرة في تطوير التطبيقات والبنية سأكون معلمك. ستتعرف في هذه الدورة على React JS وسبب وجودها. سنتناول أيضًا مكونات الفئة Class ومكونات الدالة وتدفق البيانات. سنلقي نظرة ونتعرف على أوامر واجهة سطر الأوامر، والمعروفة أيضًا بأوامر CLI. بحلول نهاية هذه الدورة التدريبية، ستكون قادرًا على فهم سبب استخدام React بدلاً من JavaScript العادي، وكيفية استخدام HTML و JSX عند إنشاء مكون React، وفهم كيفية استخدام React context API واستخدام Hooks المخصصة لتمرير البيانات وداخل تطبيق React Web. هيا بنا نبدأ.

التعلّم أثناء التنقّل

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