Monthly Subscription Starting at AED 99 + VAT

أساسيات React

عن

React هي مكتبة JavaScript قوية يمكنك استخدامها لإنشاء واجهات مستخدم لتطبيقات الويب والهاتف المحمول (التطبيقات). خلال هذه الدورة التدريبية، ستستكشف المفاهيم الأساسية التي ترتكز عليها مكتبة React وتتعلم المهارات الأساسية المطلوبة لإنشاء تطبيق بسيط وسريع وقابل للتطوير. وبنهاية هذه الدورة التدريبية، ستكون قادرًا على: • استخدام المكونات المتوفرة لعرض طرق العرض حيث تتغير البيانات بمرور الوقت • نشاء مواقع ويب وتطبيقات أكثر قابلية للتطوير والصيانة • استخدام الخصائص (props) لتمرير البيانات بين المكونات • إنشاء تطبيقات وصفحات ويب تفاعلية وديناميكية • استخدام النماذج للسماح للمستخدمين بالتفاعل مع صفحة الويب • إنشاء تطبيق في React وستكتسب خبرة من خلال الأدوات والبرامج التالية: • React.js • JSX • React • HTML, CSS and JavaScript • VSCode ستكون قادرًا على الاستفادة من الإمكانات التي توفرها هذه الدورة التدريبية وتطوير مهارات جديدة وتحسين مستوى الإنتاجية والتصرف بشكل فعال مع البيانات والارتقاء بمهاراتك المهنية. ُعد هذه دورة تدريبية للمتعلمين المبتدئين الذين يرغبون في إعداد أنفسهم للعمل في مجال تطوير تطبيقات الأجهزة المحمولة. لتحقيق النجاح في هذه الدورة التدريبية، لست بحاجة إلى خبرة سابقة في مجال التطوير، بل تكفيك المهارات الأساسية للتنقل عبر الإنترنت والحرص على البدء بتعلم ترميز البيانات.

الوحدات

مقدمة الدورة التدريبية

    • 2 Videos
    • 7 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • ما المأمول تعلّمه؟

2 Videos

  • مقدمة حول الدورة التدريبية: أساسيات React
  • كيف يتم استخدام React في الواقع؟

7 Readings

  • منهج الدورة التدريبية حول أساسيات React
  • كيفية النجاح في هذه الدورة التدريبية
  • قبل التعرف على React
  • وحدات JavaScript، وعمليات الاستيراد والتصدير
  • استخدام المختبرات في هذه الدورة التدريبية
  • موضوعات إضافية
  • إعداد مشروع React في VS Code (اختياري)

مكونات React والمواضع التي تعمل بها

    • 6 Videos
    • 5 Readings
    • 2 Lab
    • 3 Assignment
Show info about module content

3 Assignment

  • المراجعة الذاتية: المكون الأول
  • المراجعة الذاتية: إنشاء المكونات واستيرادها
  • التحقق من المعرفة: مكونات React والمواضع التي تعمل بها

2 Labs

  • المكون الأول
  • إنشاء المكونات واستيرادها

6 Videos

  • لماذا تستخدم React؟
  • نظرة عامة حول React.js
  • مقدمة حول المكونات الوظيفية
  • إنشاء مكونات React
  • بنية مشروع React
  • استيراد المكونات

5 Readings

  • تحويل رمز JSX برمجيًا
  • الحل: المكون الأول
  • تخصيص المشروع
  • الحل: إنشاء المكونات واستيرادها
  • مصادر إضافية حول مكونات React والمواضع التي تعمل بها

استخدام المكون وإنشاء التصميم

    • 7 Videos
    • 9 Readings
    • 2 Lab
    • 3 Assignment
Show info about module content

3 Assignment

  • المراجعة الذاتية: إرسال props
  • المراجعة الذاتية: المكونات المتعددة
  • اختبار على الوحدة

2 Labs

  • إرسال props
  • المكونات المتعددة

7 Videos

  • مبادئ المكونات: Props (الخصائص)
  • استخدام props في المكونات
  • مقدمة حول JSX
  • التصميم العملي
  • تعبيرات JSX المتضمنة
  • التضمين داخل السمات
  • ملخص الوحدة

9 Readings

  • إعلان المكونات واستخدامها: الدوال أو فئات
  • الحل: إرسال props
  • Props (الخصائص) والمكونات الفرعية
  • تصميم عناصر JSX
  • بنية JSX والدالة السهمية
  • المعاملات الثلاثية والوظائف في JSX
  • التعبيرات باعتبارها props (خصائص)
  • الحل: المكونات المتعددة
  • الموارد الإضافية

الأحداث الديناميكية وكيفية معالجتها

    • 4 Videos
    • 4 Readings
    • 1 Lab
    • 3 Assignment
Show info about module content

3 Assignment

  • التحقق من المعرفة: الأحداث والأخطاء
  • المراجعة الذاتية: الأحداث الديناميكية
  • التحقق من المعرفة: الأحداث الديناميكية وكيفية معالجتها

1 Labs

  • الأحداث الديناميكية

4 Videos

  • أنواع الأحداث
  • معالجة الأحداث العامة
  • البنية بالنسبة للمؤشرات
  • أحداث المستخدم

4 Readings

  • مشكلات الأحداث
  • معالجة الأحداث والتعبيرات المضمنة
  • الحل: الأحداث الديناميكية
  • الموارد الإضافية

البيانات والأحداث

    • 9 Videos
    • 5 Readings
    • 1 Lab
    • 6 Assignment
Show info about module content

6 Assignment

  • التحقق من المعرفة: تدفق البيانات
  • التحقق من المعرف: توضيح المفهوم
  • التحقق من المعرفة: حالة التمرير
  • المراجعة الذاتية: إدارة الحالة في React
  • التحقق من المعرفة: تحديد الحالة مقابل غياب الحالة
  • اختبار الوحدة: البيانات والحالة

1 Labs

  • إدارة الحالة في React

9 Videos

  • تدفق البيانات من مكون رئيسي إلى مكون فرعي
  • المكونات الفرعية والبيانات
  • ما هي دوال hooks؟
  • ما المقصود بالحالة؟
  • مراقبة الحالة
  • إدارة الحالة
  • إدارة الحالة في React
  • تحديد الحالة مقابل غياب الحالة
  • ملخص الوحدة

5 Readings

  • تدفق البيانات في React
  • استخدام دوال hooks
  • تضمين الخصائص
  • الحل: إدارة الحالة في React
  • الموارد الإضافية

الربط والتوجيه

    • 4 Videos
    • 5 Readings
    • 1 Lab
    • 3 Assignment
Show info about module content

3 Assignment

  • المراجعة الذاتية: إنشاء مسار
  • التحقق من المعرفة: التنقل
  • التحقق من المعرفة: التحديثات المشروطة

1 Labs

  • إنشاء مسار

4 Videos

  • أنواع التنقل الأساسية
  • شريط التنقل
  • العرض المشروط
  • التحديثات الشرطية لطريقة العرض الفردية

5 Readings

  • التنقل
  • الحل: إنشاء مسار
  • تطبيق العرض المشروط
  • المكونات الشرطية
  • الموارد الإضافية

استخدام الأصول في React

    • 5 Videos
    • 5 Readings
    • 1 Discussion
    • 2 Lab
    • 3 Assignment
Show info about module content

3 Assignment

  • المراجعة الذاتية: عرض الصور
  • المراجعة الذاتية: تحديد الأغنية
  • اختبار الوحدة: التنقل والتحديث والأصول في React.js

1 Discussions

  • ما التحديات التي واجهتها عند إنشاء ميزة تحديد الأغنية لديك؟

2 Labs

  • عرض الصور
  • تحديد الأغنية

5 Videos

  • ما المقصود بالأصل وما مواضع عمله؟
  • استخدام الأصول المضمنة
  • الصوت والفيديو
  • إنشاء مكون صوت / فيديو
  • ملخص الوحدة: التنقل والتحديث والأصول في React.js

5 Readings

  • تجميع الأصول
  • الحل: عرض الصور
  • حزم الوسائط
  • الحل: تحديد الأغنية
  • الموارد الإضافية

التقييم المقيّم بالدرجات: تطبيق الآلة الحاسبة

    • 2 Videos
    • 2 Readings
    • 1 Discussion
    • 1 PeerReview
    • 1 Lab
Show info about module content

1 Peer Review

  • مراجعة الأقران: إنشاء تطبيق آلة حاسبة

1 Discussions

  • شارك التحديات التي واجهتها عند إنشاء تطبيق الآلة الحاسبة

1 Labs

  • إنشاء تطبيق آلة حاسبة

2 Videos

  • ملخص الدورة التدريبية: أساسيات React
  • مثال: إنشاء تطبيق آلة حاسبة

2 Readings

  • نبذة عن التقييم المقيّم بالدرجات
  • الحل: إنشاء تطبيق آلة حاسبة

استعراض ختامي للدورة التدريبية

    • 1 Videos
    • 1 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • ما الذي وجدته أكثر إثارة للاهتمام في هذه الدورة التدريبية؟

1 Videos

  • تهانينا، لقد أكملت أساسيات React!

1 Readings

  • الخطوات التالية

Auto Summary

Discover the essentials of React, a powerful JavaScript library for building user interfaces in web and mobile applications. This beginner-friendly course, taught by Coursera, offers foundational knowledge in React.js, JSX, HTML, CSS, and JavaScript. Through hands-on learning with tools like VSCode, you'll master creating scalable, interactive, and dynamic web applications. Ideal for those new to app development, this course requires no prior experience, just a willingness to learn. Flexible subscription options include Starter and Professional plans. Enhance your skills and productivity today!

Taught by Meta Staff
Instructor

Taught by Meta Staff