دوره پیشرفته Next.js (پروژه فول استک سایت فیلم و پنل ادمین)

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

در این قسمت پروژه تاپ فیلم رو استارت می زنیم و سعی می کنیم که Layout اولیه سایت رو باهم پیاده سازی کنیم.

در این قسمت با همدیگر روی استایل دهی پروژه کارمون رو ادامه میدیم و درواقع به Navbar و Slider در صفحه می پردازیم.

در این بخش در ادامه قسمت های استایل دهی به سراغ ساخت اسلایدر فیلم میریم و بعد از ساخت اسلایدر فیلم ها با هم می بینیم که به چه صورتی میشه صفحه فعال در سایت رو در داخل Navbar به صورت فعال نمایش داد.

توی این قسمت سعی می کنیم که با همدیگه صفحه اختصاصی هر فیلم رو پیاده سازی کنیم. این قسمت هم با react-bootstrap , antd کار خواهیم کرد.

توی این قسمت نسبتا طولانی! با همدیگه سعی می کنیم که ظاهر و کامپوننت قسمت نظرات به همراه ساخت قسمتی از صفحه پلیر رو انجام بدیم.

در این قسمت هم سعی می کنیم که پلیرمون رو بیشتر روش کار کنیم و امکانات بهش بدیم.

این جلسه هم همچنان به اضافه کردن امکانات و قابلیت های پلیرمون می پردازیم.

در این جلسه بعد از ساخت پلیر می خواهیم طی چند جلسه وارد ساخت صفحه ورود و ثبت نام و مباحث احراز هویت بشیم.

در ادامه سلسله جلسات احراز هویت بعد از ساخت صفحه لاگین به صفحه ثبت نام و دغدغه های این صفحه میرسیم.

در این قسمت بعد از دو قسمت که ظاهر صفحه ثبت نام و ورود رو پیاده کردیم به سراغ ظاهر صفحه لیست فیلم ها میریم و روی این قسمت کار کنیم.

توی این قسمت باهمدیگه میایم و یکم اصلاحات در ظاهر سایت و اجزای سایت اعمال می کنیم.

توی این قسمت در ادامه جلسه قبل باهمدیگه میایم و یکم اصلاحات در ظاهر سایت و اجزای سایت اعمال می کنیم.

در این قسمت با همدیگه قرار هست که وارد یکی از مباحث پیشرفته و فوق العاده خوب و جذاب نکست بشیم که در واقع API Routes هست.

در این قسمت با کتابخانه مفید و خوب SWR برای ارسال درخواست و دریافت اطلاعات آشنا میشیم و کار می کنیم.

در اين قسمت بدون هيچ گونه ماجراي عجيب و غريبي سعي مي كنيم كه اپ نکست مون رو به مونگو دی بی متصل کنیم! این قسمت رو برای همه دوستان به صورت رایگان قرار می دهم تا بتونن استفاده کنن :)

توی این قسمت میایم و از یکی از پرطرفدار ترین ابزار های دیتابیس مونگو دی بی استفاده می کنیم و راه اندازیش می کنیم.

توی این قسمت فایل server.js را در پروژه مون ایجاد می کنیم و از اهمیت و دلایل استفاده از اون با خبر میشیم. در واقع میشه گفت تمام آن چیزی که برای انتشار اپ نکست روی سرور اختصاصی خودتون می خواید انجام بدین داخل همین ایشون هست.

توی این قسمت بعد از چند جلسه راه اندازی بک اند و دیتابیس و ... قرار هست که به صورت عملی با مونگو دی بی کار کنیم و اولین داکیومنت دیتابیس مون که درواقع مربوط به کاربران مون هست رو ایجاد کنیم.

در این قسمت پس از اتصال به بک اند و دیتابیس و ساخت ساختار کاربران می خواهیم با استفاده از API Routes بیایم و api مربوط به ساخت کاربران رو ایجاد کنیم و اولین کاربر مون رو ثبت نام کنیم.

در این قسمت ادامه مباحث جلسه قبل رو شاهد خواهیم بود.

در این قسمت وارد سلسله جلسات لاگین میشیم و قراره که باهم API مربوط به لاگین رو پیاده سازی کنیم.

در ادامه سلسله جلسات احراز هویت می خواهیم که با معقوله کوکی ها و توکن در بحث احراز هویت و کنترل کوکی از سمت سرور و ... آشنا بشیم.

توی این جلسه بحث کوکی رو تکمیل می کنیم و کمی هم تغییرات در ظاهر صفحه مون انجام میدیم.

در این قسمت در ادامه مباحث جلسات قبل میایم و باهمدیگه یاد میگیریم که به چه صورت باید یک لودر برای اپ مون پیاده سازی کنیم.

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

توی این جلسه پس از مباحث احراز هویت و ... به ساخت صفحه پروفایل هر کاربر می پردازیم.

در این قسمت باهمدیگه میایم و قابلیت تغییر اطلاعات کاربری رو به هر کاربر و درواقع خود شخص میدیم و در کنارش میایم و مدل کاربری که در دیتابیس ایجاد کرده بودیم رو هم اصلاح می کنیم.

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

در این قسمت میایم و قسمت تغییر اطلاعات کاربری رو به طور کامل پیاده سازیش می کنیم و از این قابلیت استفاده می کنیم.

در این قسمت اطلاعات کاربران رو از دیتابیس دریافت و در فیلد های مورد نظر قرار میدیم و عملا صفحه پروفایل رو تکمیل می کنیم.

در این قسمت وارد پروژه دوم مون که تلفیق شده با پروژه اول مون هست میشیم و میایم و Layout صفحه داشبورد رو ایجاد می کنیم.

