آموزش 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
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/e6c9de
آموزش React و اکوسیستم آن - راهنمای کامل مبتدیان
React and its Ecosystem - A Complete Beginner's Guide
React.js را از ابتدا یاد بگیرید! درک عمیقی از اصول، موضوعات پیشرفته، قلاب، redux و موارد دیگر دریافت کنید!
![آموزش تست تمرینی بیش از 400 سوال مصاحبه لاراول [2023]](https://Donyad.com/course/getimg/e212686e-9fa0-4f9e-8a0a-63dc9dcd3227.jpg "آموزش تست تمرینی بیش از 400 سوال مصاحبه لاراول [2023]")
آموزش تست تمرینی بیش از 400 سوال مصاحبه لاراول [2023]
400+ Laravel Interview Questions Practice Test [2023]
پرسش و پاسخ مصاحبه لاراول آمادگی آزمون تمرینی | تازه کار تا با تجربه | توضیحات مفصل
آموزش Angular: برنامه های دارای ابر با Firebase
Angular: Cloud-Powered Apps with Firebase
بیاموزید که چگونه با استفاده از Firebase ، مجموعه ای از ابزارهای Google ، از JavaScript که برای توسعه Angular جلویی تسلط دارید استفاده کنید.
آموزش دوره Zero to Hero NextJS 14 برای توسعه پروژه واقعی
Zero to Hero NextJS 14 course for real project development
NextJS 14 و Bootstrap 5 را با مثال های عملی یاد بگیرید بعد از این دوره آماده ساخت پروژه های دنیای واقعی خواهید بود.
CodeLicks Academy
آکادمی CodeLicks
Udemy (یودمی)
یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.
یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.