آموزش Astro - یک برنامه تجارت الکترونیک مدرن با امکانات کامل در Astro بسازید
Astro - Build a Full-featured Modern Ecommerce App in Astro
به دوره AstroJS ما خوش آمدید!
استفاده از جاوا اسکریپت تجربه بسیار خوبی را به توسعه دهندگان ارائه می دهد که تعامل را قادر می سازد و از ابزارهای پیشرفته استفاده می کند. با این حال، جاوا اسکریپت بی نیاز سرعت را به خطر می اندازد، داده ها را هدر می دهد و بر تجربه کاربر تأثیر می گذارد. Astro تعادل هماهنگ را برقرار می کند و ابزار مدرن را در هر چارچوب انتخابی تسهیل می کند. پیش‌فرض از یک رویکرد جاوا اسکریپت صفر استفاده می‌کند که با مکانیزم انتخابی برای ادغام انتخابی ویژگی‌های پویا در صورت لزوم تکمیل می‌شود.
ویژگی برجسته Astro هیدراتاسیون جزئی است که امکان پویایی جزئی را فراهم می کند. با این حال، این تنها یکی از مزایای Astro است.
در طول این دوره، با ایجاد یک سایت تجارت الکترونیک کامل، مفاهیم اصلی Astro را درک خواهید کرد.
با ایجاد یک صفحه اصلی بازاریابی برای وب سایت، شروع به یادگیری ساخت یک برنامه وب مدرن از طریق Astro خواهید کرد. مؤلفه‌ها و ویژگی‌های تجارت الکترونیک، مانند واکشی و نمایش فهرست‌های محصولات، از طریق یک API باطن یکپارچه خواهند شد. به علاوه، یک سبد خرید کاربرپسند ایجاد خواهد شد.
سپس یک وبلاگ با فید RSS، فرم ثبت نام در خبرنامه سمت سرور و اشتراک گذاری وضعیت با استفاده از ReactJS و مؤلفه های Solid در Astro ایجاد خواهید کرد.
شما بر هنر واکشی داده‌های API در مؤلفه‌های Astro مسلط خواهید شد و با ایجاد بخش‌هایی برای عملکرد پویا بدون جاوا اسکریپت اجباری، رندر هیبریدی را تجربه خواهید کرد.
در پایان این دوره شما آماده خواهید بود که ساخت هر نوع وب سایت و برنامه وب مورد نظر خود را از طریق Astro در کمترین زمان آغاز کنید.
پس بیایید با هم پتانسیل کامل Astro را باز کنیم.
مبانی Basics
-
Astro چیست What is Astro
-
مزایای کلیدی Astro Key Benefits of Astro
-
الزامات دوره Course Requirements
راه اندازی پروژه Astro Setting-up Astro Project
-
شروع یک پروژه Initiating a Project
-
ساختار پروژه Astro Astro Project Structure
افزودن ویژگی های اساسی Adding Basic Features
-
افزودن صفحه به وب سایت Adding a Page to the Website
-
اضافه کردن Layouts Adding Layouts
-
ترکیب Layouts با Markdowns Combining Layouts with Markdowns
-
جهانی در مقابل سبک های محدوده Global vs Scoped Styles
-
افزودن ناوبری Adding Navigation
-
ساخت صفحه اصلی Building the Main Page
-
چیدمان های تو در تو Nested Layouts
-
صفحات یافت نشد برای مسیرهای 404 Not-found Pages for 404 Routes
افزودن ویژگی های تجارت الکترونیک Adding E-commerce Features
-
لیست محصولات Products Lists
-
اجزای موجود در Astro Components in Astro
-
به اشتراک گذاری ایالت ها بین چارچوب ها Sharing States Between Frameworks
-
ساخت یک React Component Part1 Building a React Component Part1
-
ساخت یک React Component Part2 Building a React Component Part2
-
کامپوننت افزودن ساختمان به سبد خرید Building add to cart component
-
انتقال Props به جزء Astro Passing Props to Astro component
اضافه کردن وبلاگ Adding Blog
-
مجموعه های محتوا Content Collections
-
افزودن صفحه وبلاگ Adding Blog Page
-
صفحات پویا Dynamic Pages
افزودن فید RSS Adding RSS Feed
-
پیکربندی RSS RSS Configuration
-
ایجاد نقاط پایانی Creating End-points
رندر سمت سرور Server Side Rendering
-
افزودن یک صفحه رندر سمت سرور Adding a Server-side Rendering Page
-
ارسال فرم Form Submission
-
ادغام یک جزء SSR با یک جزء استاتیک Merging a SSR Component with a Static Component
![آموزش یادگیری Siemens S7-1200 PLC و HMI از ابتدا با استفاده از TIA (Basics) [ویدئو]](https://donyad.com/course/getimg/1aa30514-4eba-4493-a2bc-1e2cf052f7ed.jpg "آموزش یادگیری Siemens S7-1200 PLC و HMI از ابتدا با استفاده از TIA (Basics) [ویدئو]")
https://donyad.com/d/e6c9de
CodeLicks Academy
آکادمی CodeLicks
نمایش نظرات