الصفحة الرئيسية>كود مصدر ASP>فئات أخرى
تنزيل

Understanding Astro


مرحبا بكم في فهم أسترو!

هذا الكتاب هو الدليل النهائي لـ Astro، إطار عمل الويب من الجيل التالي المصمم للسرعة

إن فهم Astro هو نتيجة قضاء أشهر في البحث في Astro ونقل النتائج بطريقة عملية وسهلة الفهم.

إذا كنت تريد أن تفهم استرو، فقد أتيت إلى المصدر الصحيح.

لا تتعلم فقط إطارًا آخر. فهم ذلك.

تريد تحميل الكتب الإلكترونية

جدول المحتويات

فيما يلي جدول محتويات تفصيلي لفهم Astro.


مقدمة

مقدمة

  • لا تنزعج

  • الاختلافات في الوثائق الرسمية

  • كيف تم هيكلة الكتاب

  • نظرة عامة على الفصول

  • المتطلبات الأساسية

  • الاتفاقيات المطبعية


الفصل الأول: قم ببناء تطبيق Astro الأول الخاص بك

الفصل الأول: قم ببناء تطبيق Astro الأول الخاص بك

  • ما ستتعلمه

  • نظرة عامة على المشروع

  • ابدء

    • قم بتثبيت Node.js

    • إعداد محرر التعليمات البرمجية الخاص بك

  • هيكل المشروع

    • tsconfig.json

    • package.json

    • package-lock.json

    • astro.config.mjs

    • src/env.d.ts

    • src/pages/index.astro

  • مقدمة إلى صفحات أسترو

  • تشريح المكون الفلكي

  • أنماط المكونات

  • تخطيطات الصفحة

  • تقديم المكونات والفتحات

  • كتابة أسماء المكونات بأحرف كبيرة

  • توجيه النمط العالمي

  • الخطوط المخصصة وCSS العالمية

  • مكونات أسترو المستقلة

  • إضافة نصوص تفاعلية

  • تبديل الموضوع التفاعلي

  • المحدد :global()

  • التعامل مع الأحداث

  • Theming عبر متغيرات CSS

  • الوصول إلى كائنات العميل العالمية

  • سحر النصوص

  • الاستفادة من البرامج النصية المضمنة

  • محددات العالمية في البرامج النصية

  • صفحات تخفيض السعر

  • التنقل بين الصفحات

  • تخطيطات تخفيض السعر

  • تأليف التخطيطات

  • الدعائم المكونة

  • الاستفادة من خصائص المادة الأمامية لتخفيض السعر

  • حالة التنقل التفاعلية

  • تكوين المكون

  • تدفق القالب للبيانات

  • الجانب المظلم من التعريف:vars

  • تحميل ملفات محلية متعددة

  • نشر موقع Astro ثابت

    • 1. إنشاء أصول الإنتاج الثابتة

    • 2. خدمة الأصول الثابتة عبر خادم ويب ثابت

    • المشكلة مع النشر اليدوي

    • أتمتة نشر موقع ويب ثابت

  • ما مدى سرعة موقعنا على الانترنت استرو؟

  • خاتمة


الفصل الثاني: المكونات الفلكية المتعمقة

  • الفصل الثاني: المكونات الفلكية المتعمقة

  • ما ستتعلمه

  • مقدمة

  • العمود الفقري لاسترو

    • جافا سكريبت التعب وقت التشغيل

    • التخلص من وقت التشغيل

  • ما هو مكون استرو؟

    • 1. الأنماط محلية بشكل افتراضي

    • 2. سيكون عنصر HTML موجودًا دائمًا

    • 3. يتم رفع الأنماط والنصوص

    • 4. لن يتم رفع العنصر <head> وأبناءه

    • المكون الفلكي هو ملف .astro قادر على عرض أي HTML صالح

    • يمكن تكوين مكونات Astro لإنشاء صفحات معقدة

  • يمكن لمكونات Astro الاستفادة من بناء جملة قوي

    • استهلاك المتغيرات
    • إنشاء سمات ديناميكية
    • HTML الديناميكي
    • العلامات الديناميكية
    • إعادة النظر في فتحات
    • ليس تمامًا JSX
    • 1. إنشاء المتغيرات أو الرجوع إليها
    • 2. التعامل مع الواردات
    • 3. جلب البيانات

    • البرنامج النصي المكون

    • قالب المكون

  • خاتمة


