آموزش جامع Astro: ساخت وبلاگ از صفر تا صد - آخرین آپدیت

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

مقدمه Introduction

• معرفی دوره Course Introduction

• نحوه برگزاری دوره How the Course Works

روز ۱ —اجرای Astro و ساخت برنامه Hello World Day 1 — Launch Astro and build a Hello World app

• [توضیحات] Frontmatter، سینتکس Template و جایگذاری متغیرها [Explanation] Frontmatter, template syntax, and variable embedding

• [تمرین] ویرایش index.astro و ساخت یک صفحه [Exercise] Edit index.astro and create a page

• [توضیحات] پاسخ‌های نمونه، خطاهای رایج و چالش‌ها [Explanation] Model Answers, Common Errors, and Challenges

روز ۲ —ساخت کامپوننت‌ها و سرهم کردن صفحات Day 2 — Create components and assemble your pages

• [توضیحات] کامپوننت‌ها چیستند و چگونه از Props استفاده کنیم [Explanation] What are components and how to use Props

• [تمرین] ساخت یک کامپوننت و انتقال داده‌ها با Props [Exercise] Create a component and pass data using Props

• [توضیحات] پاسخ‌های نمونه، خطاهای رایج و چالش‌ها [Explanation] Model Answers, Common Errors, and Challenges

روز ۳ —مدیریت عناصر مشترک با Layout components Day 3 — Manage shared elements using layout components

• [توضیحات] کامپوننت‌های Layout و نحوه عملکرد <slot /> [Explanation] Layout components and how <slot /> works

• [تمرین] تجمیع هدر و فوتر در یک Layout [Exercise] Consolidate header and footer into a layout

• [توضیحات] پاسخ‌های نمونه، خطاهای رایج و چالش‌ها [Explanation] Model Answers, Common Errors, and Challenges

روز ۴ —تولید خودکار صفحات با مسیریابی پویا Day 4 — Auto-generate multiple pages with dynamic routing

• [توضیحات] نحوه عملکرد [slug].astro و getStaticPaths [Explanation] How [slug].astro and getStaticPaths work

• [تمرین] تولید خودکار صفحات مقالات بر اساس تعداد داده‌ها [Exercise] Auto-generate article pages based on data count

• [توضیحات] پاسخ‌های نمونه، خطاهای رایج و چالش‌ها [Explanation] Model Answers, Common Errors, and Challenges

روز ۵ —افزودن استایل‌ها و طراحی سایت Day 5 — Add styles and design your site

• [توضیحات] Scoped CSS، CSS جهانی و متغیرهای CSS [Explanation] Scoped CSS, global CSS, and CSS variables

• [تمرین] اعمال استایل‌ها به صفحات و کامپوننت‌ها [Exercise] Apply styles to pages and components

• [توضیحات] پاسخ‌های نمونه، خطاهای رایج و چالش‌ها [Explanation] Model Answers, Common Errors, and Challenges

روز ۶ —نوشتن پست‌های وبلاگ با Markdown Day 6 — Write blog posts using Markdown

• [توضیحات] تبدیل فایل‌های .md به صفحه و استفاده از frontmatter [Explanation] Turning .md files into pages and using frontmatter

• [تمرین] ساخت یک مقاله با Markdown و اعمال Layout [Exercise] Create an article in Markdown and apply a layout

• [توضیحات] پاسخ‌های نمونه، خطاهای رایج و چالش‌ها [Explanation] Model Answers, Common Errors, and Challenges

روز ۷ —تسلط بر سینتکس Template در Astro Day 7 — Master Astro's template syntax

• [توضیحات] نحوه استفاده از map، دستورات شرطی و filter [Explanation] How to use map, conditionals, and filter

• [تمرین] نمایش پویا و فیلتر کردن لیست مقالات [Exercise] Dynamically display and filter the article list

• [توضیحات] پاسخ‌های نمونه، خطاهای رایج و چالش‌ها [Explanation] Model Answers, Common Errors, and Challenges

روز ۸ —مدیریت پست‌های وبلاگ با فایل‌های داده Day 8 — Manage your blog posts with data files

• [توضیحات] خارجی کردن داده‌ها و نحوه عملکرد import/export [Explanation] Externalizing data and how import/export works

• [تمرین] جداسازی داده‌ها در posts.js و اشتراک‌گذاری بین صفحات [Exercise] Separate data into posts.js and share across pages

• [توضیحات] پاسخ‌های نمونه، خطاهای رایج و چالش‌ها [Explanation] Model Answers, Common Errors, and Challenges

روز ۹ —بهبود ناوبری و ساخت صفحه ۴۰۴ سفارشی Day 9 — Improve navigation and build a custom 404 page

• [توضیحات] ساخت صفحه ۴۰۴ و لینک‌های فعال با Astro.url [Explanation] Creating a 404 page and active links with Astro.url

• [تمرین] پیاده‌سازی صفحه ۴۰۴ و کامپوننت NavLink [Exercise] Implement a 404 page and a NavLink component

• [توضیحات] پاسخ‌های نمونه، خطاهای رایج و چالش‌ها [Explanation] Model Answers, Common Errors, and Challenges

روز ۱۰ —تمرین جامع: تکمیل سایت وبلاگ Day 10 — Comprehensive exercise: Complete your blog site

• [توضیحات] پروژه نهایی: ترکیب تمام مهارت‌های روز ۱ تا ۹ [Explanation] Final project combining all skills from Days 1-9

• [تمرین] تکمیل نهایی سایت وبلاگ [Exercise] Complete the blog site

• [توضیحات] پاسخ‌های نمونه، خطاهای رایج و چالش‌ها [Explanation] Model Answers, Common Errors, and Challenges