دوره آموزش کامل Astro همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره آموزش کامل Astro

موضوع کلی: برنامه نویسی

موضوع میانی: وایت (Vite)

📋 سرفصل‌های دوره

• 1. مقدمه ای بر Astro و Vite
• 2. پیش نیازهای دوره و نصب ابزارهای مورد نیاز
• 3. آشنایی با مفاهیم Static Site Generators (SSG)
• 4. مقایسه Astro با سایر SSG ها (Next.js, Gatsby, etc.)
• 5. ایجاد پروژه جدید Astro با Vite
• 6. ساختار پروژه Astro (src/, public/, etc.)
• 7. آشنایی با فایل پیکربندی astro.config.mjs
• 8. درک نحوه کارکرد Vite در Astro
• 9. کامپوننت های Astro: ساختار و قواعد
• 10. سینتکس Astro (HTML, JavaScript, CSS)
• 11. ایمپورت و استفاده از کامپوننت ها
• 12. استفاده از Layout ها در Astro
• 13. ایجاد Layout های سفارشی
• 14. مفهوم Slots در Astro
• 15. استفاده از Props در کامپوننت ها
• 16. Static Props در Astro
• 17. Dynamic Props در Astro
• 18. Data Fetching در Astro
• 19. Fetch کردن اطلاعات از API
• 20. Render کردن اطلاعات از API
• 21. استفاده از Endpoint ها در Astro
• 22. آشنایی با Markdown و MDX
• 23. استفاده از Markdown برای محتوای استاتیک
• 24. ادغام MDX با Astro برای محتوای داینامیک
• 25. Routes در Astro: تعریف و پیکربندی
• 26. Static Routes
• 27. Dynamic Routes
• 28. آشنایی با Collections در Astro
• 29. مدیریت محتوا با Collections
• 30. ایجاد و استفاده از Schemas برای Collections
• 31. استفاده از Frontmatter در Markdown
• 32. Render کردن لیست مقالات از Collection
• 33. Pagination در Astro: پیاده سازی صفحه بندی
• 34. آشنایی با مفهوم Islands Architecture
• 35. Partial Hydration در Astro
• 36. کنترل Hydration با directives
• 37. استفاده از Client Directives (client:load, client:idle, etc.)
• 38. Component Framework Integration: React
• 39. Component Framework Integration: Vue
• 40. Component Framework Integration: Svelte
• 41. Component Framework Integration: Preact
• 42. استفاده از React Components در Astro
• 43. استفاده از Vue Components در Astro
• 44. استفاده از Svelte Components در Astro
• 45. استفاده از Preact Components در Astro
• 46. Styling در Astro: CSS Modules
• 47. Styling در Astro: Tailwind CSS
• 48. Styling در Astro: Global Styles
• 49. استفاده از CSS Preprocessors (Sass, Less)
• 50. Images در Astro: بهینه سازی تصاویر
• 51. استفاده از تگ <Image> Astro
• 52. Lazy Loading تصاویر
• 53. بهینه سازی SEO در Astro
• 54. Meta Tags و Open Graph
• 55. ساخت Sitemap
• 56. Robots.txt
• 57. Performance Optimization در Astro
• 58. Code Splitting
• 59. Minification و Compression
• 60. استفاده از Astro Dev Toolbar
• 61. Debug کردن Astro Projects
• 62. Testing Astro Components
• 63. Unit Testing
• 64. Integration Testing
• 65. Deployment Astro Projects
• 66. Deploy به Netlify
• 67. Deploy به Vercel
• 68. Deploy به Cloudflare Pages
• 69. Deploy به GitHub Pages
• 70. آشنایی با Astro Integrations
• 71. استفاده از Integrations از Astro Ecosystem
• 72. ساخت Integrations سفارشی
• 73. i18n (Internationalization) در Astro
• 74. Localization
• 75. استفاده از ابزارهای i18n
• 76. Accessibility (A11y) در Astro
• 77. بهینه سازی دسترسی
• 78. آشنایی با ARIA attributes
• 79. Forms در Astro
• 80. Form Handling
• 81. Form Validation
• 82. استفاده از Third-Party Libraries در Astro
• 83. Zod برای Validation
• 84. Shiki برای Syntax Highlighting
• 85. Astro Telemetry: درک آمار سایت
• 86. Astro VSCode Extension
• 87. TypeScript Support در Astro
• 88. Debugging TypeScript در Astro
• 89. Error Handling در Astro
• 90. استفاده از try...catch blocks
• 91. Custom Error Pages
• 92. Middlewares در Astro
• 93. Authentication در Astro
• 94. ساخت سیستم Login/Register
• 95. Authorization
• 96. Cookies و Sessions
• 97. API Routes در Astro
• 98. Serverless Functions
• 99. Connecting to Databases
• 100. CMS Integration (Contentful, Strapi, Sanity)