الفصل 3: بناء جزيرة المكونات الخاصة بك

  • الفصل الثالث: قم ببناء جزيرة المكونات الخاصة بك

  • ما ستتعلمه

  • تاريخ موجز لكيفية وصولنا إلى هنا

    • إيجابيات الترطيب الجزئي

    • سلبيات الترطيب الجزئي

    • إيجابيات العرض من جانب الخادم مع الترطيب من جانب العميل

    • سلبيات العرض من جانب الخادم مع الترطيب من جانب العميل

    • إيجابيات العرض من جانب الخادم

    • سلبيات التقديم من جانب الخادم

    • إيجابيات العرض من جانب العميل (CSR)

    • سلبيات التقديم من جانب العميل

    • حيث يبدأ كل شيء

    • العرض من جانب العميل (CSR)

    • التقديم من جانب الخادم

    • العرض من جانب الخادم مع الترطيب من جانب العميل

    • ترطيب جزئي للفوز

    • من أين تأتي عمارة الجزيرة؟

  • تنفيذ معمارية جزر الماء الجزئية

    • فيو

    • صغيرتي فيو

    • برياكت

    • دعم العميل: الخمول والعميل: ظروف الوسائط

    • waitForIdle

    • waitForMedia

    • أهداف

    • تثبيت

    • تصميم واجهة برمجة التطبيقات

    • ابدء

    • الاستفادة من عنصر قالب المحتوى

    • التعامل مع الترطيب البطيء من خلال سمات "العميل:".

    • الأطر الداعمة: Vue وPetite-vue وPreact

  • خاتمة



هل تريد تنزيل الكتب الإلكترونية؟ انقر هنا



الفصل الرابع: قم ببناء جزيرة المكونات الخاصة بك

  • الفصل الرابع: الحياة السرية لجزر مكون أسترو

  • ما ستتعلمه

  • كيف تعمل الجزر في استرو

    • انها ليست علة. إنها ميزة.

    • الخطوة 1: إنشاء موقع Astro

    • الخطوة 2: تثبيت تكامل الإطار

    • الخطوة 3: كتابة إطار المكون

    • الخطوة 4: تقديم إطار المكون

  • الترطيب المسؤول

    • العميل: تحميل

    • العميل: فقط

    • العميل:مرئي

    • العميل: وسائل الإعلام

    • العميل: خامل

  • استخدام أطر متعددة

    • عداد التصويت الإيجابي في Vue

    • تقديم مكونات الإطار المختلفة

  • تقاسم الدولة بين الجزر المكونة

    • كيف يعمل متجر نانو

    • تثبيت متجر نانو

    • إنشاء قيمة الدولة

    • استخدام قيمة الحالة في مكونات الإطار

  • تمرير الدعائم والأطفال إلى مكونات الإطار

  • مكونات الإطار المتداخلة

  • مسكتك جزيرة أسترو

    • 1. لا تستخدم مكون Astro في مكون إطار العمل

    • 2. لا ترطب أحد مكونات أسترو

  • لماذا الجزر؟

    • 1. الأداء

    • 2. الترطيب المسؤول

    • 3. التحميل الموازي

  • خاتمة


يا ردة فعلي! (رد فعل استنساخ موقع التوثيق)

  • الفصل الخامس: يا ردة فعلي! (رد فعل استنساخ موقع التوثيق)

  • ما ستتعلمه

  • قم بإعداد المشروع المبدئي

  • تثبيت التبعيات

  • تصميم مشاريع Astro باستخدام Tailwind

    • تثبيت الريح الخلفية

    • كيف يعمل Tailwind؟

    • تكوين الريح الخلفية

  • الاسم المستعار لاستيراد النسخة المطبوعة

  • الجزر وتحديد موقع مكونات الصفحة

  • تسليط الضوء على بناء الجملة

    • الايجابيات

    • سلبيات

    • الايجابيات

    • سلبيات

    • مكون الكود الافتراضي

    • إحضار الموضوع الخاص بك

    • التعامل مع المواضيع الخفيفة والداكنة

  • البدء باستخدام مجموعات المحتوى

    • زود سريع

    • المجلد .astro

    • ما هي المشاكل التي تحلها مجموعات المحتوى؟

    • تنظيم مجموعات المحتوى

    • تأليف المحتوى باستخدام MDX

    • تكوين مجموعات المحتوى

  • الاستعلام وتقديم مجموعات المحتوى

  • التوجيه الديناميكي

    • 1. المعلمات المسماة

    • 2. بقية المعلمات

    • ترتيب الأولوية

  • إنشاء مسارات مع مجموعات المحتوى

    • تقديم كل محتوى بلوق

  • مكونات إم دي إكس

    • عناصر HTML مخصصة

    • المكونات الداخلية

    • الواردات الخارجية

    • استيراد تلقائي

  • تسليط الضوء على التكامل: Astro SEO

  • 404 صفحة مخصصة في استرو

  • خاتمة


