ساخت یک اپلیکیشن چت بلادرنگ با ری اکت، NestJS و GraphQL
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت و استقرار یک وباپلیکیشن پیامرسانی بلادرنگ
- پیادهسازی احراز هویت JWT در بکاند و رابط کاربری
- استفاده از Material UI برای توسعه یک رابط کاربری منسجم و واکنشگرا
- توسعه یک GraphQL API برای قابلیت CRUD
- ذخیره داده با MongoDB و الگوی مخزن انتزاعی
- اجرای مهاجرتهای پایگاه داده بهصورت خودکار
- استفاده از Apollo Client برای مدیریت state رابط کاربری و کش داده اپلیکیشن
- استفاده از اشتراکهای وبسوکت در GraphQL برای انتشار و consume کردن پیامها به صورت بلادرنگ
- مسیریابی سفارشی رابط کاربری با React Router
- استفاده از ابزارهای تولید کد برای تولید خودکار انواع از اسکیمای GraphQL
- پیادهسازی صفحهبندی سمت سرور به منظور پیادهسازی اسکرول بیپایان
- استفاده از تجمیع MongoDB برای انجام فراخوانیهای پایگاه داده و lookupهای تک عملیاتی
- آپلود فایل در Amazon S3
- استقرار تولید در AWS در free-tier
- تحویل مداوم و CI و CD
- متصل کردن یک اپلیکیشن Pub Sub به ردیس برای اجازه ارسال پیامهای توزیع شده و مقیاسپذیری افقی
- متصل کردن اپلیکیشن به یک دامنه سفارشی و ایمنسازی ترافیک HTTPS
توضیحات دوره
در این دوره، فراتر از مستندات و اپلیکیشنهای ساده میرویم و شروع به ساخت یک اپلیکیشن چت فول استک واقعی میپردازیم. این اپلیکیشن را از ابتدا تا انتها میسازیم، به گونهای که مقیاسپذیر و در سطح تولید باشد. هدف این دوره این است که شما با توسعه وب اپلیکیشنهای فول استک راحت شوید تا بتوانید وب اپلیکیشن خود را توسعه دهید.
ما از یک بکاند NestJS، کتابخانه محبوب Node.js استفاده میکنیم که به ما اجازه میدهد تا به سرعت APIهای HTTP را با کد تمیز ایجاد کنیم. قابلیت CRUD توسط یک GraphQL API ارائه میشود که داده را با پایگاه داده MongoDB حفظ میکند. از همین GraphQL API برای ایجاد اشتراک پیامرسانی خود استفاده خواهیم کرد که امکان اتصال وبسوکت به رابط کاربری ما را فراهم میکند تا پیامرسانی را تسهیل کند. البته، همه چیز با احراز هویت JWT استاندارد صنعت ایمن خواهد شد.
در رابط کاربری یک اپلیکیشن ری اکت را با Material UI زیبا ایجاد خواهیم کرد تا به راحتی یک رابط کاربری واکنشگرا ایجاد کنیم و با بکاند خود تعامل برقرار کنیم. برای مدیریت state از Apollo Client استفاده خواهیم کرد تا به راحتی با GraphQL API تعامل کرده و داده را کش کند.
در نهایت، همه اینها را در AWS Elastic Beanstalk و Amplify مستقر خواهیم کرد. با پشتیبانی یک پایپلاین CI و CD تحویل مداوم، هر زمانی که کد را push کنیم، آخرین تغییرات آخر ما ساخته و در محیط انتخابی ما مستقر خواهد شد.
بعد از پایان پروژه، شما همهچیزهایی که برای شروع ساخت و استقرار اپلیکیشنهای وب سطح تولید خود نیاز دارید را خواهید آموخت!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان سطح متوسطی که به دنبال یادگیری بهترین شیوهها برای ساخت و استقرار یک وب اپلیکیشن مقیاسپذیر و در سطح تولید هستند.
- توسعهدهندگان سطح متوسطی که به دنبال یادگیری نحوه استقرار یک وب اپلیکیشن در AWS با تحویل مداوم هستند.
ساخت یک اپلیکیشن چت بلادرنگ با ری اکت، NestJS و GraphQL
-
مقدمه 01:14
-
دموی پروژه 03:20
-
مخاطبان دوره 01:15
-
منابع دوره 00:35
-
ایجاد اپلیکیشن ری اکت و Material UI 06:09
-
React Router DOM و Auth UI 14:26
-
راهاندازی NestJS منابع کاربران 13:34
-
مخزن انتزاعی 12:19
-
مخزن کاربران و GraphQL CRUD - قسمت 1 13:20
-
مخزن کاربران و GraphQL CRUD - قسمت 2 13:19
-
اعتبارسنجی، لاگ کردن و پاکسازی پیکربندی 06:57
-
مهاجرتهای پایگاه داده 11:23
-
باگ بروزرسانی کاربر 02:45
-
راهاندازی کلاینت آپولو 06:35
-
ایجاد کاربر 10:22
-
Passport و استراتژی محلی 09:34
-
اعمال استراتژی محلی 08:21
-
قابلیت JWT 11:35
-
استراتژی JWT 10:04
-
اعمال گارد احراز هویت GQL 07:35
-
لاگین رابط کاربری 07:37
-
اعتبارسنجی احراز هویت - قسمت 1 11:01
-
اعتبارسنجی احراز هویت - قسمت 2 13:27
-
گارد احراز هویت 14:55
-
لینک خروج از سیستم 08:14
-
ریدایرکت کردن احراز هویت 05:47
-
هدر - قسمت 1 16:56
-
هدر - قسمت 2 06:36
-
خروج 06:41
-
State احراز هویت 09:03
-
Snack خطا 14:29
-
لیست چت 11:22
-
رندرینگ شرطی 06:08
-
اضافه کردن مودال چت 14:11
-
ایجاد بکاند چت 10:10
-
تولید نوع GraphQL و ایجاد رابط کاربری چت 14:30
-
دریافت چتها 08:30
-
بروزرسانی کش 04:47
-
اضافه کردن پاکسازی چت 06:08
-
رابط کاربری چت - قسمت 1 10:10
-
رابط کاربری چت - قسمت 2 07:30
-
ایجاد بکاند پیام 16:23
-
ایجاد رابط کاربری پیام 06:44
-
دریافت پیامها 11:21
-
بروزرسانی کش پیامها 09:07
-
رابط کاربری پیامها 19:51
-
رابط کاربری واکنشگرا 06:40
-
اشتراکهای بکاند 14:16
-
اشتراکهای رابط کاربری 14:12
-
احراز هویت اشتراک و کانتکس 17:59
-
بروزرسانی کش پیامها 16:52
-
تجمیع پیامها 16:00
-
تجمیع چتها 16:49
-
موجودیتهای رابط کاربری 10:53
-
کش آخرین پیام 07:37
-
اشتراکهای پیام چندگانه 09:32
-
صفحهبندی بکاند چتها 11:46
-
صفحهبندی رابط کاربری چتها 20:37
-
صفحهبندی بکاند پیامها 06:00
-
صفحهبندی رابط کاربری پیامها و پاکسازی 17:06
-
راهاندازی AWS 10:03
-
آپلود فایل بکاند 23:11
-
آپلود فایل در رابط کاربری 16:21
-
بکاند تصویر پروفایل کاربر 14:37
-
رابط کاربری تصویر پروفایل کاربر 07:20
-
رابط کاربری Amplify 09:49
-
Elastic Beanstalk 11:45
-
CD و CI پایپلاین کد 17:07
-
MongoDB Atlas و بروزرسانیهای اپلیکیشن 16:18
-
گواهینامه SSL 15:02
-
CORS و پاکسازی اپلیکیشن 23:55
-
Pub Sub ردیس 17:17
-
دامنه سفارشی 20:53
مشخصات آموزش
ساخت یک اپلیکیشن چت بلادرنگ با ری اکت، NestJS و GraphQL
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:متوسط
- تعداد درس:73
- مدت زمان :13:46:29
- حجم :6.33GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy