دوره آموزشی
دوبله زبان فارسی
اپلیکیشن مارکت پلیس دورههای آنلاین و یادگیری الکترونیکی با Next.js 14
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- درک عمیق تمام ویژگیهای جدید Next.js v14 و چگونگی پیادهسازی آنها در پروژههای بلادرنگ
- پیادهسازی سیستم احراز هویت و مجوزدهی قوی و امن با استفاده از CLERK
- یادگیری چگونگی استفاده از Tailwind CSS با سایر کتابخانههای کامپوننت UI شخص ثالث مانند Ant Design ،Material UI و غیره.
- یکپارچهسازی Firebase به منظور ذخیره و مدیریت آپلودهای رسانهای حجیم در اپلیکیشنهای Next.js
پیش نیازهای دوره
- دانش اولیه Next.js مورد نیاز است.
توضیحات دوره
به دوره اپلیکیشن مارکت پلیس دورههای آنلاین و یادگیری الکترونیکی با Next.js 14 خوش آمدید. در این دوره، یک وب اپلیکیشن فول-استک و بلادرنگ با استفاده از فناوریهای محبوب و پیشرفتهای مانند Next.js Tailwind ،MongoDB و غیره ساخته خواهد شد.
در ادامه، لیست کامل پشته فناوری و ویژگیهای پروژه آمده است:
پشته فناوری پروژه
- Next.js 14 - برای سرویس کامل فرانتاند و بکاند
- Tailwind CSS - برای استایلدهی و چینش
- Ant Design : برای کامپوننتهای UI
- Zustand : برای مدیریت استیت سراسری
- Mongo DB : برای پایگاه داده
- Firebase : برای ذخیرهسازی تمام درسها و ویدئوهای تبلیغاتی
ویژگیهای پروژه
- احراز هویت کاربری قوی و امن با استفاده از CLERK.
- 2 نقش کاربری وجود خواهد داشت: یکی ادمین و دیگری دانشجو
- ادمین میتواند دورهها را ایجاد، اصلاح و حذف کند.
- فرم دوره شامل جزئیات اولیه و توضیحات با یک ویرایشگر متن غنی خواهد بود و در نهایت، سرفصلهای دوره با پشتیبانی از بخشهای متعدد ارائه میشود که هر بخش میتواند شامل چندین ویدئو باشد.
- یک کتابخانه رسانهای متمرکز وجود خواهد داشت که ادمین میتواند تمام ویدئوهای دوره را در آن بارگذاری کند. بنابراین، هنگام ایجاد سرفصلها، نیازی به بارگذاری دستی برای هر درس نخواهد بود.
- دانشجویان میتوانند تمام دورهها را در صفحه اصلی ببینند و بر اساس دستهبندی فیلتر کنند. آنها همچنین میتوانند بر اساس عنوان دوره جستجو کنند.
- آنها میتوانند با کلیک بر روی تصویر دوره، اطلاعات کامل آن مانند توضیحات، ویدئوی تبلیغاتی و سرفصلها را مشاهده کنند.
- دانشجویان میتوانند با پرداخت از طریق درگاه پرداخت Stripe، دورهها را خریداری کنند.
- ادمین میتواند تمام ثبتنامهای دانشجویان و ثبتنامهای سطح دوره را مشاهده کند.
- ادمین نیز یک صفحه گزارش خواهد داشت که در آن مجموع دورههای منتشر شده، مجموع ثبتنامها، تعداد کل دانشجویان متمایز، کل درآمد کسبشده و 5 ثبتنام آخر نمایش داده میشود.
- ادمین همچنین میتواند لیست دانشجویان متمایزی که در چندین دوره ثبتنام کردهاند را ببیند.
- قابلیت درگ و دراپ کردن در سرفصلها برای مرتبسازی بخشها و درسها.
- استقرار اپلیکیشن در سرویس ابری Vercel.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان فرانتاند و فول-استک که علاقهمند به ساخت پروژههای بلادرنگ هستند.
اپلیکیشن مارکت پلیس دورههای آنلاین و یادگیری الکترونیکی با Next.js 14
-
دموی پروژه 15:25
-
مقدمه 05:50
-
دموی Ant Design 07:18
-
بازنویسی استایل کامپوننتهای Ant Design 07:45
-
بازنویسی Ant Design در سطح سراسری 05:32
-
معرفی CLERK 02:39
-
یکپارچهسازی CLERK در Next.js 11:00
-
صفحات ورود و ثبتنام سفارشی 04:03
-
نمایش اطلاعات کاربر لاگینکرده در رابط کاربری 05:31
-
نمایش اطلاعات کاربر لاگینکرده در آبجکت 06:05
-
استایلدهی به صفحات ورود و ثبتنام 11:29
-
چرا باید کاربران را در MongoDB ذخیره کنیم؟ 02:04
-
اتصال به MongoDB 03:33
-
مدل کاربر 04:33
-
ذخیره کاربر 12:17
-
اسکلتبندی طرح بندی و شرطها 08:40
-
استایلدهی طرح بندی 08:35
-
نمایش اسپینرها 05:09
-
پیادهسازی مدیریت استیت 12:57
-
آیتمهای منو برای ادمین و دانشجویان 19:13
-
عملکرد خروج دستی 06:44
-
معرفی ماژول دورهها 13:04
-
جزئیات پایه در فرم دوره 14:38
-
تصویر کاور و ویدئوی تبلیغاتی 06:58
-
توضیحات دوره 06:47
-
ایجاد بخشها - 1 10:51
-
ایجاد بخشها - 2 14:05
-
آیتمهای عملیاتی برای بخشها 07:29
-
ویرایش بخش 05:18
-
حذف بخش 02:00
-
افزودن درس 15:54
-
نمایش درسها 05:44
-
آیتمهای عملیاتی برای درسها 06:00
-
ویرایش درس 03:44
-
حذف درسها 02:16
-
راهاندازی Firebase 08:21
-
رابط کاربری (UI) بارگذاری رسانه 13:04
-
منطق بارگذاری رسانه در Firebase 12:30
-
ذخیره رسانه بارگذاریشده در کالکشن رسانه MongoDB 07:48
-
جدول کتابخانه رسانه 10:16
-
پیشنمایش رسانه 06:18
-
حذف رسانه 05:25
-
ذخیره دوره - بخش 1 19:42
-
ذخیره دوره - بخش 2 09:11
-
نمایش دورهها 12:29
-
لودر برای کامپوننتهای سرور 05:19
-
ویرایش دوره - بخش 1 11:03
-
ویرایش دوره - بخش 2 06:57
-
حذف دوره 03:56
-
صفحه اصلی - بخش 1 07:11
-
صفحه اصلی - بخش 2 11:03
-
صفحه اطلاعات دوره - بخش Hero 06:46
-
صفحه اطلاعات دوره - توضیحات 03:41
-
صفحه اطلاعات دوره - سرفصلها 09:07
-
صفحه اطلاعات دوره - کارت خرید 11:05
-
یکپارچهسازی حساب Stripe 03:29
-
بکاند Stripe 10:50
-
فرانتاند Stripe 19:06
-
مدل ثبتنامها 04:19
-
ذخیره ثبتنام پس از پرداخت 06:35
-
نمایش دورههای ثبتنامشده کاربر 12:29
-
مشاهده دوره - بخش 1 10:58
-
مشاهده دوره - بخش 2 03:48
-
آمادهسازی دادهها 11:41
-
API فیلترها 11:19
-
رابط کاربری (UI) فیلترها 07:59
-
نمایش تمام ثبتنامها 13:23
-
فیلتر کردن ثبتنامها بر اساس دوره 09:46
-
API گزارشها 12:19
-
رابط کاربری (UI) گزارش 08:31
-
نمایش دانشجویان متمایز 11:14
-
گزارشهای دانشجو 19:01
-
تمرین 1 - بهبود صفحه پروفایل کاربری 03:50
-
تمرین 2 - بهبود فیلترها 02:24
-
استقرار اپلیکیشن در Vercel 12:27
-
ایجاد یک شاخه جداگانه 05:25
-
درگ و دراپ کردن - بخش 1 09:48
-
درگ و دراپ کردن - بخش 2 05:32
مشخصات آموزش
اپلیکیشن مارکت پلیس دورههای آنلاین و یادگیری الکترونیکی با Next.js 14
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:مقدماتی
- تعداد درس:78
- مدت زمان :11:18:35
- حجم :6.48GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy