دورة عبر الإنترنت – تدريب احترافي معتمد في TechJS 18 وFirefox 9 من Packt Institute

دورة عملية لـ React 18 وFirebus وTailwind. تعلم كيفية إنشاء موقع ويب عقاري باستخدام React.js وFirefox وTailwind، أثناء تطوير موقع الويب الخاص بوكيل عقاري.

Suggested by: Coursera (What is Coursera?)

Professional Certificate

البدء

No prior knowledge required

Time to complete the course

7-day free trial

No unnecessary risks

Skills you will acquire in the course

  • رد فعل
  • JSX
  • الريح الخلفية CSS
  • Firebase
  • فيرتزل

What you will learn in the course

Courses for which the course is suitable

  • مطور البرمجيات
  • مطور الواجهة الأمامية
  • رد فعل المطور
  • مطور المكدس الكامل
  • مطور ويب
  • مطور تطبيقات الويب
  • مطور واجهة المستخدم/تجربة المستخدم
  • مطور Firebase
  • مطور أنظمة إدارة المحتوى
  • مطور التطبيقات الديناميكية

التدريب – سلسلة دورات من ثلاثة أجزاء

ترشدك هذه الدورة التدريبية عبر خطوات إنشاء Realtor Clone متقدم باستخدام ReactJS 18 وFirebase 9. بعد نظرة عامة، ستبدأ بتثبيت ReactJS وTailwind CSS، وإعداد قوالب المشروع، وإنشاء المكونات الأساسية. بحلول نهاية الوحدات الأولى، سيكون لديك أساس متين وبنية مشروع نشطة.

مصادقة المستخدم باستخدام مصادقة Firebase

بعد ذلك، سوف تستكشف موضوع مصادقة المستخدم باستخدام Firebase Auth الإصدار 9. وسيرشدك هذا الجزء في الإعداد:

  • صفحات تسجيل الدخول
  • تسجيل
  • استعادة كلمة المرور
  • تنفيذ OAuth
  • ضمان الوصول الآمن للمستخدمين

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

تحسين تجربة المستخدم وتخطيط التطبيق

تركز الوحدات النهائية على تحسين تجربة المستخدم وتخطيط التطبيق الخاص بك. الجمع بين الميزات مثل:

  • العناوين الديناميكية
  • منزلقات الصور
  • خرائط
  • عناصر الاتصال مع مستأجري الشقق

تُختتم الدورة بدليل شامل لنشر نسخة Realtor Clone المثالية في Vercel، بحيث يكون مشروعك مباشرًا ومتاحًا. تم بناء كل جزء من الدورة بهدف تطوير مهاراتك تدريجياً، بحيث تكون القيم المعقدة مريحة وعملية.

الجمهور المستهدف

تم تصميم هذه الدورة للمطورين ذوي المستوى المتوسط ​​والمتقدم الذين لديهم فهم أساسي لجافا سكريبت وReactJS. قد يكون الإلمام بمفاهيم Firebase وتطوير الويب مفيدًا، ولكنه ليس مطلوبًا.

مشروع التعلم العملي

سيقوم المتعلمون ببناء تطبيق Realtor كامل المواصفات باستخدام ReactJS وFirebase وTailwind CSS، واكتساب خبرة عملية في تقنيات تطوير الويب الحديثة. سوف يستخدمون هذه المهارات لإنشاء منصة ديناميكية يتم التحقق من صحتها من قبل المستخدم لقوائم العقارات، وحل مشاكل العالم الحقيقي مثل:

  • مصادقة المستخدم
  • إدارة البيانات
  • تصميم واجهة المستخدم

Details of the courses that make up the specialization

أساسيات ReactJS وTailwind CSS

الدورة 1 • 6 ساعات

تفاصيل الدورة
ماذا ستتعلم:
  • تثبيت وتكوين ReactJS وTailwind CSS
  • فهم أساسيات بناء وتصنيف صفحات الويب سريعة الاستجابة
  • تحليل عملية تطوير ودمج ميزات المصادقة باستخدام Firebase
  • تطوير تطبيق ويب يعمل بكامل طاقته، وتحسين تجربة المستخدم باستخدام المكونات الديناميكية.
المهارات التي سوف تكتسبها:
  • الفئة: إطارات CSS
  • فئة: مصادقة Firebase
  • التصنيف: تطوير المواقع
  • الفئة: Tailwind CSS
  • الفئة: React.js

إدارة ملف تعريف المستخدم والقوائم

الدورة 2 • 9 ساعات

تفاصيل الدورة
ماذا ستتعلم:
  • تحديد وشرح كيفية تنفيذ المسارات الخاصة وإضافة وظيفة الخروج لحماية الملف الشخصي.
  • عرض توضيحي لكيفية إضافة وإدارة الميزات والديناميكيات لتحرير ملف التعريف والمكونات.
  • تمييز وتقييم المكونات الثابتة والديناميكية مثل الرؤوس والمغازل.
  • تطوير وصيانة صفحات EditListing الشاملة وقسم “قوائمي” في ملفات تعريف المستخدمين.
المهارات التي سوف تكتسبها:
  • الفئة: واجهة المستخدم للقوائم
  • الفئة: إدارة ملف تعريف المستخدم
  • التصنيف: مكونات التفاعل
  • الفئة: الممرات الخاصة
  • التصنيف: إدارة القائمة

الميزات المتقدمة والتنفيذ

الدورة 3 • 6 ساعات

تفاصيل الدورة
ماذا ستتعلم:
  • حدد المكونات الرئيسية واشرح كيفية إنشاء شريط تمرير للصور Swiper وإضافة نسخة لوظيفة المشاركة.
  • تنفيذ مكون الاتصال مع المؤجر وتطوير صفحة رئيسية ديناميكية باستخدام خرائط المنشورات.
  • تحليل تكامل الخريطة وتقييم كيفية زيادة الصفحة الرئيسية لتفاعل المستخدم.
  • تطوير تطبيق ويب كامل الوظائف ونقله إلى Vercel.
المهارات التي سوف تكتسبها:
  • الفئة: سوايبر
  • الفئة: تطوير التفاعل المتقدم
  • الفئة: النشرة (البرمجيات)
  • الفئة: فيرسيل
  • الفئة: خرائط نشرة التفاعل