Astro به سرعت در حال ظهور به عنوان یک انتخاب پیشرو برای توسعه دهندگانی است که به دنبال ساخت وب سایت های سریع و متمرکز بر محتوا هستند. چه در حال ساخت صفحات فرود، وبلاگ های آموزنده یا مستندات فنی پیچیده باشید، Astro مجموعه ای جامع از ابزارها را برای یکپارچه سازی فرآیند ارائه می دهد.

ما به تازگی یک دوره آموزشی خرابی Astro را در کانال YouTube freeCodeCamp.org ارسال کردیم که توسط کسی جز جیمز کیو کوئیک ارائه نشده است.

جیمز کیو کوئیک یک مدرس محبوب و سخنران اصلی کنفرانس است. در این دوره، او تجربیات گسترده خود را با سبک تدریس منحصر به فرد خود ترکیب می کند و او را به راهنمای ایده آلی برای آشنا کردن شما با شگفتی های Astro تبدیل می کند.

در این دوره تصادف، جیمز مفاهیم اصلی Astro را آموزش می دهد. در اینجا برخی از موضوعاتی است که در مورد آنها یاد خواهید گرفت:

مسیریابی مبتنی بر فایل : در سیستم مسیریابی ساده ای که Astro استفاده می کند، پیمایش کنید.

محتوای Markdown و MDX : محتوای خود را به راحتی ایجاد و مدیریت کنید.

مسیرهای پویا : نحوه راه‌اندازی مسیرهایی که بر اساس محتوای شما تطبیق می‌دهند را بدانید.

استقرار : سایت Astro خود را بر روی پلتفرم هایی مانند Netlify و Vercel راه اندازی کنید.

قابلیت‌های سمت سرور : از سایتی که به صورت ایستا تولید می‌شود به یک سایت ارائه‌شده در سمت سرور منتقل شوید و نحوه ادغام نقاط پایانی سرور را بیابید.

در چشم انداز وب مدرن، عملکرد وب سایت می تواند تعامل کاربر را ایجاد یا از بین ببرد. با تمرکز Astro بر عملکرد بهینه، تسلط بر این چارچوب، توسعه‌دهندگان را با مهارت‌هایی برای ایجاد وب‌سایت‌هایی مجهز می‌کند که نه تنها خوب به نظر می‌رسند، بلکه عملکردی یکپارچه نیز دارند. این دوره فقط برای یادگیری یک ابزار جدید نیست. این در مورد ماندن در دنیای رقابتی توسعه وب است.

در اینجا بخش های این دوره آمده است:

آنچه را پوشش خواهیم داد

ایجاد یک پروژه Astro

Astro Overview (کامپوننت ها، مسیریابی مبتنی بر فایل، css و موارد دیگر)

Astro Setup در VS Code

راه اندازی Tailwind

به روز رسانی طرح بندی سایت

کار با Markdown و مجموعه های محتوا

پرس و جو و نمایش پست های وبلاگ با استفاده از مجموعه های محتوا

ایجاد مسیرهای پویا برای پست های وبلاگ فردی

پلاگین Tailwind Typography

بهینه سازی تصاویر

با استفاده از ViewTransitions API

اضافه کردن پشتیبانی برای MDX

در Netlify و Vercel مستقر شوید

فعال کردن SSR در Astro

نقاط پایانی سرور Astro

استقرار SSR در Netlify و Vercel

می توانید دوره کامل را در کانال YouTube freeCodeCamp.org (تماشا یک ساعته) تماشا کنید.