پروژه MERN Stack برای مبتدیان
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک وبسایت کاربرپسند و کاربردی Yoga Master با استفاده از فناوریهای MERN stack
- پیادهسازی کامپوننت های رابط کاربری برای مرور دورهها، دسترسی به کلاسها و خرید دورهها
- توسعه قابلیتهای مدرس برای ایجاد دوره، مدیریت و مشاهده وضعیت دورهها
- ایجاد یک داشبورد ادمین برای مدیریت کاربران، مدرسان، دورهها و دادههای وبسایت
پیشنیازهای دوره
- آشنایی مقدماتی با React Js
توضیحات دوره
سرفصل این دوره طوری طراحی شده است که شما را با ساخت پروژههای دنیای واقعی با استفاده از MERN stack (شامل MongoDB ،Express.js React.js و Node.js) از یک مبتدی به یک توسعهدهنده وب فول-استک ماهر تبدیل کند.
ساختار دوره
این دوره به سه بخش تقسیم خواهد شد:
- اصول MERN Stack: این بخش مبانی هر فناوری در MERN stack، از جمله JavaScript ،HTML ،CSS ،Node.js ،Express.js MongoDB و React.js را پوشش خواهد داد.
- توسعه پروژه: این بخش شما را در ساخت چندین پروژه با پیچیدگی روزافزون، با به کارگیری مفاهیم آموخته شده در بخش اصول، راهنمایی خواهد کرد.
- استقرار و فراتر از آن: این بخش به استقرار پروژههای شما در محیط پروداکشن و بررسی موضوعات پیشرفته مانند تست، امنیت و بهترین شیوهها خواهد پرداخت.
رابط کاربری:
فناوریها: React.js
ویژگیها:
- صفحه اصلی
- صفحه جزئیات مدرس
- صفحه جزئیات دورهها (عنوان دوره، بنر، توضیحات دوره، ویژگیهای ثبتنام و موارد دیگر)
- امکان دسترسی کاربران به کلاسها
- ادغام یک درگاه پرداخت امن برای خرید دورهها (مانند Stripe).
- مدیریت پروفایل کاربری (اختیاری)
گزینههای مدرس:
فناوریها: React.js (برای فرم درخواست)، Node.js (برای پردازش بکاند)
ویژگیها:
- ارائه یک فرم درخواست اختصاصی برای کاربرانی که میخواهند مدرس شوند.
- دریافت اطلاعات مرتبط (مانند تجربه، مدارک، بیوگرافی).
- ارسال درخواستها به ادمین برای بازبینی.
- امکان بارگذاری دورههای یوگای جدید توسط مدرسان
- امکان ارائه جزئیاتی مانند عنوان، توضیحات، لینکها/فایلهای ویدئویی و قیمتگذاری.
- نمایش وضعیت دورههای بارگذاریشده (در انتظار تایید، تایید شده، رد شده).
- به صورت اختیاری، امکان ویرایش و حذف دورههای خود توسط مدرسان.
داشبورد ادمین:
فناوریها: React.js (برای ساخت رابط داشبورد)، Node.js (برای پردازش بکاند و دسترسی به دادهها)
ویژگیها:
- مدیریت حسابهای کاربری (مشاهده جزئیات، بروزرسانی اطلاعات، تعلیق حسابها).
- بازبینی و تایید/رد درخواستهای مدرسان.
- مدیریت دورهها (مشاهده همه دورهها، ویرایش جزئیات، تایید/رد دورههای جدید).
- ردیابی دورههای خریداریشده و فعالیت کاربران (اختیاری).
- دسترسی به تحلیلها و گزارشها (اختیاری).
ملاحظات اضافی:
- احراز هویت و مجوزدهی: پیادهسازی احراز هویت کاربر (ورود، ثبتنام) و مجوزدهی (نقشهای کاربری مختلف با سطوح دسترسی متفاوت).
- پایگاه داده: استفاده از MongoDB برای ذخیره دادههای کاربران، اطلاعات دورهها، سوابق خرید، جزئیات مدرسان و غیره.
- استقرار: انتخاب یک پلتفرم مانند Heroku یا AWS برای میزبانی اپلیکیشن های فرانتاند و بکاند.
این یک بررسی سطح بالاست، و ویژگیها و عملکردهای اضافی میتوانند بر اساس نیازها و دیدگاه خاص شما اضافه شوند.
این دوره برای چه کسانی مناسب است؟
- مبتدیانی که میخواهند MERN Stack (شامل React MongoDB ،Node Js ،Express JS) را یاد بگیرند.
- توسعهدهندگان فرانتاند تازهکار که میخواهند پروژه رویایی خود را بسازند تا ظرف چند ماه استخدام شوند.
پروژه MERN Stack برای مبتدیان
-
مقدمه 15:22
-
راهاندازی پروژه و شروع کار با بکاند 03:43:50
-
شروع کار با بخش فرانتاند 03:15:02
-
طراحی صفحه کلاس همراه با دریافت داده از بکاند 03:05:20
-
صفحه ثبتنام و ورود 01:02:29
-
روتر کلاس تکی و داشبورد 01:55:18
مشخصات آموزش
پروژه MERN Stack برای مبتدیان
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:مقدماتی
- تعداد درس:6
- مدت زمان :13:17:21
- حجم :6.41GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy