آموزش جامع فریم‌ورک وب Astro - آخرین آپدیت

دانلود Introduction to the Astro web framework

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: با این فریم‌ورک پیشرو، وب‌سایت‌های سریع و محتوا-محور بسازید درک سه حالت رندرینگ Astro: استاتیک، سرور و ترکیبی (Hybrid) درک و پیاده‌سازی معماری جزیره‌ای (Islands Architecture) پیشگام در Astro آموزش نحوه ساخت کامپوننت‌های Astro آموزش ایجاد Endpointها برای APIها یا فایل‌های استاتیک یادگیری نحوه استفاده از دایرکتیوهای ویژه قالب در Astro آموزش نحوه پیاده‌سازی منطق Middleware بررسی روش‌های مختلف اعمال CSS آموزش فعال‌سازی و استفاده از View Transitions برای انتقال نرم بین صفحات درک Content Collections و زمان مناسب برای استفاده از آن‌ها آموزش فعال‌سازی حالت SPA (تک صفحه‌ای) با استفاده از View Transitions آموزش ایجاد مسیرهای صفحاتی (Page Routes) استاتیک و داینامیک آشنایی با قابلیت HTML Streaming در Astro آموزش گسترش قابلیت‌های Astro با استفاده از Integrationها ارزیابی جامع ویژگی‌های فریم‌ورک وب Astro پیش نیازها: آشنایی با HTML، CSS و JavaScript زیرا دوره بر ویژگی‌های خاص Astro تمرکز دارد آشنایی مقدماتی با TypeScript

فریم‌ورک Astro به سرعت در حال تبدیل شدن به انتخاب اول برای ساخت وب‌سایت‌های سریع و محتوا-محور است. Astro می‌تواند برای تولید سایت‌های استاتیک (SSG)، رندرینگ سمت سرور (SSR) یا ترکیبی از هر دو استفاده شود.  این فریم‌ورک را می‌توان به تنهایی یا در ترکیب با کتابخانه‌های محبوب UI مانند React، Vue، Svelte و Solid به کار برد. ما حتی می‌توانیم صفحاتی شامل کامپوننت‌های چندین کتابخانه مختلف بسازیم که Astro را به گزینه‌ای ایده‌آل برای معماری Micro Frontends تبدیل می‌کند. با توجه به استفاده شرکت‌های برتر دنیا از Astro، یادگیری آن یک افزونه ارزشمند برای مهارت‌های شما به عنوان توسعه‌دهنده وب خواهد بود.


تسلط بر مبانی Astro از طریق مثال‌های کدنویسی ساده

  • یادگیری نحوه ساخت کامپوننت‌های Astro

  • استفاده از سیستم مسیریابی مبتنی بر فایل برای ایجاد صفحات استاتیک و داینامیک

  • فعال‌سازی مسیریابی سمت کلاینت با View Transitions

  • کشف مزایای معماری جزیره‌ای (Islands Architecture) در Astro

  • مدیریت محتوای وب با استفاده از Content Collections و اعتبارسنجی Schema

  • ایجاد API Endpoints و پیاده‌سازی منطق Middleware

  • آشنایی با پشتیبانی Astro از HTML Streaming


این دوره شما را بدون اتلاف وقت، با ویژگی‌ها و قابلیت‌های فریم‌ورک وب Astro آشنا می‌کند.

با مشاهده مثال‌های عملی کدنویسی و بخش‌های مرور (Recap) بعد از هر جلسه، مفاهیم را به طور کامل در ذهن خود تثبیت کنید.

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


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

شروع به کار Getting started

  • خوش‌آمدگویی Welcome

  • بررسی یک پروژه جدید Astro Exploring a new Astro project

  • داده‌های تلمتری (Telemetry) Telemetry data

  • تست اسکریپت‌های npm Trying out the npm scripts

  • راه‌اندازی محیط کدنویسی Setting up the code environment

مبانی Basics

  • حالت‌های رندرینگ: استاتیک، سرور، ترکیبی Rendering modes: static, server, hybrid

  • کامپوننت‌های Astro Astro components

  • مسیرهای صفحات (Page Routes) Page routes

  • معماری جزیره‌ای Islands architecture

فراتر از مبانی Beyond the basics

  • مرور کلی اپلیکیشن دموی پروژه Overview of the demo app

  • بیشتر درباره CSS More on CSS

  • استفاده از URL به عنوان State Using the URL as state

  • کار با تصاویر Images

  • مجموعه‌های محتوایی (Content Collections) Content collections

  • بیشتر درباره Layoutهای صفحه More on page layouts

  • رندرینگ سمت سرور (SSR) Server-side rendering

  • اندپوینت‌ها (Endpoints) Endpoints

  • ارسال فرم‌ها Form submissions

  • میدل‌ور (Middleware) Middleware

  • استریمینگ HTML HTML streaming

  • انتقال‌های بصری (View Transitions) View transitions

جمع‌بندی Conclusion

  • گام‌های بعدی Next steps

نمایش نظرات

آموزش جامع فریم‌ورک وب Astro
جزییات دوره
4 hours
22
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
180
4.8 از 5
دارد
دارد
دارد
Tech Razor
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Tech Razor Tech Razor

دوره‌های فنی و concise در زمینه توسعه وب