آموزش برنامه بررسی ها و توصیه های فیلم MERN Stack
MERN Stack Movie Reviews and Recommendations App
سلام و به دوره آموزشی ساخت یک برنامه نقد و بررسی فیلم و توصیه با پشته MERN خوش آمدید!
در این دوره آموزشی، نحوه استفاده از یک ابزار front-end جدید به نام VITE و مقایسه آن با برنامه محبوب Create-React-App را خواهید آموخت. همچنین نحوه کار با کوئری‌ها، طرح‌واره‌ها و مدل‌های پیچیده MongoDB را یاد خواهید گرفت.
ما نحوه ایجاد رابط کاربری مجزا برای کاربران عادی و مدیران را توضیح خواهیم داد. برای ساخت این رابط‌ها، از ترکیبی از Tailwind CSS برای اهداف سبک و AntD برای ساخت اجزای رابط کاربری استفاده خواهیم کرد.
ما همچنین احراز هویت JWT و هش رمز عبور را با استفاده از BCrypt پوشش خواهیم داد. برای مدیریت وضعیت برنامه خود، از Redux و Redux Toolkit استفاده خواهیم کرد.
برای مدیران، نحوه ایجاد هنرمندان و فیلم‌ها و مدیریت سایر کاربران در پورتال را توضیح خواهیم داد. فقط کاربرانی که دسترسی سرپرست دارند می‌توانند عملیات CRUD را روی فیلم‌ها و هنرمندان انجام دهند.
پس از ایجاد یک فیلم، در صفحه اصلی برای کاربران عادی فهرست می شود. فقط جزئیات اولیه مانند میانگین امتیازات و اطلاعات فیلم در صفحه اصلی نمایش داده می شود. برای مشاهده اطلاعات بیشتر درباره یک فیلم، کاربران می توانند به صفحه اطلاعات فیلم بروید، جایی که می توانند جزئیاتی مانند بازیگران و خدمه، پوسترها و تریلرها را مشاهده کنند. کاربران همچنین می توانند نظرات خود را برای یک فیلم در صفحه اطلاعات فیلم ارسال کنند. آنها می توانند نظرات خود را از نمایه خود به روز کنند یا حذف کنند.
هرگاه فعالیتی در رابطه با بررسی یک فیلم وجود داشته باشد، میانگین امتیاز آن فیلم در زمان واقعی به‌روزرسانی می‌شود.
ما همچنین نحوه اجرای به‌روزرسانی‌های نمایه کاربر و قابلیت بازنشانی رمز عبور را پوشش خواهیم داد.
در نهایت، نحوه فشار دادن کد خود به GitHub و میزبانی برنامه خود را در RENDER IO توضیح خواهیم داد. در طول دوره، ما پشتیبانی شبانه روزی Q A را برای کمک به شما در این راه ارائه خواهیم کرد. حتی مبتدیان نیز می توانند محتوای دوره را درک کرده و همراه با آن دنبال کنند.
در اینجا چند مزیت اضافی استفاده از پشته MERN آورده شده است:
جاوا اسکریپت یک زبان واحد برای هر دو قسمت جلویی و بک‌اند است: این امر یادگیری و استفاده از پشته را برای توسعه‌دهندگان آسان‌تر می‌کند، زیرا آنها فقط باید یک زبان را یاد بگیرند.
پشته MERN به خوبی پشتیبانی می‌شود: تعداد زیادی منابع برای توسعه‌دهندگانی که از پشته MERN استفاده می‌کنند در دسترس است، از جمله اسناد، آموزش‌ها، و پشتیبانی انجمن.
پشته MERN مقیاس پذیر است: می توان از آن برای ساخت برنامه های کاربردی وب کوچک و ساده و همچنین برنامه های کاربردی وب بزرگ و پیچیده استفاده کرد.
پشته MERN ایمن است: از تعدادی ویژگی امنیتی مانند احراز هویت و مجوز استفاده می کند تا از برنامه های وب در برابر حمله محافظت کند.
اگر به دنبال یک پشته توسعه وب مدرن، مقیاس پذیر و ایمن هستید، پشته MERN یک گزینه عالی است.
نسخه ی نمایشی پروژه Project Demo
-
نسخه ی نمایشی پروژه Project Demo
راه اندازی Front End Front End Setup
-
معرفی Introduction
-
راه اندازی Tailwind Tailwind Setup
-
راه اندازی Antd Antd Setup
رابط کاربری احراز هویت Authentication UI
-
صفحه ثبت نام Register Screen
-
صفحه ورود Login Screen
راه اندازی Backend Backend Setup
-
تنظیم گره Node Setup
-
راه اندازی Mongo Mongo Setup
مدل احراز هویت و APIS Authentication Model & APIS
-
مدل کاربر User Model
-
ثبت API Register API
-
Login API Login API
ادغام API احراز هویت Authentication API's Integration
-
راه اندازی درخواست API API Request Setup
-
ثبت یکپارچه سازی API Register API Integration
-
ورود به سیستم یکپارچه سازی Login Integration
-
رفع ماژول احراز هویت Authentication Module Fixes
میان افزارها Middlewares
-
Auth Middleware Auth Middleware
-
مسیرهای محافظت شده Protected Routes
Layout و Redux Layout and Redux
-
چیدمان Layout
-
تنظیم Redux Redux Setup
-
نمایش و پنهان کردن لودرها Show and Hide Loaders
مدل هنرمند و APIS Artist Model and APIS
-
مدل هنرمند Artist Model
-
هنرمند APIS Artist APIS
رابط کاربری هنرمند Artist UI
-
راه اندازی رابط کاربری مدیر Admin UI Setup
-
فرم هنرمند Artist Form
-
هنرمند را اضافه کنید Add Artist
-
نمایش هنرمندان Show Artists
-
ویرایش هنرمندان Edit Artists
-
حذف هنرمندان Delete Artists
آپلود تصویر/رسانه Image / Media Upload
-
معرفی ابری Cloudinary Intro
-
آپلود تصویر باطن Image Upload Backend
-
قسمت جلویی آپلود تصویر Image Upload Front End
-
نمایش تصاویر آپلود شده Show Uploaded Images
فیلم ها Movies
-
فرم فیلم Movie Form
-
فیلد برای هنرمندان را انتخاب کنید Select Field For Artists
-
APIS فیلم ها Movies APIS
-
اضافه کردن فیلم Add Movie
-
نمایش فیلم ها Show Movies
ویرایش و حذف فیلم Edit & Delete Movie
-
ویرایش فیلم Edit Movie
-
رسیدگی به پوسترهای فیلم Handling Movie Posters
-
حذف فیلم Delete Movie
نمایش فیلم ها Display Movies
-
فیلم ها در صفحه اصلی Movies In Home Page
-
صفحه اطلاعات فیلم Movie Info Page
بررسی ها Reviews
-
بررسی مدل و APIS Reviews Model and APIS
-
فرم بررسی Review Form
-
نمایش نظرات Show Reviews
اطلاعات هنرمندان Artists Info
-
صفحه اطلاعات هنرمندان Artists Info Page
-
نمایش فیلم های هنرمندان Show Movies of Artists
مشخصات کاربر User Profile
-
برگه های نمایه کاربر User Profile Tabs
-
نمایش نظرات کاربران Show Reviews Of User
-
ویرایش بررسی Edit Review
-
حذف بررسی Delete Review
-
به روز رسانی جزئیات کاربر Update User Details
مدیریت کاربر (درگاه مدیریت) User Management (Admin Portal)
-
فعال، غیر فعال، نقش های کاربر Active , Inactive , User Roles
فیلترها و جستجوی سریع Filters and Quick Search
-
جستجوی سریع - UI Quick Search- UI
-
جستجوی سریع - API Quick Search- API
-
فیلتر بر اساس ژانر، زبان Filter By Genre , Language
گسترش Deployment
-
استقرار برای رندر IO Deploy To RENDER IO
https://donyad.com/d/f99a2f
K.Sathyaprakash Reddy
توسعه دهنده کامل پشته سلام ، من Satyaprakash Reddy هستم ، و یک توسعه دهنده مستقل در هند هستم. 5 سال تجربه توسعه برنامه ها در Android و Web Development دارم. من از سه سال گذشته در یک موسسه سخنرانی های کدگذاری را آموزش داده ام. بنابراین اکنون می خواستم دانش خود را از طریق Udemy در سراسر جهان به اشتراک بگذارم. بیشتر وقتم را صرف تحقیق در مورد چگونگی یادگیری رمزگذاری سرگرم کننده و فهم مفاهیم سخت می کنم. من هر آنچه را کشف می کنم در دوره های Bootcamp خود اعمال می کنم. در دوره های من ، شوخ طبعی زیادی پیدا خواهید کرد اما همچنین توضیحات و انیمیشن های زیادی برای اطمینان از درک همه چیز وجود دارد. با تشکر از U
نمایش نظرات