الفصل السادس: العرض من جانب الخادم (SSR) في Astro

  • الفصل السادس: العرض من جانب الخادم (SSR) في Astro

  • ما ستتعلمه

  • متى تحتاج إلى SSR؟

  • كيفية تمكين SSR

  • نشر مشروع SSR

  • استخدم المحول الصحيح

  • SSR مع صفحات ثابتة

  • من الطلب إلى الاستجابة

    • كائن الطلب

    • كائن الاستجابة

    • إعادة توجيه الاستجابة

    • أدوات مساعدة لمعالجة ملفات تعريف الارتباط

    • عنوان IP للطلب

  • متغيرات البيئة

    • استرجاع متغيرات البيئة

    • متغيرات البيئة الافتراضية

    • إنشاء متغيرات البيئة

    • التحسس الذكي النصي

  • طرق ديناميكية

    • 1. المعلمات المسماة

    • 2. بقية المعلمات

    • ترتيب الأولوية

  • نقاط نهاية الخادم

    • إنشاء نقاط نهاية الخادم

    • تفاصيل الطلب

    • مسارات واجهة برمجة التطبيقات الديناميكية

    • دليل API مخصص

    • دعم طرق HTTP الأخرى

  • تيارات يا تيارات

    • ما هو تدفق الخادم؟

    • لماذا يجب أن نهتم؟

    • البث سهل ولكنه صعب

    • تدفق الخادم في استرو

    • الاستفادة من التدفق

  • خاتمة


الفصل السابع: كن مسموعًا! (مشروع فولستاك أسترو)

الفصل السابع: كن مسموعًا! (مشروع فولستاك أسترو)

  • ما ستتعلمه

  • إعداد المشروع

  • نظرة عامة على المشروع

    • الصفحة الرئيسية

    • صفحة السجل

    • صفحة التسجيل

    • صفحة تسجيل الدخول

    • المكونات المساعدة والمرافق

  • اختيارات التكنولوجيا

  • إعداد الواجهة الخلفية

  • التعامل مع المصادقة

    • تهيئة firebase على العميل

    • استخدام محاكيات Firebase

    • التعامل مع تسجيلات المستخدم

    • التعامل مع تسجيل دخول المستخدم

  • تنفيذ الصفحات المحمية

    • تهيئة Firebase على الخادم

    • حماية مسار الصفحة الرئيسية

    • تحديث عنوان URL لإعادة التوجيه

    • تسجيل خروج مستخدم من الصفحة المحمية

  • إعداد التخزين السحابي

  • تحميل التسجيلات الصوتية

    • التعامل مع التحميلات عبر مسار API

    • تحميل التسجيلات من العميل

    • الرد على تغييرات واجهة المستخدم في مكونات الإطار

  • جلب البيانات من الخادم

  • تقديم نماذج HTML

  • خاتمة


الفصل الأول: قم ببناء تطبيق Astro الأول الخاص بك

  • الفصل الثامن: بناء التكاملات الفلكية الخاصة بك

  • ما ستتعلمه

  • استرو وفيت

  • ما هي التكاملات أسترو

  • مرحبا بالعالم. آسف، مرحبا، التكامل

    • هدف المشروع

    • أول تكامل مخصص لك

    • طباعة رسالة إلى وحدة تحكم الخادم

    • عمليات التكامل المخصصة كوظائف المصنع

  • دورة حياة خطافات Astro

    • متى ولماذا الخطافات

    • فحص ترتيب تقييم الخطافات

  • إنشاء تكامل العرض المسبق الافتراضي

    • هدف المشروع

    • واجهة برمجة التطبيقات للتكامل

    • نظرة عامة على الحلول التقنية

    • تهيئة المشاريع عبر علامات CLI

    • إعداد التكامل

    • التحقق من صحة تكوين Astro الذي تم حله

    • تطبيق مكونات Vite الإضافية في عمليات التكامل المخصصة

    • كتابة ملحقات Vite لـ Astro

    • تحليل وتحويل ASTs

    • الاختبار اليدوي

  • عارضو البناء وتكامل المكتبات

  • خاتمة


خاتمة

خاتمة



هل تريد تنزيل الكتب الإلكترونية؟ انقر هنا


رخصة

تم ترخيص هذا المشروع بموجب الرخصة الدولية Creative Commons Attribution-NonCommercial-NoDerivatives 4.0. راجع ملف LICENSE.md للحصول على التفاصيل.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل