Mastering Next.js - 2. App Router

أهلا بك عزيزي المتابع لموقع (journey for learn) نقدم دورات بكوبونات متاحة لاول 1000 تسجيل مجاني فقط وكوبونات اخري لفترة محدودة فاذا كنت تريد ان تحصل علي كل الكورسات علي موقعنا وان تكون اول المسجلين في الكورسات المجانية قم بتسجيل الدخول أوقم بالدخول علي وسائل التواصل الاجتماعي وخصوصا التليجرام نوضح الوصف المختصر والطويل للدورات لكي تعرف الدروس التي سوف تتعلمها بسهولة ويسر :

الهدف: تجاوز الأسس. أتقن جهاز توجيه التطبيق وإجراءات الخادم وتكامل قاعدة البيانات من خلال إنشاء لوحة معلومات مالية جاهزة للإنتاج. نظرة عامة على الدورة التدريبية في الجزء الأول، لقد أتقنت أسس React والنماذج الذهنية الأساسية لـ Next.js. الآن، حان الوقت لتطبيق هذه المهارات. في هذه الدفعة الثانية من سلسلة Mastering Next.js، نبتعد عن المكونات المعزولة وننتقل إلى عالم تطوير Full-Stack. سنقوم ببناء "Acme Dashboard" - وهو تطبيق مالي معقد وغني بالميزات يستخدم كل ميزة متقدمة يقدمها جهاز توجيه تطبيقات Next.js. بدءًا من تصميم مخططات قاعدة البيانات وحتى التعامل مع المصادقة المعقدة والبحث في الوقت الفعلي، تم تصميم هذه الدورة التدريبية لتحويلك إلى مطور Next.js محترف يمكنه إنشاء تطبيقات ويب قابلة للتطوير وتأمينها ونشرها. ما ستتعلمه

• قوة جهاز توجيه التطبيقات: الغوص العميق في التخطيطات المتداخلة، والتوجيه الديناميكي، نمط تدفق Load.tsx.
• قاعدة البيانات وجلب البيانات: قم بإعداد قاعدة بيانات PostgreSQL وتعلم كيفية جلب البيانات بكفاءة باستخدام مكونات الخادم وSQL.
• إجراءات الخادم (الطفرات): تجاوز واجهات برمجة التطبيقات. تعلم كيفية التعامل مع عمليات إرسال النماذج، والتحقق من صحة البيانات باستخدام Zod، وإعادة التحقق من صحة ذاكرة التخزين المؤقت Next.js.
• البحث والتقسيم إلى صفحات: تنفيذ بحث عالي الأداء وترقيم الصفحات باستخدام حالة عنوان URL - وهو مثالي لتحسين محركات البحث وتجربة المستخدم.
• المصادقة والأمان: قم بتأمين لوحة المعلومات الخاصة بك باستخدام NextAuth.js وتنفيذ البرامج الوسيطة لحماية المسارات الحساسة.
• إمكانية الوصول (a11y): إتقان فن البناء نماذج شاملة وأنماط واجهة مستخدم يمكن الوصول إليها.
• تحسين الأداء: تعلم العرض المسبق الجزئي (PPR)، وتحسين الصور، وأفضل ممارسات الخطوط لتحقيق درجة Lighthouse مثالية.

محتوى الدورة التدريبية

إعداد المشروع وهندسته: إعداد Acme Starter للتوسع.

التصميم وواجهة المستخدم: Tailwind CSS، ووحدات CSS، وإنشاء لوحة تحكم متماسكة واجهة المستخدم.

التحسين: التعامل مع الأصول مثل المحترفين (الخطوط والصور والبيانات الوصفية).

التوجيه والتخطيطات: تنظيم لوحة معلومات معقدة بمسارات متداخلة.

طبقة البيانات: دمج PostgreSQL وكتابة مكونات الخادم الفعالة.

لوحات المعلومات التفاعلية: إنشاء الهياكل العظمية المتدفقة والتعامل مع البيانات غير المتزامنة.

طفرات البيانات: الإنشاء، تحديث الفواتير وحذفها باستخدام إجراءات الخادم.

التحقق من صحة النماذج ومعالجتها: استخدام Zod للتحقق الآمن من جانب الخادم.

الأمان: تنفيذ NextAuth.js للمصادقة القوية.

النشر النهائي: بدء البث المباشر على Vercel مع بيئة جاهزة للإنتاج.

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

• طلاب الجزء 1: إذا لقد انتهيت من "أساسيات React"، وهذه هي خطوتك الطبيعية التالية.
• مطورو React: أولئك الذين يعرفون الأساسيات ولكنهم يريدون تعلم كيفية إنشاء تطبيق "كامل".
• مطورو البرامج الخلفية: المطورون الذين يتطلعون إلى الانتقال إلى العمل الكامل باستخدام حزمة JavaScript حديثة.

ما هي المتطلبات الأساسية لدخول الدورة والتسجيل فيها على موقعنا؟ رحلة التعلم:

(احصل على الدورة للدخول إلى الموقع والتسجيل)

يجب أن يكون لديك بريد إلكتروني (حساب بريد) تتذكره لنفسك وأيضًا يجب أن تتذكر كلمة مرور البريد الإلكتروني الذي ستسجل به ، وإذا لم يكن لديك حساب بريد إلكتروني ، فمن الأفضل إنشاء حساب (Gmail)