ماذا ستتعلم
تحدد جميع مميزات Next.js حيث ستتعلم كيفية جلب البيانات من الخادم باستخدام مفهومات Server-Side Data Fetching وNext.js وكيفية تفعيل واستخدام وتحسين SSR.
تنشأ تطبيقات واجهة مستخدم مبنية على العميل باستخدام React.js وتطبيقات ReactJS الكاملة باستخدام NextJS.
تتعامل مع قاعدة البيانات مثل MongoDB وإنشاء مخططات ونماذج للبيانات والاستعلام عنها وتحديثها.
هذه الدورة تتضمن
- 4 ساعة 15 دقيقة/33 درس
- آخر تحديث: 17/12/2023
- شهادة إتمام الدورة
محتوى الدورة
المقدمة
المتطلبات والإطار مقابل المكتبة
ما هو Next.Js ولماذا تستخدمه؟
ميزات Next.Js
المقدمة
المتطلبات والإطار مقابل المكتبة
ما هو Next.Js ولماذا تستخدمه؟
ميزات Next.Js
إنشاء مشروع Nextjs
تحليل المشروع الذي تم إنشاؤه
إضافة الصفحة الأولى
إضافة ملف توجيه مسمى ثابت
العمل مع المسارات والمسارات المتداخلة
إضافة مسارات ومسارات ديناميكية
طريقة مختلفة لإعداد الروابط Hrefs
مراجعة المشروع
شرح مجلد المكونات
إعداد الصفحات
جلب البيانات مثل تطبيقات React
المشكلة مع تطبيقات رد الفعل التقليدية
كيف يقوم Nextjs بإعداد الصفحات وعرضها مسبقًا
تقديم الجيل الثابت باستخدام Getstaticprops
مساوئ Getstaticprops
تقديم Getstaticpaths للصفحات الديناميكية
ما هي قواعد البيانات وأنواعها؟
إعداد قاعدة بيانات Mongodb
توصيل Mongodb بمشروعنا
إنشاء مخطط قاعدة البيانات
إنشاء نقاط النهاية (طرق Api) وتشغيل استعلامات Mongodb
اختبار مسارات API باستخدام Postman
إزالة الرمز الثابت من الصفحة الرئيسية والحصول على البيانات من طريق API
قم بتخزين بيانات المنتج في قاعدة البيانات باستخدام مسار API
إظهار تفاصيل المنتج بشكل ديناميكي (صفحة Ssg)
تحسين SEO وتحليل الحاجة إلى البيانات الوصفية الرئيسية
تحسين الصور مع الصورة التالية
Next 13 - نسخة تجريبية
قم بنشر تطبيقنا على Vercel
عن الدورة
في عصر التكنولوجيا الحديثة، تصبح تطبيقات الويب دائمًا في تطور مستمر. باستخدام Next.js وReact، ستكون قادرًا على بناء تطبيقات ويب متقدمة وسهلة التوسع وذات أداء عالي. كما ستتعلم كيفية الاستفادة من ميزات Next.js مثل التحميل الجزئي وتجميع الجانب الخادم والعديد من الأدوات والمكتبات التي تسهل عليك البناء والتطوير. جدير بالذكر أن NextJS يعد خيارًا رائعًا للتطور كمطور React وللارتقاء بتطبيقات React إلى المستوى التالي. انضم إلينا الآن!
متطلبات الدورة
معرفة حديثة بجافا سكريبت (ES 6) وReactJS، مع العلم أن هذه الدورة تتضمن مراجعة كاملة لـ React.
عن الخبير
كريم شميس
مطور ويب
328 متعلمين
1 دورة