توی این قسمت قرار هست که بیایم و صفحات خانه (نمایش آمار کلی سایت) و کنترل کاربران (تغییر و نمایش کاربران) رو پیاده سازی کنیم.

در این قسمت سعی می کنیم که با استفاده از API هایی که می نویسیم بیایم و اطلاعات کلی سایت و کاربران رو در کامپوننت های مربوطه شون نمایش بدیم.

توی این قسمت کمی با ارور هایی که ظاهر میشن سر و کله میزنیم و حل شون می کنیم و همینطور میایم و صفحه بندی جدول رو چه در سمت سرور و چه در سمت فرانت یاد می گیریم.

در این قسمت می خواهیم باهمدیگه قابلیت تغییر اطلاعات کاربران رو با استفاده از یک مودال باز شونده در کتابخانه antd پیاده سازی کنیم.

در ادامه جلسه قبل میایم و باهمدیگه api مربوط به تغییر اطلاعات کاربران رو در سمت سرور پیاده سازی می کنیم.

درواقع از این جلسه سلسله جلسات مربوط به آموزش آپلود و نحوه آپلود و ... شروع میشه و این جلسه میریم سراغ ساخت صفحه آپلود.

در این قسمت در ادامه جلسه قبلی به تکمیل صفحه آپلود مون و اصلاح یسری موارد در UI فرم هامون می پردازیم.

در این قسمت کمی با اکسپرس آشنا میشیم و توضیحات مربوطه داده میشه.

توی این قسمت میایم و یک اصلاحاتی روی فایل server.js مون انجام میدیم و بعدش هم میایم و مالتر رو پیاده سازی می کنیم و با آپلود فایل آشنا میشیم.

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

در این قسمت میایم فرمت های عکس و فیلم رو برای بارگذاری از همدیگر جدا می کنیم و سعی می کنیم که فایل مون رو هم ذخیره سازی کنیم.

در این قسمت به ساخت model های رای ، کامنت و فیلم می پردازیم و شرایط ایجاد و ذخیره سازی یک فیلم کامل با مشخصات را در دیتابیس پیاده سازی می کنیم.

در این قسمت اولین فیلم مون رو با مشخصات کامل از صفحه داشبورد مون ایجاد می کنیم و در دیتابیس ذخیره اش می کنیم.

در این قسمت با یکی از مهم ترین کوئری های دیتابیس مون یعنی اجتماع سازی (population) در mongoose آشنا میشیم و میخواهیم ازش استفاده کنیم. فایل پروژه این قسمت تحت عنوان یک قسمت جداگانه پس از این قسمت قرار می گیرد!

این فایل پروژه تا انتهای قسمت قبل است. توجه : تمامی قسمت های نقدی شامل فایل پروژه هستند!

توی این قسمت چندین کار قرار هست انجام بشه که از ساخت صفحه لیست فیلم ها و مودال تغییر اطلاعات فیلم هست تا آشنایی با متود (یا بهتر هست بگم چرخه زمانی) pre در mongoose

در دو جلسه پیش رو قرار هست که قابلیت تغییر اطلاعات فیلم رو در سمت داشبورد پیاده سازی کنیم.

این قسمت هم مشابه قسمت قبل به ساخت api تغییر اطلاعات می پردازیم.

در این قسمت سعی می کنیم که قابلیت حذف فیلم رو هم در لیست فیلم ها قرار بدیم.

در این قسمت میایم و مرتب سازی و فیلتر سازی داده ها و همین طور نمایش فیلم ها در اسلایدر رو یاد می گیریم.

در این قسمت میایم و در کنار ساخت فوتر سایت مون، در دیتابیس هم ساختار اسلایدر و بنر رو ایجاد می کنیم تا بتونیم راحت تر استفاده شون کنیم.

در این قسمت روی اسلایدر کار می کنیم و به اصلاحات می پردازیم و همینطور میریم سراغ API ساخت بنر.

در این قسمت بسیار مهم می پردازیم به اجماع سازی یا Aggregation در مونگو دی بی که یکی از مهم ترین قسمت های مونگو دی بی هست!

توی این جلسه در ادامه جلسه قبل می پردازیم به Aggregation و بطور مفصل باهاش آشنا میشیم و توضیحاتش داده میشه. این جلسه رایگان هست :)

در این قسمت میایم و در نهایت با آشنایی هایی که پیدا کردیم سرچ باکس فیلم های سمت ادمین و ایجاد بنر رو تکمیل می کنیم.

در این قسمت میایم و لیست بنر ها رو به همراه API اش شروع می کنیم به پیاده سازی کردن.

توی این جلسه نسبتا طولانی :) با مشکلات دست و پنجه نرم می کنیم و همینطورمودال تغییر اطلاعات بنر رو درستش می کنیم.

در این قسمت میایم و برای لیست بنر های داخل پنل ادمین مون قابلیت تغییر و حذف بنر رو با API سمت سرور مون پیاده سازی می کنیم.

در این قسمت وارد صفحه فیلم ها میشیم و البته اول از همه میریم سراغ پیاده سازی Categories در مدل دیتابیس و کنترلر مون.

توی این قسمت در ادامه جلسه قبل میایم و دسته بندی فیلم ها رو بر اساس ژانر هاشون تکمیل می کنیم و صفحه فیلم هامون رو کامل می کنیم.

توی این قسمت میایم و اطلاعات هر فیلم رو بصورت داینامیک از دیتابیس می گیریم و در صفحه خودش به نمایش می گذاریم و کار با قسمت کامنت هارو هم شروع می کنیم.

توی این قسمت میایم و API کامنت هامون رو تکمیل می کنیم و بعدش هم اولین کامنت مون رو زیر فیلم مون می نویسیم.

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