الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

هذا هو الريبو المصاحب لدورة Astro على Frontend Masters.

يثبت

يحتوي فرع start من هذا المستودع على بعض الأصول الإضافية ويستخدم كنقطة بداية للدورة:

نوصي باستخدام Node الإصدار 18 لهذه الدورة. 

git clone https://github.com/learnwithjason/astro-frontend-masters.git
cd astro-frontend-masters
git checkout start
npm install

ماذا نبني؟

موقع أعمال صغير يستخدم العديد من مسارات العمل الشائعة التي تتبعها العديد من مواقع الويب (معظمها؟).

  • الصفحة المقصودة للتسويق
    • صور البطل
      • التعامل مع الصور
    • بطاقات
      • المنتجات المميزة
    • التقاط النشرة الإخبارية
  • محل
    • تخطيط متقدم (متداخل)
    • الدولة المشتركة
      • عربة صلبة
      • أزرار عناصر التفاعل (إضافة إلى سلة التسوق)
      • مخازن نانو لمشاركة الدولة
  • مدونة
    • مجموعات المحتوى
      • تخفيض السعر
    • طرق ديناميكية
    • تغذية آر إس إس
  • عن
    • صفحة تخفيض السعر
  • 404 صفحة

ما هي الميزات التي نريد تغطيتها؟

  • تهيئة موقع Astro جديد
  • التنمية المحلية
  • الصفحات
    • أنواع الملفات المدعومة
      • استرو
      • تخفيض السعر
      • HTML
    • التوجيه الأساسي
    • روابط
    • مخصص 404 صفحة
  • مكونات استرو
    • فرونتماتر
    • فتحات
  • التخطيطات
    • التخطيطات الأساسية
    • تخطيطات متقدمة
  • جلب البيانات
    • استخدام fetch في Astro والمكونات الأخرى
    • جارٍ تحميل بيانات واجهة برمجة التطبيقات
    • التحميل من CMS مقطوعة الرأس
  • التصميم
    • التصميم في مكونات استرو
      • الأنماط ذات النطاق
      • الأنماط العالمية
    • الأشياء الجيدة Astro لـ CSS
      • class:list
      • define:vars
    • استيراد أوراق الأنماط
      • محلي
      • حزم npm
    • في الأطر:
      • وحدات CSS
  • طرق ديناميكية
    • عندما تريد عرض الصفحات مرة واحدة في وقت الإنشاء
  • ترقيم الصفحات
  • مجموعات المحتوى
    • الإعداد الأساسي والتكوين
      • تحديد المخطط
      • الرخويات المخصصة
    • استخدام المجموعات لبناء الصفحات
      • صفحات القائمة
      • صفحات الدخول الكاملة
  • نقاط النهاية
    • آر إس إس
    • واجهات برمجة التطبيقات
      • ثابت
  • وضع SSR
    • التوجيه الديناميكي
    • عندما تريد عرض الصفحات عند كل طلب
    • نقاط نهاية API
  • التعامل مع الصور
    • دليل assets
  • ترطيب مكونات JS
    • client:* التوجيهات
    • استخدام أطر متعددة
    • تقاسم الدولة بين الجزر
    • مشاركة الحالة بين الأطر
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل