آموزش شروع به کار با Astro (GraphQL، REST API و موارد دیگر)

Getting started with Astro (GraphQL, REST APIs, and more)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: شیرجه بزنید و Astro را از ابتدا یاد بگیرید! معماری جزایر، مسیرهای ایستا و پویا، APIهای MDX، REST و GraphQL و موارد دیگر! Astro's Islands Architecture و آنچه که Astro را از سایر فریم ورک‌ها متمایز می‌کند اجزا، طرح‌بندی‌ها و صفحات Astro نحوه استفاده از چارچوب‌های مختلف UI مانند React، Vue، Angular Tailwind و غیره. نحوه واکشی داده‌ها از GraphQL و REST API برای استفاده در پروژه‌های Astro برای استفاده از Strapi CMS با Astro نحوه تولید مسیرهای استاتیک و پویا از Markdown، MDX و API (REST & GraphQL) پیش نیازها: بدون نیاز به تجربه قبلی با Astro. شما باید با HTML، CSS و JS آشنا باشید. در حالت ایده‌آل، تجربه قبلی با چارچوب UI مانند React یا مشابه دارید.

شروع به کار با Astro همه چیزهایی را که باید در مورد نحوه ساخت سایت‌ها و برنامه‌ها با Astro بدانید به شما می‌آموزد.

کتاب رایگان

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

من کی هستم و چرا باید به من اعتماد کنی؟

اسم من رابرت گاس است و یک مهندس نرم افزار ارشد با بیش از هشت سال تجربه هستم.
اخیراً در Cypress کار کردم
من در حال حاضر به بیش از 44000 دانش آموز در Udemy تدریس می کنم
دوره های من بیش از 1600 نظر دارند و دارای رتبه 4.5 ستاره یا بالاتر هستند

آنچه خواهید آموخت

چه چیزی Astro را از سایر چارچوب‌ها متمایز می‌کند
معماری جزیره Astro
اجزا، صفحات و طرح‌بندی‌های Astro
مسیرهای ایستا مسیرهای پویا
نحوه کار با داده های راه دور از هر دو API REST و GraphQL
نحوه کار با هر دو فایل markdown و MDX

چه چیزی را خواهید ساخت

این دوره دارای دو پروژه است.
در پروژه اول، ما با هم یک وبلاگ می‌سازیم زیرا به نظر من این بهترین راه برای یادگیری همه ویژگی‌های Astro است.
ابتدا وبلاگ خود را با استفاده از فایل های علامت گذاری ایجاد می کنیم
سپس فایل‌های علامت‌گذاری خود را به MDX تبدیل می‌کنیم
سپس Strapi CMS را نصب و راه‌اندازی می‌کنیم تا از آن به عنوان CMS بدون هد استفاده کنیم
سپس یاد خواهیم گرفت که چگونه پست های وبلاگ خود را از Strapi واکشی کنیم و آنها را در صفحات Astro و اجزای خود از یک REST API ارائه کنیم
- ما همچنین یاد خواهیم گرفت که چگونه مسیرهای پویا را از Strapi REST API ایجاد کنیم
سپس ما یاد خواهیم گرفت که چگونه از Strapi به عنوان GraphQL API استفاده کنیم و پست های خود را در Astro با استفاده از GraphQL ارائه دهیم
در پروژه دوم، یاد خواهید گرفت که چگونه یک تم Astro از پیش ساخته شده را دانلود کنید و آن را برای ارائه پست های وبلاگ خود از Strapi CMS (REST API و GraphQL API) تغییر دهید.

کد مخزن GitHub گنجانده شده است

همه کدهای استفاده شده در ویدیوها به عنوان مخزن GitHub برای مرجع شما در دسترس است.

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

این دوره و کتاب من مرتباً به‌روزرسانی می‌شوند، زیرا تیم Astro بهبود می‌یابد و ویژگی‌های جدیدی به چارچوب اضافه می‌کند.

بازپرداخت

همچنین 30 روز ضمانت بازگشت وجه توسط Udemy وجود دارد.

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

سرفصل ها و درس ها

معرفی Introduction

دانلود کتاب Astro Download Astro book

آشنایی با Astro و اکوسیستم آن Understanding Astro and its ecosystem

مخزن و نمونه کد GitHub GitHub repo & code samples
جزایر Astro و آنچه که Astro را متفاوت می کند Astro Islands and what makes Astro different
راه اندازی و ابزار توسعه Development setup & tools
نحوه نصب Astro و ایجاد اولین سایت How to install Astro and create your first site
اجزای Astro Astro components
چیدمان های Astro Astro layouts
مسیرهای استاتیک Static Routes
مسیرهای پویا Dynamic Routes
کار با داده از راه دور Working with remote Data
واکشی داده ها در اجزای چارچوب Fetching data in framework components
وارد کردن فایل های Markdown Importing Markdown files
نحوه ادغام چارچوب ها، تم ها و ابزارهای مختلف UI How to integrate various UI frameworks, themes, and tools