دوره آموزشی
دوبله زبان فارسی
یادگیری میکرو فرانتاند ریاکت از ابتدا با استفاده از وبپک
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یاد میگیرید که ابزار خط فرمان create-react-app چگونه در پشت صحنه کار میکند.
- تفاوتهای بین معماری monolithic و معماری میکرو فرانتاند
- یاد میگیرید وبپک چیست و چگونه به ابزار create-react-app کمک میکند تا اپلیکیشن ریاکت را پردازش کند تا در مرورگر رندر شود.
- یاد می گیرید که چگونه یک اپلیکیشن ریاکت جدید را با استفاده از وبپک از ابتدا ایجاد کنید.
- یادگیری تفاوتهای بین سرور توسعه وبپک و سرور تولید
- پیادهسازی قابلیت hot reload با استفاده از پلاگین react-refresh
- ایمپورت و اکسپورت کامپوننتها از یک پروژه به پروژه دیگر با استفاده از پلاگین فدراسیون ماژولهای وبپک
- یاد میگیرید که چگونه مسیرها و ناوبری را در معماری میکرو فرانتاند مدیریت کنید.
- یاد میگیرید که چگونه مخازن کد را برای اپلیکیشنهای میکرو فرانتاند نگهداری کنید.
- یاد میگیرید که چگونه اپلیکیشنهای میکرو فرانتاند را مستقر و نگهداری کنید.
پیشنیازهای دوره
- آشنایی قبلی با اصول ریاکت برای درک مفاهیم مطرح شده در دوره ضروری است. این اصول شامل کامپوننتها، مدیریت state و props و سینتکس JSX میشود.
توضیحات دوره
کشف قدرت میکرو فرانتاند - ساخت اپلیکیشنهای مقیاسپذیر ریاکت با وبپک
- در این دوره، شما سفر هیجانانگیزی را برای تسلط به میکرو فرانتاند آغاز خواهید کرد، یک رویکرد پیشرفته که شیوه ساخت اپلیکیشنهای وب مدرن را متحول میکند. با استفاده از ریاکت و وبپک، خواهید آموخت که چگونه معماریهای فرانتاند مقیاسپذیر، قابل نگهداری و کارآمد ایجاد کنید.
- ما با رمزگشایی ابزار create-react-app شروع میکنیم و به بررسی کارکرد داخلی وبپک میپردازیم. شما درک عمیقی از نحوه عملکرد وبپک در پشت صحنه create-react-app پیدا خواهید کرد که پایهگذار سفر شما به میکرو فرانتاند خواهد بود.
- سپس به اصول وبپک میپردازیم و شما را آموزش میدهیم که چگونه یک اپلیکیشن ریاکت را از ابتدا بسازید. شما درباره مفاهیم ضروری در webpack.config.js مانند hot reloading و سرور توسعه وبپک و سفارشیسازی نقاط ورودی و خروجی یاد خواهید گرفت.
- با درک قوی از وبپک و ریاکت، مفهوم میکرو فرانت اند را معرفی خواهیم کرد. شما میآموزید که چگونه یک پروژه با استفاده از معماری monolithic بسازید و سپس به رویکرد میکرو فرانتاند منتقل شوید. این تجربه عملی به شما کمک خواهد کرد تا تفاوتهای بین دو معماری و مزایای میکرو فرانتاند را درک کنید.
- هسته دوره به مفاهیم میکرو فرانتاند مانند میزبانها، ریموتها، exposes و نحوه اکسپورت و ایمپورت ماژولها با استفاده از فدراسیون ماژولهای وبپک متمرکز است. شما یاد میگیرید که چگونه اپلیکیشن خود را به کامپوننتهای مستقل و کوچکتر تقسیم کنید که میتوانند بهطور جداگانه توسعه داده شده، تست شده و مستقر شوند.
- برای تقویت درک شما، ما شما را در ساخت همان پروژه با استفاده از هر دو معماری monolithic و میکرو فرانتاند راهنمایی خواهیم کرد. این رویکرد مقایسهای به شما امکان میدهد که مزایای میکرو فرانتاند را درک کرده و تصمیمات آگاهانهای در طراحی اپلیکیشنهای خود بگیرید.
- در نهایت، ما به بررسی استراتژیهای استقرار برای اپلیکیشنهای میکرو فرانتاند خواهیم پرداخت و اطمینان خواهیم داد که تمام دانش لازم برای ساخت و استقرار راهحلهای مقیاسپذیر و با عملکرد بالا را دارا هستید.
- در پایان دوره، شما درک جامعی از میکرو فرانتاند و توانایی ایجاد اپلیکیشنهای فرانتاند ماژولار، قابل نگهداری و کارآمد با استفاده از ریاکت و وبپک را خواهید یافت. قدرت میکرو فرانتاند را کشف کنید و مهارتهای توسعه فرانتاند خود را به ارتفاعات جدیدی ببرید.
این دوره برای چه کسانی مناسب است؟
- این دوره برای توسعهدهندگانی طراحی شده که با ریاکت آشنا هستند و میخواهند یاد بگیرند که چگونه میکرو فرانتاند را با استفاده از وبپک بسازند و مدیریت کنند. آنها یاد خواهند گرفت که چگونه اپلیکیشنهای ریاکت خود را با استفاده از وبپک بهینهسازی کرده و یک معماری میکرو فرانتاند مقیاسپذیر پیادهسازی کنند.
یادگیری میکرو فرانتاند ریاکت از ابتدا با استفاده از وبپک
-
create-react-app چگونه کار میکند؟ 09:06
-
مقدمه وبپک 08:39
-
راهاندازی ریاکت و react-dom 05:54
-
راهاندازی پیکربندی وبپک 22:40
-
ورود و خروج سفارشی در پیکربندی وبپک 07:12
-
بارگذارهای CSS در وبپک 05:23
-
بارگذارهای فایل در وبپک 04:38
-
راهاندازی سرور توسعه وبپک 07:10
-
راهاندازی hot reloading با استفاده از react-refresh 04:30
-
ایجاد هدر 08:22
-
ایجاد todo-form 10:03
-
استایلدهی todo-form 09:00
-
افزودن todo 06:13
-
نمایش آیتمهای todo 13:38
-
ویرایش todo 03:34
-
حذف todo 04:14
-
پروژه میکرو فرانتاند - مقدمه 07:42
-
راهاندازی تمام میکرو فرانتاند 11:05
-
اکسپورت کامپوننت todoform 07:06
-
ایمپورت کامپوننت todoform در اپلیکیشن میزبان 08:07
-
افزودن محتوا به کامپوننت todoform 05:07
-
اکسپورت کامپوننت todolist 08:33
-
ویرایش سناریوی todo در میکرو فرانتاند 04:26
-
راهاندازی پیکربندی وبپک برای تولید 10:43
-
پوش کردن کد به گیتهاب 02:25
-
استقرار اپلیکیشنهای راه دور 05:41
-
استقرار اپلیکیشن میزبان 04:22
مشخصات آموزش
یادگیری میکرو فرانتاند ریاکت از ابتدا با استفاده از وبپک
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:مقدماتی
- تعداد درس:27
- مدت زمان :03:25:33
- حجم :1.71GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy