🔔 با توجه به بهبود نسبی اینترنت، آمادهسازی دورهها آغاز شده است. به دلیل تداوم برخی اختلالات، بارگذاری دورهها ممکن است با کمی تأخیر انجام شود. مدت اشتراکهای تهیهشده محفوظ است.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش تسلط بر میکر وفرانتاند با Module Federation
- آخرین آپدیت
دانلود Mastering Micro Frontends with Module Federation
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
شکستن مونولیتها: راهنمای عملی توسعه ماژولار وب
با استفاده از میکرو فرانتاندها، تیم توسعه خود را مقیاسپذیر کنید.
Module Federation را برای جداسازی یک برنامه به چندین میکرو فرانتاند پیادهسازی کنید.
NX، پیشروترین چارچوب ابزارهای مونو-ریپو را بیاموزید و یک مونو-ریپو جدید راهاندازی کنید.
برنامهها و بستههای قابل استفاده مجدد برای اشتراکگذاری قابلیتهای پیشرفته بین تیمها ایجاد کنید.
الگوهای طراحی مختلف برای ارتباط میکرو فرانتاندها، مانند Pub/Sub را بیاموزید.
با کتابخانههای محبوب مانند Tanstack React Query، به اشتراکگذاری وضعیت بین میکرو فرانتاندها بپردازید.
یک کتابخانه کامپوننت با یک چارچوب محبوب مانند Tailwindcss و CSS Modules ایجاد کنید.
برنامه خود را مستقر کنید و یاد بگیرید که چگونه آن را نسخهبندی کنید تا امکان استقرار مداوم فراهم شود.
درک کنید که میکرو فرانتاندها چگونه کار میکنند و آیا برای تیم/پروژه شما مناسب هستند یا خیر.
پیشنیازها: تجربه کار با React
تسلط بر میکرو فرانتاندها با Module Federation: راهنمای نهایی معماری مدرن وب
با جامعترین و آزمودهشدهترین دوره در مورد میکرو فرانتاندها، نحوه ساخت برنامههای وب در مقیاس بزرگ را متحول کنید. مستقیماً از یکی از مشارکتکنندگان فعال Module Federation که این راهحلها را برای شرکتهای Fortune 100 پیادهسازی کرده است، بیاموزید. این دوره از جدیدترین تکنیکها با آخرین نسخههای هر فناوری موجود استفاده میکند: nx، rspack، vite و Module Federation.
در اینجا سه دلیل تغییر دهنده بازی آورده شده است که چرا میکرو فرانتاندها میتوانند تجربه توسعه شما را متحول کنند:
استقرار سریعتر و ایمنتر - ویژگیهای منفرد را بدون دست زدن به کل برنامه بهروز کنید.
استقلال واقعی به تیمها بدهید - تیمهای مختلف میتوانند با استفاده از ابزارهای ترجیحی خود به طور مستقل کار کنند.
بدون پیچیدگی مقیاسپذیر شوید - برنامههای عظیم را به قطعات کوچکتر و قابل مدیریت تقسیم کنید.
چرا این دوره برجسته است:
از یک مشارکتکننده هسته Module Federation بیاموزید.
مبتنی بر پیادهسازیهای دنیای واقعی در شرکتهای Fortune 100.
از ابزارهای ساخت پیشرفته مانند Rspack استفاده میکند - یک جایگزین مبتنی بر Rust برای Webpack.
دارای الگوهای اثبات شده مورد استفاده توسط شرکتهای برتر فناوری.
شامل آخرین بهترین شیوهها و تکنیکهای سال 2024 است.
آنچه یاد خواهید گرفت:
ساخت معماریهای میکرو فرانتاند آماده تولید.
پیادهسازی Module Federation با آخرین ابزارها.
ایجاد ماژولهای فرانتاند با قابلیت استقرار مستقل.
مدیریت مؤثر ساختارهای مونو-ریپو با NX.
بهینهسازی عملکرد و حجم بستهها.
یادگیری الگوهای قوی برای نسخهبندی و سرو کردن پویا میکرو فرانتاندها.
یادگیری عملی و دنیای واقعی: از طریق پروژههای عملی، یاد خواهید گرفت که چگونه:
دو میکرو فرانتاند را توسعه دهید که به قطعات قابل مدیریت تقسیم شدهاند.
تکنیکهای اشتراکگذاری وضعیت را با کتابخانههای محبوب مانند React Query و Tailwindcss پیادهسازی کنید.
عملکرد را با استفاده از Module Federation بهینه کنید.
برنامهها را به طور مؤثر مقیاسبندی کنید.
مسیریابی تو در تو را طراحی کنید، که به یک میکرو فرانتاند اجازه میدهد ساختار مسیر خود را تعریف کند.
فناوریهای پوشش داده شده:
Module Federation
Rspack
React
TypeScript
NX
بهترین شیوههای مدرن CI/CD.
چه کسانی باید این دوره را بگذرانند:
توسعهدهندگان فرانتاند که به دنبال مقیاسپذیر کردن برنامههای خود هستند.
معماران نرمافزار که سیستمهای در مقیاس بزرگ را طراحی میکنند.
سرپرستان تیم که تیمهای توسعه متعدد را مدیریت میکنند.
توسعهدهندگانی که میخواهند از روندهای صنعت جلوتر بمانند.
آنچه این دوره را متفاوت میکند: برخلاف دورههای دیگر، الگوها و شیوههای دقیقی را که توسط شرکتهای برتر برای ساخت برنامههای مقیاسپذیر و قابل نگهداری استفاده میشود، خواهید آموخت. موضوعات به طور عمیق پوشش داده میشوند زیرا ما مراحل پیادهسازی را مرور میکنیم و به شما تجربهای عملی در دنیای واقعی از ساخت میکرو فرانتاندها میدهیم.
صدها ساعت را برای کشف این موضوع به تنهایی تلف نکنید. به هزاران توسعهدهنده موفق بپیوندید که برنامههای خود را با استفاده از این الگوهای اثبات شده میکرو فرانتاند متحول کردهاند.
امروز شروع به تسلط بر میکرو فرانتاندها کنید و نحوه ساخت برنامههای وب خود را متحول سازید!
سرفصل ها و درس ها
مقدمه
Introduction
مقدمه
Introduction
Module Federation - Vite، Rspack و Rsbuild
Module Federation - Vite, Rspack and Rsbuild
NX - اکوسیستم و الگوها را بیاموزید
NX - Learn the ecosystem and patterns
NX - راهاندازی monorepo با react و rspack
NX - Setting up the monorepo with react and rspack
افزودن Module Federation
Adding Module Federation
ماژولهای فدرال
Federating Modules
بارگذاری Remotes، Federated Types، CSS Modules و Manifest
Loading Remotes, Federated Types, CSS Modules and the Manifest
Dynamic Remotes - بارگذاری remotes در زمان اجرا
Dynamic Remotes - load remotes at runtime
پلاگینها و نمایش کامپوننتهای غیر react
Plugins and exposing non-react components
Plugin - بهروزرسانی URL ریموت در زمان اجرا
Plugin - Update the remote url at runtime
Plugin - مشاهده scope اشتراکگذاری شده (ماژولها)
Plugin - Observing the shared scope (modules)
بهینهسازی زمان اجرا
Optimizing the runtime
وضعیت مشترک/ارتباط رویدادی
Shared State/Eventful Communication
نمایش نظرات