قیمت این دوره: رایگانــ
  • مدرس دوره : علیرضا سرآبادانی تفرش
  • تعداد ویدیوها : 17 ویدیو
  • مدت زمان دوره : 1:7:00
  • سطح دوره : متوسط
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1401/11/11
معماری میکروفرانت اند ها در React

معماری میکروفرانت اند ها در React

میکروفرانت اند ها برای تفکیک کردن یک اپلیکیشن بزرگ به گروهی از اپ های کوچکتر استفاده می شوند. این عملیات دسته ای از فواید خاصی را برای هر فرانت اند کاری فراهم می کند:

1-    دسته کد های کوچک تر و با مفهوم تر

2-    برای هر اپلیکیشن از یه دسته خاصی کتابخانه استفاده کنید بدون دخالت دادن بقیه

به هر کدام از تیم های توسعه ی خود میتوانید دسترسی بدید تا به صورت جداگونه کار بکنند.

 

سرفصل دوره :

1-    میکروفرانت اند چیست
2- بررسی کلی برنامه
3- درک ادغام زمان بیلد
4- ادغام زمان اجرا
5- راه اندازی پروژه اول
6- تولید اپ محصولات
7- خروجی گرفتن از وب پک
8- افزودن برخی کانفیگ های وب پک
9- تکمیل اپ محصولات
10- افزودن container
11- راه اندازی module federation
12- شناخت module federation
13- موارد بیشتر از module federation
14- آشنایی با آپشن های پیکر بندی module federation
15- ایجاد سبد خرید
16- ادغام سبد خرید
17- استفاده از ماژول های مشترک
18- بارگذاری اسکریپت async
19-  مفاد اجرای اپ های فرزند
20- ریفکتور اپ محصولات
21- استفاده از ماژول های ریموت
22-   ریفکتور سبد خرید
23- بررسی کلی برنامه دوم
24- نیازمندی های پروژه دوم
25- نصب دپندنسی ها
26- تنظیمات اولیه وب پک
27- ایجاد کانفیگ های development
28- اجرای marketing به صورت مستقل قسمت اول
29- اجرای marketing به صورت مستقل قسمت دوم
30- افزودن صفحه اصلی و لیست پلن ها
31- اتمام اپ marketing
32- ایجاد container
33- ادغام marketing و container
34- علت استفاده از تابع mount
35- ادغام به صورت generic
36- یادآوری ماژول های اشتراکی
37- راه اندازی وب پک production
38- افزودن هدر
39-  مشکلات css در میکروفرانت اند ها
40- راه حل های css-scoping
41- نیازمندی های مربوط به حرکت در بین پروژه ها و صفحات
42- انواع آبجکت های history
43- استفاده از memory history
44- بررسی مسائل مربوط به مسیر یابی
45- رابطه بین برنامه ها
46- ارتباط از طریق callback ها
47- سینک کردن آبجکت های history
48- اجرای memory history به صورت مستقل
49- ارتباط container با پروژه های فرزند
50- استفاده از BrowserHistory در اجرای مستقل
51- ایجاد برنامه auth
52-  افزودن فرم های ورود و ثبت نام
53- ادغام auth در container
54- بررسی باگ موجود
55- برقراری ارتباطات احراز هویتی
56- افزودن استیت احراز هویت
57- خروج از حساب
58- ایجاد Dashboard
59- ادغام dashboard با container
60- مدیریت دسترسی به داشبورد


پیش نیاز های دوره :

  1. javascript
  2. html css
  3. react
  4. mui
  5. webpack

فهرستـــ ویدیوها

مدت زمان دوره 1:7:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • میکروفرانت اند چیست

00:05:23

توضیح کلی درباره چیستی میکروفرانت اند ها

2
  • بررسی کلی برنامه

00:02:26

بررسی روی اولین پروژه ی تستی که قرار استارتشو بزنیم

3
  • درک ادغام زمان بیلد

00:03:24

درک مفهوم ادغام در هنگام بیلد

4
  • ادغام زمان اجرا

00:02:28

درک مفهوم ادغام در هنگام اجرا

5
  • راه اندازی پروژه اول

00:03:52

استارت زدن پروژه تمرینی اولمون

6
  • تولید محصولات

00:04:14

به وجود آوردن پروژه محصولات یا cart

7
  • خروجی گرفتن از وب پک

00:02:19

خروجی باندل شده از وب پک میگیریم

8
  • افزودن برخی کانفیگ های وب پک

00:05:04

افزودن یک سری کانفیگ برای وب پک

9
  • تکمیل اپ محصولات

00:01:41

به اتمام رساندن پروژه product

10
  • افزودن container

00:03:59

ایجاد پروژه container

11
  • راه اندازی module federation

00:07:58

راه اندازی پلاگین module webpack federation

12
  • شناخت module federation

00:03:30

بررسی و شناخت module webpack federation

13
  • موارد بیشتر از module federation

00:05:43

بررسی موارد بیشتر از module federation

14
  • آشنایی با آپشن های پیکربندی

00:04:28

شناخت آپشن های موجود برای پیکربندی وب پک

15
  • ایجاد سبد خرید

00:04:24

ایجاد کردن پروژه سبد خرید یا cart

16
  • ادغام سبد خرید

00:02:30

ادغام پروژه سبد خرید با container

17
  • استفاده از ماژول های مشترک

00:04:15

نحوه استفاده از ماژول های مشترک بین دو اپ


نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .